Dice roll interaction example

I've been working on a dice roll interaction and animation for a new elearning game I've been working on. The value of the roll determines how far the player character moves (featuring a cameo from my dog).

I created a 3D dice in Illustrator and exported each side which were imported as different states. A number from 1 to 6 is generated which adjusts the state of the dice in the middle of the animation to make the change less obvious. The animation was created in Storyline using the spin entrance animation and a custom motion path.


6 Replies