Displaying a 3D model in JavaScript/HTML5

javascript html 3d webgl
Goro picture Goro · Jul 5, 2012 · Viewed 121.4k times · Source

I am looking at rendering a 3D model in a browser. What tools should I use/what places should I look at?

I don't know what data format the model will be, I can likely request that data to formatted in any way I want.

I am looking at three.js but it seems that it needs WebGL to work, which appears to be unsupported in IE.

Does a "cross-browser compatible HTML 3d rendering engine" exists? :)

Answer

Etienne Dupuis picture Etienne Dupuis · Jul 5, 2012

I have not played with 3D yet, but I know a good place for ressources on 3D for HTML5.

http://www.html5rocks.com/en/gaming

And here is a tutorial on how to create your 3D models with the Three.js Framework.

http://www.html5rocks.com/en/tutorials/three/intro/

This may help you. Good luck.

Related questions

Image manipulation and texture mapping using HTML5 Canvas?

In a 3D engine I'm working on I've succesfully managed to draw a cube in 3D. The only method to fill the sides is using either a solid color or gradient as far as I'm concerned. To make things more …

Read More
HTML5/JavaScript 2.5D - Making the ground in its own plane

So, I'm really interested in starting an HTML5/JavaScript project that mimics this type of 2.5D style: http://superflashbros.net/2009/02/22/blue-rabbits-climate-chaos/ I'm personally trying to stay away from third-party scripts, and just keeping the core of the code pure JavaScript. …

Read More
How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More