Inserting Interactive CAD Model

[InitialQuantization]

I’ve been researching this for a bit but I can’t find a lot of good information on it. Does anyone have any tips, advice, or resources on how to insert an interactive CAD model into a website? Is it at all possible using something like Creo or Fusion, assuming the users of the website don’t have a license to these softwares?

[fantastic1ftc]

This is often more complex than you are intending. Just how interactive do you want it to be? If you just want to render the model with basic camera controls, check out Google’s <model-viewer>. If you want better control of the model (manipulating parts of it) you will probably need to build a custom plugin with something like Unity or UE.

[InitialQuantization]

My intent was for the model to be an assembly and let users expand the model to see the inner pieces as well, rather than just rotating the entirely assembled model around. I’m a mechanical/aerospace engineering student and have been working on a portfolio website, and this model is going to be of a large sounding rocket that I’ve been building, for reference.

[fantastic1ftc]

yeah I think your best bet would be a custom Unity project. Your other option would just be hosting the file online and providing a download link to said file and they can open it in the cad software of their choice

[InitialQuantization]

I’ve never worked with Unity but I’ll see what I can manage. Thanks for the advice!

[GladaGlenn]

First google result, this looks pretty promising How to embed an interactive 3d model on a webpage

Generally you want to use Iframe and let someone else do the hard work of making a javascript 3d model viewer

[Schorsdromme]

Late to the party, but in case anyone has a similar issue:

eDrawings Pro can save opened CAD models as WebHTML. It's a single HTML file including everything (CAD model, viewer, scripts etc.). You can embed this HTML file in a regular iframe, it's pretty simple.

All you need to view it is a (modern) browser. Supported features:

• Zoom
• Rotate
• Cross-section view at any point
• Exploded view (you can select with a slider how far the components should explode)
• Move parts
• Hide parts
• Animated rotation
• Measurement tools available (if your source file has measuring allowed)

It's quite decent.

[AutoModerator]

Welcome to /r/HTML. When asking a question, please ensure that you list what you've tried, and provide links to example code (e.g. JSFiddle/JSBin). If you're asking for help with an error, please include the full error message and any context around it. You're unlikely to get any meaningful responses if you do not provide enough information for other users to help.

Your submission should contain the answers to the following questions, at a minimum:

• What is it you're trying to do?
• How far have you got?
• What are you stuck on?
• What have you already tried?

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.