Home / Questions / 278
Accepted
Ruslan López
Asked: 2020-12-03 09:32:05 +0800 CST 2020-12-03 09:32:05 +0800 CST

How to convert 3D models to css?

  • 772

Seeing css in 3D on http://tridiv.com/ I wondered if it is possible to import models already made in a 3D editor like Blender or Maya to use them in a page made with css3 and HTML5. Google searches give me too many irrelevant results.

Does anyone know how to achieve it?

css

2 Answers

  1. Best Answer

    Probably dom3d is of interest to you, it has a Scheme script that is capable of transforming a 3D file with an .obj extension into a Javascript mesh that dom3d is capable of loading.

    Simplifying it (perhaps too much) you export the model in .obj from Blender or Maya, 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 .obj import script with another method.

    • 6

  2. You've 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'd have to use WebGL.

    For that you can export an .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 , lastly you could use commercial viewers for this, like Sketchfab , p3d or Verold , which you just have to add the model and make adjustments as needed.

    Also if you need some interactivity you could check Unity 's webplayer or Unreal Engine 's HTML5 Pipeline .

    • 6