Highlighted

Embedding a CAD 3d file into an HTML

Community Beginner ,
Oct 09, 2019

Copy link to clipboard

Copied

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?

Views

183

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Embedding a CAD 3d file into an HTML

Community Beginner ,
Oct 09, 2019

Copy link to clipboard

Copied

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?

Views

184

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Oct 09, 2019 0
Adobe Community Professional ,
Oct 09, 2019

Copy link to clipboard

Copied

Look at AutoDesk viewer.

https://viewer.autodesk.com/

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 09, 2019 1
Guide ,
Oct 09, 2019

Copy link to clipboard

Copied

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/

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 09, 2019 2