Spector.js

대충 예제 로딩 이미지 긁어왔다.

Spector.js : WebGL 개발자 도구의 일종. 

읽던 책에서 WebGL Inspector라는 툴을 소개해주어서 찾아봤으나, 없어졌는지 도저히 찾을 수가 없더라. 그래서 비슷한거라도 있겠지 하면서 찾아보니까 이게 나왔다. 좋은 것 같다.

요로코롬 상단의 빨간 버튼으로 캡처를 하면

좌측 이미지에서 webgl 구성 단계별로 구성되는 화면을 볼 수 있다. 

하이라이트 되어있는 Mesh들은 클릭하면 각각의 Shader 소스코드를 볼 수 있다.

---

요기서 받을 수 있다.

https://spector.babylonjs.com/#maindemossection

Spector.js demos & documentation

 

이건 예제

https://spector.babylonjs.com/demos/pbr/

Babylon.js - PBR demo