Skip to main content
Participating Frequently
October 9, 2019
Question

Embedding a CAD 3d file into an HTML

  • October 9, 2019
  • 2 replies
  • 2707 views

I'm trying to find a solution to embed our 3d models on each product page to enable the user to rotate, zoom and view the model however they need to, but not have to host the files on someone else server. The solution found here is EXACTLY what we're looking for, but I'd like the option to point to our existing files hosted on our servers as they're updated every night.

 

Thoughts?

    This topic has been closed for replies.

    2 replies

    rayek.elfin
    Brainiac
    October 9, 2019

    There are many commercial hosted solutions (Sketchfab, etc.), but self-hosting requires a bit more work.

    Options are available, though. With a bit of effort it isn't that difficult to develop your own webgl 3d viewer and link it to view your 3d files.

     

    Look for three.js demos and examples:

    https://threejs.org/examples/#misc_exporter_collada

    https://github.com/cgwire/js-3d-model-viewer

     

    An open source 3d javascript webgl framework targeted at displaying CAD models is XeoGL:

    http://xeogl.org/

     

    These would be simple to implement for any reasonably seasoned front-end coder.

     

    If coding is a problem, and you just want to place 3d objects on your html page, x3dom is probably the simplest method (and open source):

    https://www.x3dom.org/

     

    Do your own research and testing:

    https://medevel.com/16-webgl-opensource-frameworks/

     

    Nancy OShea
    Community Expert
    October 9, 2019

    Look at AutoDesk viewer.

    https://viewer.autodesk.com/

    Nancy O'Shea— Product User & Community Expert