What technologies exist to integrate 3D content with a website?

Question

I am a web developer. I would like to integrate 3D content into my website. The integration level should allow something like a 3D cube floating over HTML content. In addition, I want the 3D content to be interactive, i.e. It was necessary to click on a certain side of the cube and get JavaScript code executed in the same way as if someone clicked a button.

I saw some demos with CSS3 3D Transforms in HTML 5 . It even allows you to display HTML content on 3D objects, such as images and buttons, but they don't seem to allow for something complicated like a floating cube.

Is it possible today? What technologies should be used?

Answer 1

The best options available today are CSS transforms and / or Canvas Element . With CSS, you can perform various transformations, including creating an animated cube ( easier with preserve-3d).

Answer 2

After some research on the Internet, XML3D and X3DOM were found . They offer integration with DOM and JavaScript, an XML description of the scene, and even programmable shaders. This seems to be exactly what I was looking for, however both projects are still under development: (.