Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is it possible to see how <canvas> is being manipulated?

I'm intrigued how this WebGL animation of the globe is being rendered:

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

enter image description here

Unlike other HTML elements, I haven't figured out a way to see how the canvas element is being manipulated.

In Chrome and other browsers, you can "Break on... subtree modifications", "Break on ... attributes modifications" and so on. With canvas, as it's being manipulated, the element sits blank.

Is there any way to do this?

EDIT: I really appreciate @Joe's answer. But is there still any way, in general (not specific to this website), so see how is being manipulated?

like image 343
bafromca Avatar asked Oct 21 '22 11:10

bafromca


1 Answers

I definitely recommend WebGL Inspector.

Other than that have you tried checking out the source? You can look at some items (shaders, textures) from Chrome's inspector.

like image 135
F.X. Avatar answered Nov 02 '22 04:11

F.X.