Quiz: Advance to light at end of tunnel
I want to build a quiz in which we see Fred, a sad person, in a dark tunnel. The challenge is "Can you help Fred reach the light at the end of the tunnel?"
How it works:
Learners see a list of Fred's feelings on the side of the screen (sad, lonely, etc.) and a list of actions they can take to dissolve the feelings. Example: If they drag "invite fred to lunch" and drop to "lonely", then they will see Fred advance one step closer to the light at the end of the tunnel.
The 2 images I'm using are simple: 1) A dark tunnel with light at the end. 2) Silhouette of Fred. I increase the size of the tunnel image at each correct answer to give the impression that Fred is getting closer to the light.
My question is: What's the best way to make this work in a drag and drop quiz? Should I use layers or states? Any other suggestions.
Thank you. :-)