Blog Post
JudyNollet
3 years agoSuper Hero
My challenge was to program two sliders that both control one image in different ways. One slider adjusts the brightness of the image, and the other adjusts the contrast. Oh, and there are also two versions of the image: one in black-and-white and one in color.
Here's how it ended up: https://360.articulate.com/review/content/b70737fd-b056-499b-9287-7b74d7cc990e/review
Soooooo many layers, states, and triggers to deal with! But I saved myself *some* effort by having the interactive objects toggle a T/F variable. I never used the actual value of that variable. But the toggling gave me a "when" to use for the triggers that showed layers or adjusted states.
P.S. I have to confess that I didn't create this interaction this week. It's a challenge I gave myself a few years ago. However, I've never submitted it to E-Learning Challenges before.
Here's how it ended up: https://360.articulate.com/review/content/b70737fd-b056-499b-9287-7b74d7cc990e/review
Soooooo many layers, states, and triggers to deal with! But I saved myself *some* effort by having the interactive objects toggle a T/F variable. I never used the actual value of that variable. But the toggling gave me a "when" to use for the triggers that showed layers or adjusted states.
P.S. I have to confess that I didn't create this interaction this week. It's a challenge I gave myself a few years ago. However, I've never submitted it to E-Learning Challenges before.
- JodiSansone3 years agoCommunity MemberI'd really like to see how this worked--can you share it? I liked playing with the different combinations.
- Yvonne3 years agoCommunity MemberWhat a neat interaction. Thank you for sharing this in a challenge! I'd also love to see the .story file to learn more about how you achieved this interaction.
- JudyNollet3 years agoSuper HeroHi, Jodi & Yvonne.
I'm glad you like this interaction. I'm not willing to share the file. I will share a bit about how it was programmed.
— I used a separate layer to show the image for each possible combination of brightness & contrast values.
— When either slider moves, a complete set of "show layer" triggers run. Those all have conditions that check for the values of the brightness and contrast slider variables. Thanks to those conditions, only the trigger with the current values shows a layer.
— The image on each layer has a state for the B&W image and a state for the color image. Triggers on each layer show the appropriate state based on which image is selected.
FYI: There are other ways to achieve the same results. For example, every variation could be a separate state in one picture/object on the base layer. Choices like that often come down to a matter of programming preference. You can challenge yourself to create something similar and see what you come up with (though you might want to practice with fewer options first).- Yvonne3 years agoCommunity MemberThank you for sharing your programming sequence, Judy. Your explanation was clear and reminded me that I have applied a similar method to a slider project previously. It's always amazing to know there are multiple ways to approach and achieve outcomes. :)