Portable 3D Web Technology?

I am looking for a solution to embed simple 3D scenes in a web browser that is highly portable across desktop and mobile devices.

I need:

• To draw simple shapes
• Shadows
• Coliision detection
• To manipulate properties of the scene from the HTML page's Javascript. Such as move the light position, move shapes.

WebGL provides all the functionality I need. I have built a simple prototype using WebGL via the Three.js library.

However, I need a solution that is highly portable across desktop + mobile devices and can be used today. I can dictate which browser to use or require a plugin installed - but it must work on pcs, ios, android, etc

I have tried the HTML5 Canvas but I cannot get any shadows - I think this will not be possible because shadows require hardware acceleration.

I have looked into a Java3D solution but I understand it is not possible to run this on mobile devices.

I would be happy with Flash if only Apple supporte开发者_StackOverflowd it.

Am I correct in my understanding so far? Is there any technology with which I can achieve this?

Cross platform is hard to get. HTML5 is not yet fully supported on numerous devices and browsers. I recommend you check JMonkeyEngine. This works wonderfully from all browsers, as long the platform supports Java.

For better or for worse, "Flash" is arguably the "best" solution at the moment ... except for the iPhone exception.

• Q: Is OpenGL an option for you?

• Here's Steve Job's original statement about Flash on the iPhone:

  http://www.apple.com/hotnews/thoughts-on-flash/

• Here's a link about Adobe's (upcoming) Flash replacement, "Edge":

  http://www.beatweek.com/news/8896-adobe-html5-iphone-5-release-date-sees-flash-edge/

• You might also be interested in Cocos3d (an extension of the Cocos2d):

  http://brenwill.com/cocos3d/