New feature in Storyline 360: Interactive 360° images
Jul 27, 2021
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.
172 Replies
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.
As Captivate has not been updated in almost 2 years now and its 360 images and video options are far less than Storyline already.
Two things i want to see and that's 360 Video and the ability to use our own icons as hot spots.
The reason is its Beta, and still being tested. It can change if things do not work as expected. For production it is never recommended.
It has been in beta for a long time, generally if Articulate do not believe this is is suitable for production work it will be stated explicitly. There is a risk of things changing. However that is the same for all features, I wouldn’t see any issues using in production work.
Hi Mehdi,
Thank you for all the great feedback and suggestions!
Could you elaborate a little more on the first two points? If I make the 360° image smaller on the stage, then I'm able to see objects that I have on the slide master. Maybe you could share your project since it sounds like your slide master is more complicated with a timer? For field of view, are you referring to wanting to change the initial view/camera angle or is it more about wanting to crop the image on the stage?
As for the glitch, that's actually an intentional nudge we added in. The idea behind that was we wanted the image to move slightly to indicate to learners that this isn't a static image but one that can be moved around. I hear you though and we are considering adding a way to toggle that nudge effect off.
For the last point, one hack would be to copy/paste the image if you're using the same image and it will keep the same initial view. Replacing an image from the stage will also maintain the same initial view.
We really appreciate yours and everyone else's feedback as we're in beta and we consider how we want to build out the feature more so keep them coming! =)
Hi Annie,
Thank you for taking the time to answer my comments.
One last comment I want to share, I also find the speed of the panning in the 360 image so fast, that may cause motion sickness for some users, its also something to consider, I am still look for a way to tweak it :).
Thank you again for your help.
So far, so good with this new feature, but has anyone figured out how to edit the states for markers in 360 images?
In my first project, mouse hovers over a marker aren't showing the text associated with the marker, either in preview mode or Review 360.
Mouse hovers don't appear to be working in the demo above either. You have to click to see the text, which is problematic if clicking also triggers movement to another slide.
Hi Mehdi,
Thanks for the follow-up!
1. I'm glad that you've found a workaround for this.
2. While I'm glad you found this workaround by modifying the three.min.js file, this falls outside of our scope of support. I think this will be a great solution for other community members to reference, so we appreciate the sharing of information!
3. If I understand this correctly, you're looking for a way to have the user walk through multiple images and retain proper direction throughout.
For all of these and your concern about the speed of the pan in a 360 image, I would recommend submitting a feature request here!
Thank You,
Tyler
Thanks for the response Annie. It'd be great if there was a state where text appears on a hover like a tooltip.
Is accessibility not supported for markers in 360 images? I can't see a way to add alt text or set the focus order.
Accessibility is also on the roadmap and is a work in progress while this feature is in public beta, but eventually markers will be fully accessible.
This is amazing! Now if I can figure out how to format an illustrated panoramic image to import. When I import the panoramic, it just gives a tight circular view. I read that it needs to be an Equirectangular panoramic. So I'll need to set all that up prior to import. I'm wanting to use illustrated background rather than 360 photograph to make an interactive video. Or gamified experience/tour. Any tutorials out there on how to convert a regular panoramic illustration into a equirectangular panoramic? I so want to learn how to use this feature! looks awesome!
Can you please recommend a model/brand of camera to produce the equirectangular panorama jpgs?
Can you please recommend a model/brand of camera to produce the equirectangular panorama jpgs?
I would like to create an image from a very large Excel file to allow students to view annotated cells in various areas of a spreadsheet. I have Photoshop and found some tutorials on creating 360-degree images, but the tutorials focus on images of nature - like the Grand Canyon. Does anyone have suggestions on how I could accomplish my objective??
I don’t think that this would work for an excel sheet. Converting to a 360 image will likely distort and hide detail.
Sent from my iPhone
thanks
Dear Team,
Great new feature. I have just noticed that it only works in Edge but not in Chrome if you have imported it into a rise module. Nothing will appear there. Can this be fixed?
Thanks a lot!
Best regards,
Sabine
Hi Sabine,
Thanks for bringing this to our attention! That bug is already on our radar so keep an eye out on future releases for a fix.
I originally created 360 images with an SLR camera and then stitched with PTGUI - and then inserted in to Storyline using the web object functionality - but now I am using this beta and taking images with an Insta 360 One X2 - not as good quality wise as the PTGU/web object workflow (because you can zoom in), but more than adequate with this long (I think over 8 years requested) addition to Storyline - I hope that the final version doesnt take as long!! If you do go down the Insta 360 route... I highly recommend you shoot 360 pans in HDR
This is an excellent feature and I am very thankful for it. I had preciously tried various workarounds (using weblinks to 3DVista hosted material) but this is a far more elegant solution. To create pictures, I use an Insta360 One X and export them to jpg format using Insta360 Studio.
Has anyone figured out a way to add persistent text labels to 360 images associated with "jump to" triggers? (For example, an arrow that moves a user into a conference room.)
Seems like it should be doable but I'm stumped...
Hi,
This is such a great feature, so I am using it already in my Rise modules. However I keep having the problem that the 360 Degree SL does only show a black screen once it was integrated into Rise - or lets rather say, it turns black after re-visiting the Rise chapter that contains the 360 Degree SL. Also, when previewing, it mostly displays a black screen, sometimes it works perfectly though. I could not yet figure out why this happens, but it may be worth mentioning this bug.
I am using Edge browser.
Will it come, in the near future, to Storyline 3? It looks fantastic!