Find us on Google+ A Little More with Fusion 360 and A360 - Sharing and Embedding ~ Inventor Tales

Thursday, April 21, 2016

A Little More with Fusion 360 and A360 - Sharing and Embedding

Just past Thursday I attended an Autodesk Fusion 360 Meetup in Novi, Michigan.

I figured it was a little bit of serendipity, that I just happened to be in in Novi for some PLM360 training.

Attending the event was a must.  A moral imperative, if you will! 

So I sat down at the event with my laptop and began watching the presentation.

Watching the presentation and building models! 

I'll say straight up, I knew many of the steps, but I learned long ago to try not to "check out" of a presentation.  There's always a gem if you know where to look. 

Here's one I'm going to share with you!  Embedding a model view on a website!
The first step is to locate the file you want to embed in Fusion 360.  In my case, I'm going to share the connecting rod from my post yesterday. 

But now, instead of just pasting in a picture,like I did above,  I'm going to embed a 3D model view into the model! 

The first thing to do is to locate the file in Fusion's data panel and click on the 'i' symbol to expand the flyout under the component. 

Once you'll see the option to "Open Details in A360". 

Clicking on the information icon
Click on that link and the file will open in A360. 

Once the file opens, click on the text next to "Shared Link" I've indicated in the image below.  It will say "On" or "Off" depending on your settings

Click on the link in A360 for a pleasant surprise. 

Selecting this link will open a window that will show you the options to Copy Link, Email, and Embed.  

Since we're embedding, embed is the option we're going to choose! 

Choosing the embed option
Once you have that, choose your size, and click the "Copy" button to paste the embed code into the destination.

Pasting the embed code

Once you have that, you're ready to go!  You'll have a viewable file that you can embed in a webpage just like I have below!

Oh! One other trick! If none of the sizes presented by A360 work for you, locate the "Height" and "Width" settings in the embed code.  You can tweak them to the size you want!

For my blog, I use 545 x 307, but you can always experiment with what works best! 

Feel free to edit the embed code. 

No comments:

Post a Comment