Check out my
new book!
HTML5 Games book
Canvas 3D Renderer written in Javascript "UPDATE: An updated version with texturing has been posted here

For another project, I wanted to see how feasible it was to render simple 3D models using the canvas element. The result is this little app, which loads a given mesh (stored in a custom json format) and renders it with lighting and some simple controls like rotation and zooming.

Performance isn't amazing as the triangle count rises above a few hundred (at least on my modest box), but it should work on both FF, Opera, Safari and IE (using excanvas). Safari yields the most pleasant experience while IE is quite horrible.

I'm not sure how usable this is yet, but it seems possible to render static images of simple models.

⇓ 3 comments Anonymous


February 2, 2010 at 6:18 AM

is there a program to convert from 3d models like "obj, dae, 3ds, ..." to json ???

March 1, 2010 at 2:24 AM

perdi objetos como ke eu faso para recuperalos

April 21, 2010 at 8:27 AM
Post a Comment