Czy można zobaczyć, jak manipuluje się <canvas>?

Question

Jestem zaintrygowany, jak to animacja WebGL globu jest renderowany:

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

przeciwieństwie do innych elementów HTML, nie zorientowali się, sposób, aby zobaczyć, jak element canvas jest manipulowany.

W przeglądarce Chrome i innych przeglądarkach można "Przerwać ... modyfikacje poddrzewa", "Przerwać ... zmiany atrybutów" i tak dalej. W przypadku płótna, gdy jest on manipulowany, element jest pusty.

Czy jest jakiś sposób to zrobić?

EDYCJA: Naprawdę doceniam odpowiedź @ Joe. Ale czy jest jeszcze jakiś sposób, ogólnie rzecz biorąc (nie dotyczy to tej strony), więc zobacz, w jaki sposób jest manipulowany?

Answer 1

Zdecydowanie polecam WebGL Inspector.

Poza próbą sprawdzenia źródła? Możesz przeglądać elementy (shadery, tekstury) od inspektora Chrome.

Answer 2

Chrome ma inspektora obszaru roboczego w fazie eksperymentalnej (do czasu, gdy to piszę). Aby go włączyć, przejdź do: flag i włącz "Eksperymenty z narzędziami dla programistów". Następnie w ustawieniach narzędzi programistycznych (ikona cog) przejdź do zakładki eksperymentów i powinieneś zobaczyć opcję "inspekcja kanwy" - http://www.html5rocks.com/en/tutorials/canvas/inspection/