Keep It File It Interactions #178: Challenge | Recap
Challenge of the Week
This week, your challenge is to share an example of a keep-it-or-toss-it interaction. The examples above all foc...
Published 8 years ago
Version 1.0
Blog Post
I'm a bit late to this party also :-O
I built this game yesterday, partly in response to the challenge but also to "train" my grandkids in the high art of sorting recycling and organics from garbage :-)
This is a bit of a work in progress. I still need to add some sound effects for when an item is dropped in the correct container. I also need to fully animate the opening character. I sense an ongoing project in the works lol
http://justinsite-elearning-solutions.ca/drag-drop-recycling-game/
I'd love to learn how to do a few things to make this better. Is there a way to have the stars appear in order? Right now the state of each star is triggered by a specific item so the stars light up in the sequence that the items are dropped.
I built this game yesterday, partly in response to the challenge but also to "train" my grandkids in the high art of sorting recycling and organics from garbage :-)
This is a bit of a work in progress. I still need to add some sound effects for when an item is dropped in the correct container. I also need to fully animate the opening character. I sense an ongoing project in the works lol
http://justinsite-elearning-solutions.ca/drag-drop-recycling-game/
I'd love to learn how to do a few things to make this better. Is there a way to have the stars appear in order? Right now the state of each star is triggered by a specific item so the stars light up in the sequence that the items are dropped.
- Way to go Jamie, that's great!
Regarding your question on how to trigger the stars in order, you could do something like this:
Star 1 (Normal / complete)
Star 2 (Normal / complete)
Star 3 (Normal / complete)
Newspaper (normal / drop correct)
Banana peel (normal / drop correct)
Cereal box (normal / drop correct)
Create number variable = Count, set at 0
Trigger 1:
Add 1 to Count when state of any (Newspaper, Banana peel, Cereal Box) is equal to Drop Correct
Trigger 2/3/4 etc:
Change state of Star 1 to complete when variable Count changes, on condition it is = 1
Change state of Star 2 to complete when variable Count changes, on condition it is = 2
Change state of Star 3 to complete when variable Count changes, on condition it is = 3
I’ve done a quick mock up you can download so you can see how it works:
https://drive.google.com/file/d/1Moobc9r94kfPdx1UrG9vhzNx6OQ64bK8/view?usp=sharing
You’ll need to refine it a bit and consider what ifs. For example, what if the user drags an item onto the target, but then drags it off? (depending on what it is, I sometimes change drag objects to Disabled once dropped, so they can’t be dragged off)… and things like that, but you can build it and then get it tested to see what users are doing and how you can resolve any issues.
Hope this helps!- Awesome! Thanks so much!
I've been avoiding variables like I avoided math class in high school. Should have learned my lesson by now lol I'm going to dig into this with purposeful intent, and much coffee! - Hey Veronica - I think I now have a way better handle on variables. Thanks so much!
http://justinsite-elearning-solutions.ca/wp-content/uploads/articulate_uploads/What-Goes-Where-Challenge-Level-1/story_html5.html- Wow, nice work Jamie! That's so much more polished now, well done :)
