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.
- JurgenKnopsCommunity Member
Will it come, in the near future, to Storyline 3? It looks fantastic!
Hello Jurgen, and welcome to E-Learning Heroes. 😊
This feature is exclusive to Storyline 360. You can see a comparison of versions here.
- JohnReiter-2d32Community Member
I have been using 360 degree images as a web object.
I'd like to create a map with a series of panoramas. The student will need to "navigate" a specific path in order to continue on in the lesson.
I can create a map similar to what what you see real estate agents do. I just can't pass any variables back into to STL 3.
Does anyone know of an example that tracks how a student navigates?
- JerryDonneyCommunity Member
Yes, zoom with the mouse wheel so learner can look closer at objects. Also, is it a bug that the "Hotspot" shading area is visible when in Preview? The 360 view already provides a hand cursor and the pulsing icon. The teal "hit' area is distracting and should hide in Preview similar to regular SL hotspots. And Thank you, it's a cool new feature.
- AVT-DigitalCommunity Member
This is a great addition, well done! Couple of comments:
- Please add 360 video support! (requested this via feature request form)
- Custom markers or at least custom icons (apart from default and Content library ones)
- As Mehdi Achbaro mentioned, transition between two 360 images is not smooth if placed on separate slides. Is there a way to actually achieve similar transition as on the video above?
- RenGomezStaff
Hi PJ,
Thanks for the added feedback! 360 video support and custom markers/icons have been shared with the team, so I'll add you to the list of folks who have requested it.
As far as the 360 image transition, Annie mentioned here that it's an intentional nudge to provide an indication to the user. The team is considering making that a toggle option, so we'll keep you updated here!
- chrisboucher-d9Community Member
Adding a toggle option for handling repeated images would be great, as I find the nudge helpful and wouldn't want to lose it...
- MehdiAchbaro-9aCommunity Member
Hi,
There is a weird behavior with the hotspots. When I click a hotspot It shows the color of the hotspot even if I have unchecked reveal hotspot in the settings. Also whenever I click somewhere in the 360 image the hotspots shows up again all at ones!
Did someone found a solution to this?
Here is a video of the issue.
Thanks.
- RenGomezStaff
Hi Mehdi,
Thanks for reaching out and sharing that video! I couldn't tell when you were clicking or hovering, but when the Reveal Hotspots option is unchecked, this is what should happen:
- No initial visual cue displays for visited or unvisited hotspots.
- Hovering over a hotspot area changes the cursor to a hand.
- Clicking any area of the hotspot displays its entire shape and thickens its border.
- Visited hotspots become a darker color.
- Clicking outside of a hotspot causes visited hotspots to briefly flash. (Unvisited hotspots don’t appear. Visited hotspots are darker.)
It looks like the expected behavior is occurring, but let us know if something isn't matching this!
- MehdiAchbaro-9aCommunity Member
Thank you Ren Gomez for replaying.
Actually that last point ''Clicking outside of a hotspot causes visited hotspots to briefly flash. (Unvisited hotspots don’t appear. Visited hotspots are darker.)" that we want to avoid, we don't want any hotspot to appear, we want it to be completely transparent. I don't know if there is a work around it, I will keep trying to find a solution.
Thanks again.
- JerryDonneyCommunity Member
It would be nice if you could add additional editing features to the hotspots, like transparency, and separate outline and fill settings. Also, the ability on preview to have a pulsating outline on hotspots with no fill area revealed, similar to a Marker with a transparent fill and no icon. Thanks for this new 360 function, looking forward to using it in future projects.
- MehdiAchbaro-9aCommunity Member
Hi,
We recently found a bug on iOS devices, when we move from a 360 image to another one using hotspots randomly the course restarts, the whole browser refreshes. I have tried to find out what creates the issue, I went and deleted element by element, once I delete the 360 image and add a simple next button it works fine, I have tried only taking off the hotspots and keeping the 360 image and adding a next button, but the bug still exists so the only way we get rid of the bug is by deleting the 360 images.
I have tested on other android devices here below you will find the results.- iPhone 12 → iOS 14.8 → Safari, Chrome, Firefox → The course restarts randomly
- Samsung Tab S7 → Android 11 → Default brows, Firefox → Everything works fine
- Samsung Tab S7 → Android 11 → Chrome → At some point randomly the 360 image disappears leaving a white BG
You also find here attached a video of the bug.
It will be awesome if you can address this issue on your next update 😊Thanks.
Hi Mehdi,
Thanks for bringing this to our attention! Are you able to share your .story file so we can investigate the issue? You can attach it here or email it to me directly. If you're not able to, it would help to at least have the Review link.
- MehdiAchbaro-9aCommunity Member
Hi Annie,
Sure! I can email it to you but I wasn't able to send you a direct email from your profile.
- IrisSchlabitzCommunity Member
That is great news Crystal, thank you!