Flash Cards V2 - Details on how it works with SL file for you to explore!

 

Flash Cards V2 | Review 360 (articulate.com)

So how does this work?

When a card is clicked the following triggers are executed:

1. Change the state of the card to Flip (a swivel effect)
2. Changes the card variable to True (Card selected)
3. Increments the card counter variable by 1 (You have selected 1 of 2 cards)
4. Show Match layer if 2 cards are matched and the card counter is 2
   1. See Match layer below for the triggers that are excuted
5. Show No Match layer if 2 cards are selected by no match and the card counter is 2
   1. See No Match layer below for the triggers that are executed

 

Card States:

• Normal = Front of Card
• Flip = Back of Car (also added a swivel animation for the card flip effect)
• Match = Border Highlighted with a Glow effect. Lets the user know that a card match has been made.

 

Variables:

• Every card has a True and False variable (8 in total)
  • True when you click on a card

• Card Counter (1)
  • Used to let me know when you have selected two cards so I can check for a card match or no match situation.

• Correct Answer Counter (1)
  • Increment a counter to display how many correct matches

• Incorrect Answer Counter (1)
  • Increment a counter to display how many incorrect matches

 

• Hide Matched Cards (4)
  • True and False variable. This is set true when you matched a card. When True I changed the state of the Match cards to hidden so they disappear from the board.

Layers (2):

Match Layer

1. Timeline is 1 sec
2. Audio effect for correct answer
3. When two cards are matched this layer changes the state of the 2 cards to “Match” which displays the card with a Border Highlighted and a Glow effect at the start of the timeline.
4. I set the Hidden card match variable to True when 2 cards are matched.
5. Objects Triggers: Changes the state of both matched cards to hidden at the end of the timeline. So you first see that you have a matched card for 1 sec then I hide that card.
6. Also increment the correct answer variable by 1.
7. Resets the card counter to 0. Since we have a match the user can go ahead and try to get another match.
8. Hide the layer

No Match

1. Timeline is 1 sec
2. Audio effect for incorrect answer
3. Changes the state of the cards selected to normal at the end of the timeline. After 1 sec the 2 select cards display their normal state or the front of the card.
4. Increment the incorrect counter by 1.
5. Resets the card counter to 0. Since we have no match the user can go ahead and try to get a match.
6. Hides the layer