I'm intrigued how this WebGL animation of the globe is being rendered:
http://ats-vs-world.cadillac.com/#!/home
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?
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With