Creating Interactive 360° Panoramic Images in Storyline 360

[@cbtcafe]

Public Beta 360° images are currently in public beta for Storyline 360, which means you can use them for production as we continue to enhance them. Install the July 2021 update. Learn more: community.articulate.com/series/articulate-storyline-360/articles/storyline-360-adding-and-editing-360-degree-images

[@tuboto9]

Thank you David as usual...The best!

[@cbtcafe]

Thanks, Astrid!

[@JudithSandersMM]

Making me so happy this feature David! Finally it is here! I will definitely use this for my clients. Tooooo good.

[@angiecarter9151]

Once again, Articulate has taken what Adobe Captivate did with a concept - 360 degree images - and took it way beyond the next level. They've resolved all my prior complaints from Adobe's 360 degree image features. Bravo Articulate!

[@cbtcafe]

That's fantastic feedback, Angie! I shared your comment w/ our team. You made our day!

[@mrahmedsaad4535]

why morf isn't in articulate

[@SpeakingEnglishToday]

This is great! I'm really excited about the possibilities of virtual reality in eLearning. Where do you find 360-degree images to add?

[@cbtcafe]

I listed a few good sites in this article: community.articulate.com/series/e-learning-challenges-complete-list/articles/360-images#Free360Images

[@BenjaminAMcKay]

Are you able to add a 3D transition effect (blurry zoom to simulate movement) when transitioning to another 360 image?

[@cbtcafe]

Great question, Benjamin. You sure can. You can apply entrance/exit animations and even motion paths. If you place the 360° images on slide layers, you can apply a slide transition to each layer to fade in each image. It really works like any other image as far as animations and transitions are concerned.

[@BenjaminAMcKay]

@@cbtcafe Thank you for the quick reply. Super glad that 360 images are finally integrated into Articulate. This is a MAJOR breakthrough and will solidify it as our go-to application for our development pipeline.

[@cbtcafe]

@@BenjaminAMcKay Totally agree and that's great to hear about your go-to app. If you're looking for inspiration, Tom shared a 360° roundup post today: blogs.articulate.com/rapid-elearning/how-are-you-using-360-images-in-e-learning/ And we also have 27 examples users shared in this post: community.articulate.com/articles/360-image-examples/

[@BenjaminAMcKay]

@@cbtcafe Thank you! I'll check these links out.

[@LL-zi3ky]

Great tutorial. is there a way to make audio automatically play when you click on a hotspot without them having to click a play button?

[@flagshipbuilds]

Will a video 360 feature release?

[@caitystafford4017]

Such a great tutorial - gonna give it a go! Sorry if this is a stupid question but did you just use an iPhone to take the photo? Any tips for that? Thanks so much!

[@cbtcafe]

Hi Caity - Some phones, such as the Pixel, have a built-in feature that allows you to capture your own 360° images. But not all phones have this feature. For example, an iPhone camera with panoramic mode enabled captures 240° cylindrical panoramas. And although you can still add 240° images into Storyline 360, they won’t render correctly. Example: articulate-us.s3.amazonaws.com/support-share/YTshare/tbraddick/360+Images+iOS+Pano/story.html Here are four of the most common 360° cameras course designers are using: community.articulate.com/articles/360-images#360-cameras

[@johncadis8473]

Does this work with a panoramic image like 《190°, or is thete way to make it work?

[@tanmayghosh467]

Is the output compatible to wearable devices like VR headsets?

[@MegaLance72]

So I am assuming to create a tour I just add a layer with 360 image? i.e. a real estate tour... go from room to room.

[@MegaLance72]

yeh, Lance you sure can. Just put each 360 image (scene) on a new layer (all 360 images on layers) trigger the first layer to show. - trigger the hot spot to show the layer. You can even make a menu on the base layer as a quick shortcut to the different scenes (layers)

[@cbtcafe]

@@MegaLance72 LOL! I agree with Lance.

[@LearnTech_South_Africa]

Great demo - Could this functionality be used in an arc shot? Meaning the camera is moving around the subject (instead of viewing the surroundings from the subjects point of view).

[@a6ladd]

Can you use this feature to video a 3 dimensional object. For example, allowing a user to view a widget from any angle with the widget being the center of focus?

[@alanwatson7163]

Are there plans to allow a middle scroll button zoom (or control button zoom) and support for images larger than 8x4k?

[@cbtcafe]

We're looking at options for zoom and image sizes but it's too early to confirm. We're currently working on adding tooltips, accessibility, and localization features to the 360 images articulate.com/support/article/Articulate-360-Feature-Roadmap

[@alanwatson7163]

@@cbtcafe Thanks for the fast reply. For the time being I can use magnified images attached to a marker if I need to show detail.

[@redalart9396]

Hi David, are there any tutorials showing how I would go about adding the type of hotspot question shown at 13secs?

[@GrammarDisc]

Nice little tutorial. Can a trigger be set to jump to a new slide or layer when all of the triggers have been clicked?

[@cbtcafe]

Yes that's possible a bunch of ways. Using the Guide Tour option, you can add a trigger to the last marker to jump to next slide. You can also use variables to enable the next button after all markers have been clicked. I'm recording a video tutorial right now on 7-8 ways you can enable the next button after all markers have been visited.

[@GrammarDisc]

@@cbtcafe that is very helpful. Thank you

[@cbtcafe]

@@GrammarDisc Here are some ways to restrict moving forward until all markers have been visited kzbin.info/www/bejne/d3fEZGV3Za6Gbck

[@xitngoc3533]

I designed on storyline 360, created a 360 space as you instructed, but when published, it can only be viewed on a computer, not used on a phone or tablet device, right? I need your help because I'm participating in an LMS design competition. Thank you very much

[@jrginnovations5668]

How does one look character/ trigger in place? Currently if I don’t click to close the object it will move also.

[@cbtcafe]

Hey Jesse, I'm not sure I follow your question. Can you share a link to your example or tell me a little more about what you're trying to do?

[@DevByPowerPoint]

Nice!

[@cbtcafe]

Looking forward to seeing what you share in this week's elhchallenge, Jonathan:-)

[@fight2flyphoto]

3 years on and they still haven't figured out how to allow users to zoom in and out.

[@instructionaldesigner7310]

Since someone brought up Adobe Captivate, I thought I would ask the following question here: Does Adobe handle branching scenarios better than Storyline. or at least allow manual override of slide numbers ? I have used various versions of Storyline for several years, and 90% of the E-learning classes I make have branching in the form of Main Menu slides and sub menu slides (i.e. click buttons to go non-linearly through the course). Storyline's auto numbering of slides has messed up every one I have ever made (even with using the trick of vertical location on the timeline). To make the courses work I must "hardwire" every slide jump because with messed up numbers you cant use the forward, previous options as they use the slide numbers. If Adobe handles this better I will switch when my subscription is up.

[@keni95851]

what do you do if the 360 images tab is not available? I just downloaded the trial version. Is it only in the full version?

[@cbtcafe]

Hi Ken - Did you download Storyline 3 or Storyline 360? The 360° Images tab is available in the SL360 trial. If you go to the Help tab on the ribbon > About Storyline, what do you see for version number?

[@keni95851]

@@cbtcafe wow. it is, in fact, 3. how do I get 360?

[@cbtcafe]

@@keni95851 Okay, good. I don't mean, good you need to re-download the trial, but "good" in that there's nothing wrong with the SL360 trial:) Here's where you can download Articulate 360 trial: 360.articulate.com/

[@keni95851]

ill try that thank you!

[@cbtcafe]

@@keni95851 You're welcome! Let me know if you have any questions after starting your trial.

[@hidjazy]

It could have been amazing if you can add animations to HS or markers

[@cbtcafe]

You can add animated gif images to hotspot and marker labels.