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/