<canvas>がどのように操作されているかは分かりますか？

Question

私は地球のこのWebGLのアニメーションがレンダリングされているか興味をそそらだ：他のHTML要素とは異なり

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

を、私はどのようにcanvas要素を参照する方法を考え出したていませんが操作されています。

Chromeや他のブラウザでは、「サブツリーの変更を中断する」、「属性の変更を中断する」などが可能です。キャンバスでは、操作されているので、要素は空白になります。

これを行う方法はありますか？

編集： @ジョーの答えに本当に感謝します。しかし、一般的に（このウェブサイトに特定されていない）方法はまだあるので、どのように操作されているかを見てください。

Answer 1

私は間違いなくWebGL Inspectorをお勧めします。

それ以外は、ソースをチェックしてみましたか？ Chromeのインスペクタからいくつかのアイテム（シェーダ、テクスチャ）を見ることができます。

Answer 2

Chromeには実験段階のキャンバスインスペクタがあります（私がこれを書いている時点で）。これを有効にするには、about：flagsに移動し、「Developer Tools実験」を有効にします。次に、デベロッパーツールの設定（アイコンアイコン）で[実験]タブに移動し、[キャンバスの点検]オプションが表示されます。http://www.html5rocks.com/en/tutorials/canvas/inspection/