<canvas>이 어떻게 조작되고 있는지 볼 수 있습니까?

Question

나는 세계의이 WebGL을 애니메이션 렌더링되는 방법을 흥미있어 :

http://ats-vs-world.cadillac.com/#!/home

다른 HTML 요소와는 달리

, 나는 어떻게 캔버스 요소를 볼 수있는 방법을 생각하지 않은 조작 중입니다.

Chrome 및 다른 브라우저에서 "하위 트리 수정 중단", "속성 수정 중단"등을 수행 할 수 있습니다. 캔버스의 경우 조작 될 때 요소가 비어 있습니다.

이렇게 할 방법이 있습니까?

편집 : @ Joe의 답변에 정말 감사드립니다. 그러나 일반적으로 (이 웹 사이트와 관련이없는) 어떤 방법으로도 여전히 존재합니까? 그렇다면 어떻게 조작되는지보십시오.

Answer 1

나는 확실히 WebGL Inspector을 추천합니다.

그 외에는 소스를 확인해 보셨습니까? Chrome의 검사기에서 일부 항목 (쉐이더, 텍스처)을 볼 수 있습니다.

Answer 2

크롬에는 실험 단계에서 캔버스 검사자가 있습니다 (이 글을 쓰는 시점까지). 이를 활성화하려면 about : flags로 가서 "Developer Tools experiments"를 활성화하십시오. 그런 다음 개발자 도구 설정 (장부 아이콘)에서 실험 탭으로 이동하여 '캔버스 검사'옵션 - http://www.html5rocks.com/en/tutorials/canvas/inspection/