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.
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.
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?
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.
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.
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!
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?
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.
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.
12 Replies
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.
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?
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.
Awesome! That totally makes sense. I will give it a go - thanks a lot for your help!
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
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!
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?
Here is a brief blog post that provides some more info.
Here is a brief blog post with some info and a download link.
Thank you so much and highly appreciated!
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.