Choose Your E-Learning Challenge #378: Challenge | Recap
Challenge of the Week
This week, your challenge is to choose your e-learning challenge topic and build an example for that challen...
Published 3 years ago
Version 1.0
Blog Post
What 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.
Hi, 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).
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).
- Thank 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. :)