Forum Discussion

LauraHaselum-a5's avatar
LauraHaselum-a5
Community Member
7 years ago

360 interactive room/environment in Storyline?

Hi all!

Has anyone successfully managed to implement a 360 interactive room/environment in Storyline?

The idea would be a user can pan round an environment and click on hotspots above/on different objects which would then link out to another scene in Storyline with some information/questions/interactions. I don't necessarily fully 360, but maybe be able to use a big panoramic image the could move side to side on. 

Something kind of like this, but still image rather than video:  http://www.sussex.ac.uk/study/visit-us/virtual-tour/main.html

I would love to see or hear any ideas! :)

Many thanks,

Laura

 

  • MichaelHinze's avatar
    MichaelHinze
    Community Member

    Here is an example of a true 360 element in a Storyline webobject. Here are examples of virtual tours. Yes, you could also use a long/wide panoramic image that is moved side-to-side with motion path animations, see the first example here.

    • LauraHaselum-a5's avatar
      LauraHaselum-a5
      Community Member

      Thanks very much! These look really useful. If I were going down the route of using a webobject - do you know if there is a way to get a hotspot to jump to a scene or slide in Storyline?

      • MichaelHinze's avatar
        MichaelHinze
        Community Member

        Technically it's possible, that's what I did in the first example to pass a score from the 360 webobject into a Storyline variable. That was done with Javascript. If the tool you use to create the 360 element provides the option to execute Javascript based on a click, then you should be able to pass that click event into a Storyline variable and based on that variable change jump to a scene or slide.

    • MichelleMullett's avatar
      MichelleMullett
      Community Member

      Michael Hinze,  that first example is fantastic!! I feel like the pink ladies in Grease..."Tell me more, tell me more".  :)  What tool did you use to create the 360 element?  Any resources for the javascript?  Thanks for any information you can provide...because that is down right awesome!

    • SanduniFernando's avatar
      SanduniFernando
      Community Member

      Hi Michael, 

      The first example is really fantastic. I would like to learn more about relative position movements in storyline as you did in the maze game. Will you be able to share the source file or guide me to some articles or tutorials for that?

  • Hi Laura, 

    wow, I love this. I am not as advanced, but wondering if you can provide any details on the player settings etc. I love that this is responsive. Yikes, whatever you are comfortable to share. My goal is to keep working at this, until, I can create something like this...but I need a few breadcrumbs. he he. 

    Lara 

  • IanScott's avatar
    IanScott
    Community Member

    Here is a paid for service that allows your to create tours and add hotspots. They also had a free account with more limited abilities. The link Kuula.

  • Hi, everyone!

    I have exciting news to share!
    We just released another update for Storyline 360. In Update 54, we’ve included important fixes and new features.

    One of the features we’ve included is:

    Create immersive learning experiences with 360° images. Add interactive elements, such as hotspots and markers to engage learners as they explore.

    360° images are currently in public beta for Storyline 360, which means you can use them for production as we continue to enhance them.

    To take advantage of this feature, launch the Articulate 360 desktop app on your computer and click the Update button next to Storyline 360. You'll find our step-by-step instructions here.

    Please let us know if you have any questions by posting here or directly reaching out to our Support Engineers