Inserting 360 degree images into StoryLine 360

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.