Forum Discussion
Can we embed 3D models in Storyline3?
Can we embed 3D models (.OBJ, .FBX, .PLY, .GLB, .STL, .3MF etc.) in Storyline and rotate it and add interaction (like videos)?
44 Replies
I'm not sure about the specific file formats you listed, but anything that can viewed in a browser can also be embedded into Storyline. Here is just one simple example.
Hi Michael, thanks for your response. That's a great sample you have shared. Now my questions are:
1) Is the 3D model created as a separate file (for example .obj or.fbx) and then inserted in Storyline (like we insert images, videos, audio etc)? For example, in MS Office 360, you can insert a 3D model in a PPT slide and rotate it. If yes, then I would like to know how you inserted the 3D model in Storyline.
2) Or, have you created the 3D model in Storyline using frames of images as layers and animation? Then, I am not really looking for that solution as my project requires to understand how i can insert a 3D model file in Storyline.
This example 3D model was inserted into Storyline using an embed code, similar to what you describe in 1)
Sorry, I meant MS Office 365. (360 degrees rotation is stuck in my head.)
Ok, thats really great to know. Thanks so much for the help.
Now, I need to understand what is the file type of the interactive 3D model? And how is it embedded? Is the 3D file hosted somewhere else and then embedded as a web object?
Currently I am stuck at this point that I have .obj or .fbx files but I cant insert them in Storyline like in PPT 365.
For my example I just used the embed code for one model I liked. This is the code:
<iframe width="640" height="480" src="https://sketchfab.com/models/36e9d3598c554bb69f3d9cd00e161818/embed" frameborder="0" allowfullscreen="" mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel=""></iframe>
This model is hosted on sketchfab, but it could also be included with the published Storyline content.
Hi Michael, This is really helpful. Thanks a lot. I'll look more into the use of Sketchfab.
Hi Michael, my client has restrictions with internet usage. So we are exploring options to embed the files in the course, instead of hosting it to a different location. So, we are planning to generate .exe files of these 3D models. Is there anyway we can embed the .exe files in Storyline?
I haven't done this myself, but from what I have read launching an .exe doesn't really work. See here a similar thread. Is there no other publishing option for you?
Hi Mike, please find the story file attached. There are two slides - the first one with the webobject, and the second one with JS. Please let me know what should i correct to make the 3D file uploaded in Sketchfab running in my course?
You could use the iFrame code and add it as a Video from web, as I have done here. See attached the .story file.
You could also add the full html code to a simple html page and link to that page in a webobject. I updated the published example to include this option as well.
The iFrame option works. Thanks a lot.
Could you tell me how did you insert the iFrame on the slide?
Do you mean the first option (inserting via Video)? If yes, select Insert>Video>Video from website. Then paste the iFrame code snippet into the field.
Thank you so much. I tried the steps, the code. I also tried to include one more 3D model from Sketchfab using the embed iFrame code from for the site, and that worked too. Thank you so much. Until I figure out how to call an exe file for a 3D model using JS from a storyline page, I'm going to use this step. Thanks a lot.
Great to hear that you figured it out! Good luck with your project.
