<canvas>'un nasıl manipüle edildiğini görmek mümkün mü?

Question

Ben dünyanın bu WebGL animasyon oluşturulmakta olan nasıl meraklandım:

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

diğer HTML elemanları aksine

, nasıl tuval öğesi görmek için bir yol çözemedim manipüle ediliyor.

Chrome'da ve diğer tarayıcılarda, "Altt ... modifikasyonlarını kır", "Kır ... modifikasyon değişiklikleri" vb. Tuval ile, manipüle edildiğinde, eleman boş kalır.

Bunu yapmanın bir yolu var mı?

EDIT: Gerçekten Joe'nun cevabını takdir ediyorum. Ancak, genel olarak (bu web sitesine özgü olmayan) hala herhangi bir yol var mı, bu yüzden nasıl manipüle edildiğini görüyor musunuz?

Answer 1

Kesinlikle WebGL Inspector'u öneririm.

Bunun dışında kaynağı incelemeye çalıştınız mı? Chrome'un denetçisinden bazı öğelere (gölgelendiriciler, dokular) bakabilirsiniz.

Answer 2

Chrome, deney aşamasında (bu yazıyı yazdığım sırada) bir tuval denetçisine sahiptir. Bunu etkinleştirmek için, about: flags'e gidin ve "Geliştirici Araçları denemeleri" ni etkinleştirin. Sonra geliştirici araçları ayarlarında (cog simgesi), deneyler sekmesine gidin ve "kanvas taraması" seçeneğini görmelisiniz - http://www.html5rocks.com/en/tutorials/canvas/inspection/