Forum Discussion
New feature in Storyline 360: Interactive 360° images
Today we released a new feature in Storyline 360 called 360° images. We think you’ll love transforming any 360° image into an interactive learning experience that invites learners to explore and engage.
Import any panoramic 360° image, pick an initial view, and resize for the perfect fit. Looking for images to experiment with? Try this collection.
Once you’ve imported an image, you can add interactions using markers, hotspots, and triggers to capture learners’ attention and add contextual info to the images they’re exploring. You can create custom markers and add hotspots anywhere on the image.
Finetune how learners interact with 360° images easily. Add progress meters to show learners their progress, and choose how learners navigate through the image to create the immersive experience you want.
Download the latest version of Storyline 360 to start experimenting with 360° images—and share your projects! We’d love to see them here in E-Learning Heroes.
This is great. I am altering a lesson i am working on changing a new lesson to take advantage of this new feature.
I notice that Storyline automatically creates a variable name for each 360 photo i put in the project. Is there a way to create a custom name for each of these photos?
Hi Michael,
You can rename your variables by double-clicking on the variable like in the screenshot below. You can also learn more about 360° image variables in Storyline 360: Adding Interactivity to 360° Images. Hope that helps!
The feature is a beta feature so I would not recommend using it for any active projects, as it is not recommended.
Should be no reason why it cannot be sued in production work. It has been in beta for a long time and I know a few colleagues who have used it in client work before the public beta.
Thank you Annie.
Is there a way to specify the location first seen in the 360 image/video when it loads?
You can set that by clicking the Edit button in the Interaction tab to set a new initial view angle. You can learn more about it in Storyline 360: Controlling Navigation in 360° Images.
Annie, Thank you for the solution.
This seems like a really great feature - I'm excited to use it! Seems to perform well during my tests.
As an aside, I really like how the new markers work in the 360° image feature (having content library icons integrated, allowing resize, etc.). It looks really flashy and modern. 😊 Are you planning on updating normal markers to allow for this level of customization? It would be great.
second this!
Loving this new feature! Used it in my latest E-Learning Challenges demo.
Can you please recommend a model/brand of camera to produce the equirectangular panorama jpgs?
Nice Jonathan! (Although, pushing it a little with adding Tina to the "...genius of...). Keep it going!
Thanks! Tina is credited as one of the five songwriters alongside the rest of the band and producer Bryan Eno. One of the most underrated bassists around and definitely a genius, in my humble opinion.
This is great, love it :)
I can see the variables in there already, however I'm stumped on how to set up something along the lines of "change state of Next button when all 3 markers have been viewed". Any tips?
adjust some T/F variable and then add trigger to change state when variables are true, you will need 3 triggers with conditions based on when variable changes
Excellent addition. I already started using it for a building services course.
Michael Bauer,
I noticed as a default Storyline generates a variable "360Image1_VisitedItems". Creating a trigger like this should do what you are asking for. The value 5 aligns with the number of spots that i put on the 360 image.
I'm trying to accomplish this myself-- with no way to change the state of a marker (i.e. to hidden), is there a way to force a user to click each marker before proceeding?
Hi Jeff,
I have done this by creating layers for each marker, providing a message like "there is nothing to see here currently" on the base 360° image. Then making a true/false variable for each marker and adding the triggers in the 360° image:
- First Marker: set "name of specific variable e.g. first marker" to true when user clicks "first marker".
- Second Marker:
- set "name of second marker" to true when the user clicks "second marker" and if "first marker" is true.
- Show layer "second marker" when user clicks "second marker" if "first marker" is false.
- Then add a trigger that leads to the slide/layer where the marker leads to, if all the previous markers are true.
Repeat the second marker steps, adding always the previous steps to be either true or false.
I also attach a screenshot of a first set of triggers. I hope this helps?
Fantastic new feature. I really like it a lot and it opens up tons of new possibilities. Are there any plans to include the 360° images into the translation export in the near future? Currently it does not seem to work. Thank you.
Hi Dominik,
Glad to hear you're enjoying the new feature! In more good news, we do plan on adding translation support in the near future!
Great news. Thank you Annie.
