BINGO! e-learning challenge, HELP!

Sep 14, 2015

Hi all. I've decided to start participating in the e-learning challenge to further my 'expertise' in Storyline, and have encountered a hurdle on my FIRST attempt (BINGO).

I have attached my draft. This is what I can't do:

  • Only show the row/column/diagonal completion highlight objects on the highlight layer IF the total variable is NOT 9. 
  • In other words, as you complete each row an object on the highlight layer is changed from hidden to visible, and the layer displayed. Then it's reset. As you complete each row/column/diagonal I want the respective highlight to become visible, EXCEPT if the completion of that row/column/diagonal completes the BINGO grid, in which case I want a different "completed" object on the highlight layer to display.
  • I know it would be easy to do this with a separate layer for each highlight, but this would result in too many layers. I want to do this with variables/states, but can't!

I hope I get this done before the next e-learning challenge! Thanks.


18 Replies
David Anderson

Hi Steven!

First off, welcome to the challenges! This week's challenge is a little tougher than usual so I appreciate you working through it.

I wasn't entirely clear I understood what you're trying to do so I took a quick stab at something. I used triggers to evaluate states for each row and column. To keep things easy to follow, I created 6 slide layers (1 for each row and column). I know you're trying to keep all this on one slide layer but we can tackle that later.

Here's the published output:

I also attached the .story file for you to look at. Can you let me know if this is getting close to what you're trying to do? I'm more than happy to help you through this!

Azizi Abdullah

Thanks David. Your version seems tidier than the variables I used, so I might still use layers. 

The final effect I want, that your example is lacking, is an object/layer that appears only when the final square of the bingo block has been clicked (say, a "BINGO!" text box for example). This should appear INSTEAD of the "Row 1 complete" etc. that would otherwise appear when the block is completed. 

Does that make more sense? 

David Anderson

Yes that makes sense! Thanks.

Here's an updated example: with source file attached.

I changed the state of the header graphic to "complete" when all bingo squares are visited. Then, showed slide layer "final" when the header graphic state = "complete". See if this helps and let me know!

Variables would work in this example but I don't really see an advantage to using them unless you wanted to keep everything on a single slide layer.

David Anderson

Okay give this last one a try: .story file attached.

I added a condition to each show layer trigger to only show the layer if the header graphic is in the normal state. I also set each slide layer to prevent the user from clicking on the base layer. I have a hunch that clicking too fast through the squares causes the overlap.


Bob Kaart

Sorry for the thread hijack, but i'll be able to provide you a solution. Of course there are many ways to get the same result. But see if you like this one.

- Added a "Bingo" layer, which is triggered the same way you would normally trigger your background to switch states.

- Then on the Bingo layer i added the change state of background to Bingo(which you previously did on the main slide).

- After that i tell articulate to hide all possible layers that could be opened up after you click on your final rectangle.

If this isn't what you meant, I'm happy to think of other solutions.

Have a nice day,


Casey Dillingham

I realize I'm 3-years too late with this thread, but I've got questions for all of you BINGO wizards out there. :-) I'm new to articulate and teaching myself some of the functions. I've created a bingo card and am now looking to add some interactions. I'm struggling with two objectives that I'm trying to accomplish:

1. Randomize - I'd like to have a feature that allows the player to reorganize their card at the click of a button.

2. Daubers - I'd like to allow players to choose the color dauber they'd like to use, that will change the marking on their bingo card.

If anyone has any resources out there that could help me accomplish this, I would be so grateful. Thanks!

Michael Hinze

Re 1. You could try generating random numbers and 'shuffle' cards based on that/these number(s). Here is some info on random number variables. And here are some examples from a previous eLearning challenge.

Re 2.) You could create custom states that represent the various colors and have a 'color picker' that lets learners select one of the available colors. Here is some info on states.

This discussion is closed. You can start a new discussion or contact Articulate Support.