Forum Discussion
Cube that spins when clicked
Hi All
I was wondering if anyone knows of an easy way to create a cube that will spin to the next side when the user clicks on it?
The idea is to have information on each side of the cube and when the user clicks on the cube, it will spin around a side to show the information on the next side of the cube.
Is there a way to create this in Storyline? If anyone can share any examples that would be even better!
- Nathan_HilliardCommunity Member
For a rotatable cube with content on each face, please see the following post:
https://community.articulate.com/discussions/articulate-storyline/rotating-cube-with-content
It just requires a piece of JavaScript on the master slide, a few variables, and a couple of triggers on the slide you want to use it on. Spinning movement is via clicking on the edges of each cube face, but could be simplified to a set of 4 buttons, or even controlled by the slide itself. The content for each face goes inside a numbered group. See the demo file attached to the discussion.
- KendalRasnake-1Community Member
Hi Darren,
You might try setting the cube's different positions as different states. You can follow these instructions I found online to rotate an item across its various states:
To rotate an item across its various states:
>click done editing states
>select the object
>rotate it
>Ctrl+C
>Ctrl+Z
> edit states
>new state
>Ctrl+V
>delete original Object from new state
>exit edit states
If the user clicks on it, you could have a trigger that says to change the state of the cube, but you would probably have to tell the trigger what state you want. An alternative might be to have a variable that increments in number and then have the states change based on the number. Or, perhaps you might have 6 buttons on the side and when a user clicks on a button, the cube rotates to show the corresponding side.