Hotspots and Invisible Buttons in E-Learning #296: Challenge | Recap
Hotspots are interactive objects that work a lot like regular buttons. They can show layers, change states, jump to slid...
Published 5 years ago
Version 1.0
Blog Post
A little coloring demo for this week using hotspots to select the color and paint the picture.
Link to demo: https://360.articulate.com/review/content/c03ea583-a654-4e67-b701-caa2210b4450/review
Link to demo: https://360.articulate.com/review/content/c03ea583-a654-4e67-b701-caa2210b4450/review
- That was fun, Kimberly. Nice work.
- I enjoyed this demo, Kimberly. I had some fun and tried a few color combos.
- This is so cool Kimberly, and very addictive, I had to try out quite a few looks for my dinosaur!
- So cool!
- Will you share how this was created?
- First, I put hotspots over each section of the palette and tied that to trigger different states to change the color of the paint bucket next to it to match the color. I also added true/false variables so that clicking on the section of the palette will set it to "true", while setting the other sections as "false".
Next, I put freeform shapes over each part of the dinosaur that I wanted to be colored in, with different states corresponding to the different colors on the palette. I added hotspots over each of these pieces as well.
I then added triggers to change the states of the shapes over each part of the dinosaur to change a certain color when (1) selecting the corresponding hotspot and (2) to change to the color that matches the color on the palette that is set to "true".
I just added my source file to the demo in the comments on the right-hand sidebar if you want to explore how I did this. Let me know if you have any additional questions!- This is great!
