Forum Discussion

DarrenWeston's avatar
DarrenWeston
Community Member
3 months ago

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!

  • 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.

  • 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.