CODEWITHSUNDEEP
htmlcss3d
Sergiy Belozorov
Sergiy Belozorov

Reputation: 6064

What technologies exist to integrate 3D content with web-site?

I am web-developer. I would like to integrate 3D Content into my web-site. The level of integration should allow something like 3D Cube floating above HTML Content. Moreover, I want 3D Content to be interactive, i.e. one should be able to click on certain side of the cube and get some JavaScript code executed in same way as if somebody clicked a button.

I have seen some demos with CSS3 3D Transforms in HTML 5. It's even possible to render HTML Content on 3D Objects like images and buttons, but they don't seem to allow something as sophisticated as floating cube.

Is it possible today? Which technologies should I use?

Upvotes: 3

Views: 720

Answers (2)

Sampson
Sampson

Reputation: 268344

The best options you have available today are CSS transformations, and/or the Canvas element. With CSS you can perform various transformations, even including the construction of an animated cube (easier with preserve-3d).

Upvotes: 1

Sergiy Belozorov
Sergiy Belozorov

Reputation: 6064

After some research online found XML3D and X3DOM projects. They offer integration with DOM and JavaScript, XML-like scene description and even programmable shaders. Seems that it's exactly what I was looking for, however both projects are still in development :(.

Upvotes: 2

Related Questions