How to convert 3D models to css?
Viewing 3D css in http://tridiv.com/ I wondered if it is possible to import ready-made models in some 3D editor like Blender or Maya to use them in some page made with css3 and HTML5. Google searches give me too many irrelevant results.
Does anyone know how to achieve it?
2 answers
Probably dom3d is of interest to you, it has a Scheme script that is capable of transforming a 3D extension file .obj to a Javascript mesh that dom3d is capable of loading.
Simplifying it (maybe too much) you export the model in .obj from Blender or Maya, you transform it with the script and load it using dom3d.
Looking at github, the latest updates are from 2011, but maybe you can use the import script .obj with another method.
You have already been told how you can convert a simple model to HTML and CSS with dom3d, but if you want a more complex model with textures, you would have to use WebGL.
For that you can export a .obj from various programs and then convert it to JSON so you can display it with three.js , Opera has a guide to do that.
Another alternative is x3dom , finally you could use commercial viewers for this, like Sketchfab, P3D or Verold, which you just have to add the model and make the adjustments as they need.
Also if you need some interactivity you could check the webplayer of Unity or the HTML5 Pipeline of Unreal Engine.