È possibile vedere come viene manipolato <canvas>?

Question

Sono incuriosito come questo WebGL animazione del mondo viene resa:

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

A differenza di altri elementi HTML, non ho trovato un modo per vedere come l'elemento canvas viene manipolato.

In Chrome e altri browser, è possibile "Interrompere su ... modifiche sottostruttura", "Interrompi ... modifica attributi" e così via. Con la tela, mentre viene manipolata, l'elemento rimane vuoto.

C'è un modo per farlo?

MODIFICA: Apprezzo molto la risposta di Joe. Ma c'è ancora un modo, in generale (non specifico per questo sito), quindi vedi come viene manipolato?

Answer 1

Io consiglio WebGL Inspector.

Diverso da quello che hai provato a controllare la fonte? Puoi guardare alcuni oggetti (shader, trame) dall'ispettore di Chrome.

Answer 2

Chrome ha un ispettore di tela in fase sperimentale (nel momento in cui sto scrivendo questo). Per abilitarlo, vai su about: flags e abilita "Experiments". Quindi, nelle impostazioni degli strumenti di sviluppo (icona di ingranaggio), vai alla scheda esperimenti e dovresti vedere l'opzione "controllo tela" - http://www.html5rocks.com/en/tutorials/canvas/inspection/