How I Built This Password Interaction in 4 (ish) Slides

Oct 19, 2022

ELC 392 was using variables to create questoin and answer sessions in eLearning.  I was inspired by the 2022 version of Password, specifically the tie-breaking 'sudden death" round.

Demo: ELC 392 - Using Variables to Create Question-and-Answer Activities | Review 360 (articulate.com)

Here is how this was developed in 4(ish) slides.

sceen showing 4 slides (on of which is a Draw From Question Bank Slide)

The Action

So slide one describes the rules and allows the player to select one of the contestant to play as.

Slide two is a draw from a bank of questions, which are one slide duplicated several times and modified slightly

Slides three and four are possible conclusions, with either contestant one or contestant two winning.

The Basic Bank Slide

The question bank basic slide is where most of the game happens.

It is a modified freeform 'fill in the blank question'

Get a Clue

The clue panel has five images labeled 1 - 5.  Each image has two states, "normal" and "show".  The "show" state gives the individual clues.

clue panel

By creating the panel in this way, it is simple to just change the clues when we duplicate the question slide.

A Matter of Time

Off screen we set a block in motion using a motion path.  This will allow us to control the speed of the game by just changing the duration of this motion path.

We display a dial on the screen to represent the passing of time.  We increment that dial each time the block completes its motion path.

dial trigger plus reset motion path

We also reset the block to the beginning of the motion path when the motion path animation completes.  And for added drama we play a sound.

Let it roll

Now we will animate the clues based on the value of the dial.  This keeps everything rolling right along.

How about some input?

When the user presses the 'guess' button, we move the text entry field onto the screen with it's own motion path.  Once it is on screen, we hide the 'guess' button and show a 'check' button instead (which is hiding behind the 'guess' button).

Now we collect the players answer using the standard Text Entry interaction once the user clicks button 2

This will automatically move us to the Correct or Incorrect Layers based on the available response we set up in the Form View.

Right or Wrong, I must know!

On the correct layer we jump to contestant 1 right or contestant 2 right based on whether the player enters the correct answer in time and which contestant they have selected.

The incorrect layer uses the same code but just flips where we jump.

We add a buzzer sound effect so the player knows they got it wrong.

Start small, test then duplicate

I built one question slide using the above information, once I tested and was sure it worked, I duplicated the slide, made some basic changes and it was added to the question bank.

By using Storylines built in Question Bank functionality, there is no limit to how many times I can duplicate the original slide and have it included in the random draw.

Minor Tweeks

Each new slide requires me to change the states of the clues, the answer in the "Form View", some on screen messages from the two players ("Is it koala?") and finally, and most importantly, the dial.

Unfortunately, each time we duplicate the slide it creates a new dial variable.  But all of our triggers will work if we simply select "Dial1" everytime we create a new slide as our variable.

To learn more about this project you can download it as a zip file here.

 

 

 

Be the first to reply