How to use Sliders & Dials to create a virtual forklift in Storyline

For this week's challenge we were asked to create an interaction using lightboxes.

A lightbox allows you to show learners additional content without navigating away from the current slide, which could cause them to lose their spot in the course. This can be especially helpful for stuff like bibliographical references or links to external resources. It’s also great for navigation instructions, a table of contents, or any other supporting assets that need to be available throughout the course.

In my interaction I used a lightbox to bring up an in-demo game between each section of the course. Unique to this game is a forklift interaction where you control a 3D forklift by following specific steps to grab boxes.

Here is the finished result: https://360.articulate.com/review/content/823ab711-3cf5-40ec-8a88-90e5ac0dae47/review

For a behind-the-scenes look at how I made this happen, check out the companion video explainer: https://mywebsiteron.s3-us-west-1.amazonaws.com/Forklift+Game+Explainer.mp4

Here are the triggers that swapped between the four different sets of forks

Tilt is the blue knob above. It has two values: up=0 and down=1. So when the player moves the knob up then tilt =0. Loadcorrect is a toggle to let me know if the forks are empty or carrying the box. False=empty. True=carrying a box.

Power is the on/off button for the forklift.

So looking at the last set of triggers above.

What do we want to do: Show the titled loaded layer

When do we want to do it: When tilt is DOWN(=1), power is ON (=Selected), and we are CARRYING A BOX (loadcorrect=true)

As we saw in the video, there are four layers which display the forks of the lift. Each layer has its own slider. The layers are normal, normal loaded, tilted, tilted loaded.

Most of the action happens on the normal layer.

Here you see the Normal layer with a box, the Normal Slider, and two Hot Spots. When the box hits the furthest Hot Spot (closest to the vehicle) we jump to the loaded layer.

The loaded layer looks and works the same as the normal layer but the box is already on the forks.

Hope this inspires you to try crazy things in Storyline.