I just came across

this

It looks pretty awesome so i of course went right click a开发者_运维知识库nd inspect element but all i saw was a bunch of script tags and one single canvas tag with text saying "This game is built for Google Chrome".

Why can't i see what is happening in the html? and do you have a rough idea of how they built this?

---

This is built using the Canvas html element which just a bitmap with immediate mode drawing. There are no DOM elements in their to inspect just pixels.

Their code (like video games) will have some sort of loop that will draw new frames to the canvas.

---

They are using Canvas: "is a new HTML element which can be used to draw graphics using scripting". An excellent tutorial on canvas can be found on the Mozilla developer pages: https://developer.mozilla.org/en/canvas_tutorial