Forum Discussion
Help Needed: Using a Slider to Rotate a 360-Degree Image in Storyline 360
Use a slider in Storyline 360 to rotate a 360-degree image, similar to using the A and D keys for left and right movement. Any advice or examples would be a huge help!
I'm not exactly sure what exactly you mean by 360-degree image, as they are variations, e.g. an image imported into Storyline or a rendered animation from some 3D software. In the past, I have worked with 360-rotated device images. If you have the option to export your 3D image as individual bitmaps, you could add them as states of a Storyline object and then change the object state based on the slider variable's value. See these old example here (examples 4-6) https://dev.keypointlearn.com/xcl74_SL3/DialsV1x/story_html5.html This was done with dials, but the concept is the same.
Hi MichaelHinze. This is an amazing set of examples that you shared. Do you have the storyline versions of these examples? Thanks!
MichaelHinze this is a great example and something we want to do for one of our projects this month. What image file types did you use/import to create the rotating 3D image (drone and black box)? Our engineering team creates a plethora of image types but I don't know which to ask for and which will be compatible in storyline to do a similar interaction. Would love to connect!
Here is a list of supported image file formats in Storyline: https://community.articulate.com/kb/user-guides/storyline-360-adding-pictures/1120815
