One of the things you have to do to draw on the HTML 5 canvas is define a context. And the only context available right now is 2d. Which begs the question is there a 3d context? The real answer is, "not yet". But there will be eventually.

What's cool is that there are already lots of sites that do pseudo-3D in HTML 5 canvas. Some interesting ones I've seen include:

• 3D Wireframe Landscape — It looks more like a really choppy ocean to me
• 3D Modeling — look at and rotate a ship, a helicopter, and a stegosaurus (my favorite!)
• 3D Walker — a 3d FPS, but with nothing to shoot (that I saw)
• Google Images Gift Box — Now you can give your friends the gift of Google and it really does search Google images
• jParallax Demos — the first demo doesn't look 3d until you mouse over it, and then it's really cool

What canvas demos have you seen and liked? Share in the comments.

HTML 5 Canvas Tutorials

• Is there a 3d Canvas Context?
• HTML 5 Canvas Tutorial - How to Use the HTML 5 Tag CANVAS
• Drawing on HTML 5 Canvas - Drawing Rectangles on an HTML 5 Canvas Element
• The canvas Tag - canvas - HTML 5

Drawing on HTML 5 Canvas is Limited to 2-Dimensions, For Now originally appeared on About.com Web Design / HTML on Tuesday, December 28th, 2010 at 02:11:58.

Permalink | Comment | Email this