Forum Discussion
Two Dials - Challenge
Hi,
How can I make two sliders work simultaneously like in below example.
Even when color changes, content stays.
While I my attached example, when color changes, content disappears.
https://360.articulate.com/review/content/571fdd35-931a-4e1e-9451-9e4880645b6a/review
Regards
Malvika
- StefanKoler-a6fCommunity Member
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 - MalvikaMalho044Community Member
So, did we use True/False variables to make both dials work in tandem?
- StefanKoler-a6fCommunity Member
What do you mean by "work in tandem"?
As far as I see it, they are working independendly.
They are doing different things. - MalvikaMalho044Community Member
I want them to function like - https://360.articulate.com/review/content/571fdd35-931a-4e1e-9451-9e4880645b6a/review
Did we use True/False variables to achieve this?
- MalvikaMalho044Community Member
Hi,
I want them to function like - https://360.articulate.com/review/content/571fdd35-931a-4e1e-9451-9e4880645b6a/review
Did we use True/False variables to achieve this?
- StefanKoler-a6fCommunity Member
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. - MalvikaMalho044Community Member
Stefan,
Thanks a bunch..this is a great help.
I followed your steps, and attached is my sample file.
Where am I going wrong?
Regards
Malvika
- StefanKoler-a6fCommunity Member
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. - MalvikaMalho044Community Member
Thank you..thank you Stefan.
Last feedback request of the day, why is my right dial not working?
Regards
Malvika
- StefanKoler-a6fCommunity Member
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.