Streaming live at 10am (PST)

Using 3D models in Webflow

Hello. I set out in the wrong direction with this site built. The client asked me to create a 3D animation like this one of the beverage can. I created the mockup of the product in Adobe Dimension. Now Dimension outputs the 3D objects as GLTF, GLB and OBJ. But it turns out WF doesn’t support these formats. From what I know this could be done using three.js. But I need some guidance in this regard. What’s the best direction to follow?

I don’t know if this will help you, but here’s a guide on how to add a 3d model using the three.js - https://redstapler.co/add-3d-model-to-website-threejs . I faced the problem that the model I need is in a format other than OBJ or FBX. For example, this 3d model has a STL and WRL extensions. In this case you can use the Sketchfab or any of the online converters.
Best regards
Peter.

1 Like