Inserting 360 degree images into StoryLine 360

Hi, everyone!

I have exciting news to share!
We just released another update for Storyline 360. In Update 54, we’ve included important fixes and new features.

One of the features we’ve included is:

Create immersive learning experiences with 360° images. Add interactive elements, such as hotspots and markers to engage learners as they explore.

360° images are currently in public beta for Storyline 360, which means you can use them for production as we continue to enhance them.

To take advantage of this feature, launch the Articulate 360 desktop app on your computer and click the Update button next to Storyline 360. You'll find our step-by-step instructions here.

Please let us know if you have any questions by posting here or directly reaching out to our Support Engineers. 

Here is a similar discussion that may provide some insights.

So reading the other thread the answer is...no.

Hey Don,

While there isn't a function for 360 photo and videos in Storyline at this time, we do realize it's a popular feature request. I'm going to add your thoughts to this feature's report so we can let you know if it makes the list.

If there's anything else I can answer, I'll be here! 

Add me to the list for an interactive 360 degrees photo and video tool for Storyline 360.

Please add me to the list for 360 degree content as well.

Hello, André. Thanks for your vote! 🎟

I'll share your voice in this feature's report, and we'll let you know if there's any forward movement. Everyone who commented here will be notified immediately since that automatically subscribes one to this discussion! 

I was able to accomplish this using PanotourPro to publish the 360 photo and embedding it in the .story file as a web object. You can't preview it within SL, but it works pretty well once published. 

If you need interaction between SL and the 360 photo, you'll need a bit of javascript and variable manipulation.

I would like to vote for this feature also.

Panotour pro creates an HTML page (and a whole host of supporting files). This process is based off of that. If your software outputs something different, it may not work.

When inserting the web object, it asks for a URL. But if you click the folder to the right of the field, you can select a local folder or file. Be sure to select the box to display in the slide and to load the webobject automatically. This approach will lead to that folder/file will being added to the storyline output folder (a folder titled web_objects will be created in the storyline_content folder) and visible once you publish out the course.

This will embed a photosphere into the page that can be scrolled through (or use a tablet's accelerometer).

If you want to include clickable hotspots in that photosphere that affect circumstances in the SL course, you need to add javascript to the photosphere. Essentially, you want to communicate which hotspot was clicked in the photosphere to the larger SL file based on manipulating an integer variable. For example, clicking on Hotspot 1 in the photosphere changes the value of variable Hotspot_clicked to 1. Clicking on hotspot 2 in the photosphere changes the value to 2. You can then trigger actions in SL based on the value of Hotspot_clicked.

It's been a bit since I worked on this, I worry I don't have all the context on the Javascript code, so I don't want to muddy the waters with incomplete/incorrect specifics. But I'm sure there are other tutorials on this site about using Javascript to manipulate variables in SL.

Hope that helps.