12 Replies
Stefan K

Every dial changes a variable.


The dial on the left changes a variable to a specific value.
And there is a trigger that shows a layer if that variable has that specific value.

The dial on the right changes another variable to a specific value.
And there is a trigger that changes the state of a element (the colored rectangle in the background) to a specific state if the value has that specific value.

You should take a look at this links:
https://community.articulate.com/discussions/articulate-storyline/dials-color-change

https://community.articulate.com/series/storyline-3-adding-interactive-objects/articles/storyline-3-working-with-triggers

https://community.articulate.com/series/storyline-3-adding-interactive-objects/articles/storyline-3-working-with-variables

Stefan K

The two dials have nothing to do with each other.

Every dial changes the value of a specific numeric variable.
You can create triggers that do something (show a layer, change the state of a element, ...) if the numeric variable has a certain value.

You don't need a boolean here.

I attached a sample.

Stefan K

Slide 2.1 Circles:
I am not sure if that is intended, but I would take a look at settings of your dial here (select the dial and open the design-tab in the menu). Your dial is set to start at 0 and end at 5 - that means there are 6 steps, but as far as I can tell you only have 4 layers to show. So you could change the dial to start at a value of 1 and end at 4. You could also change it to 360 degrees if you want.

Slide 1.1 and Slide 3.1
Similar thing here. Your dial is set to start at 0 and end a 3 (that makes 4 steps), but you have only 3 layers to show. So dialing it back to the start position (0) does not do anything that might confuse users. You could either add a trigger that hides all layers when the value of your dial is 0. Or you could change your dial to start at 1 and show the first layer right of the start by edding a trigger (that shows the layer when the timeline of the slide starts).

Slide 4.1
As for your windmill slide.
I find that sort of animation hard to do within Storyline.
I would try another approach here: If you have some expierence with any animation software: Build an animation of one rotation for each speed and export looping GIFs of those.

So you will end up with something like this:

- value = 0 => still-frame of the wings
- value = 1 => animated gif slowest speed
...
- value = 4 => animated gif highest speed

Import the still frame to Storyline add 3 more states to that still and put the GIF animations into that state. Than change the state with the dial.

You would have a still (no movement), when the dial is at 0, slow looping movement when it is at 1, and so on. 

Stefan K

Because your right dial is changing to value of the variable "dial9", but your triggers are listening to changes of the variable "RightDiall7".

Storyline creates a new variable for each dial (or slider or text-input).
But you can change, which variable is changed by the dial in the Design-tab (all the way on the left side). Choose the variable "RightDial7" there and it will work.