How to create a concentration game using PowerPoint

Print Friendly, PDF & Email

Continuing on with the idea of helping teachers who are currently delivering online schooling, this is another great question I saw on Facebook. The question was how to create a “memory game”, or a game of concentration using Microsoft 365. There are quite a few third-party programs and apps which can create this type of game, but being the dedicated “Microsofty” I am, I figured that surely there was a way to create this using Microsoft PowerPoint. I’ve created lots of fun games using Microsoft PowerPoint in the past (including a few I have already drafted to upload here at some stage), but the idea of creating a game of concentration where users can “flip” a card to see what is underneath and then try to locate the second identical card located somewhere else on the rest of the board took some deep thinking. This is the stuff that keeps me up at night.

Microsoft PowerPoint has great animation options which can easily give the effect of “flipping” a card over. This part was easy. But the tricky part was wanting to be able to click and “flip” a card over and then if the match isn’t correct, we need to flip them back over ready for the next persons turn. This is where Triggers come into play.

Warning: This is a pre-warning – this is a little fiddly and repetitive. I have tried a few ways of creating this game and found this to be the easiest so far. I do not recommend trying this at 10pm like I initially did. If you persevere you will end up with an amazingly interactive game of concentration that your students will love to play. Once the animations and triggers are set up and working, you have the ability to use the file as your “template” and create ongoing games of concentration using whatever topic you want as you can simply change the text or pictures displayed on the answer cards.

Create the cards

Firstly we are going to use the Shapes options in Microsoft PowerPoint to create our “cards”. In this example, I’m going to create 12 sets of cards however you can create as many or as few as you need.

  1. Open Microsoft PowerPoint
  2. Create a new blank presentation

Create a new blank presentation

  1. Click the Layout button and choose Blank so that we have an empty canvas to create a game board on

Change the slide layout to blank

  1. Now we will add our first shape, click the Insert tab and choose Shapes
  2. From the shape options choose a rectangle with rounded corners or the shape of your choice

Choose a rectangle shape

  1. Click and draw the shape on the slide at about the size you think you’ll want it (Mine are 7.5cm wide and 4cm in height), you can change the shape sizes later if needed.
  2. We will need two cards per item, one to represent the top side of the card (I’m using blue) and one to be the bottom side (I’m using green) of the card
  3. Click on the shape you just created and press Ctrl + D to duplicate the shape, repeat this so you have 4 in total for the first row
  4. Select all four shapes (hold down the Ctrl key and click with the mouse) and now press Ctrl + D to create a full second row and once more to create a 3rd row with a total of 12 cards
  5. Move the cards into place on the slide:

The slide layout

  1. Now we need to create the bottom cards
  2. Right mouse click the slide within the navigation pane and choose Duplicate Slide

Duplicate the slide

  1. Select slide 2 and we will now change the second set of cards colour
  2. Select one of the shapes on slide 2 and press Ctrl + A to select all
  3. Click the Shape Format tab and choose a different colour from the Shape Styles gallery

Change the shape colour on slide 2

  1. So you now have one set of shapes for the top side of the card and another set for the bottom side

Include pictures on your bottom cards

If you wish to have pictures show on the bottom cards, you will need to insert the pictures now. Once the picture has been inserted into the slide, simply group the picture and the back card together. This makes them into one object so that when you apply an animation effect, the effect will occur on the picture also. This is great for younger grades where you want them to match based on pictures.

Tip: Do not leave this till the end of this exercise or the names of your shapes and your triggers will all be jumbled up. Add pictures BEFORE you name the shapes.

  1. Select the picture then hold down Ctrl and select the bottom card
  2. Right mouse click on them and choose Group > Group from the menu
  3. The picture and bottom card will now be grouped as one object

How to create a concentration game in PowerPoint

Edit the name of each shape

Later when we begin adding triggers to each shape, it will start getting very confusing about which to select. PowerPoint gives each shape a name based on the shape type and then adds a number to the end. We can go in and name our shapes ourselves so that later when we add triggers, it will be much easier for us to identify which shape we need to trigger.

  1. Select slide 1 and then select one of the shapes
  2. Click the Shape Format tab and click the Selection Pane button

Click the selection pane button

  1. All shapes will be displayed in the list along with the name they have been given
  2. My shapes are named Rectangle: Rounded Corner 3, Rectangle: Rounded Corner 4 etc

All shapes will be displayed

  1. Select the first shape you created, which will then highlight its name in the list
  2. Double click the name and edit it to be something short and sweet but easy to identify E.g. Top1 then press Enter
  3. Repeat the process for all shapes
  4. Close the Selection pane using the X in the top right corner

Tip: If the shapes are not in the correct order, drag and drop them into an order which makes sense. It makes it easier to work with later.

  1. Repeat the above process and rename the shapes in slide 2 for the bottom cards

Apply the Shape Animations

Next, we want to apply the animation effects that will make our cards appear to “flip”. We will need to apply an effect to the top card to make it disappear, and then we will apply an effect to the bottom card for it to appear. I am using the blue card as my top card, and the green card as my bottom card.

Hide the Top Card

  1. Select slide 1 which has all our top cards
  2. Select one shape and press Ctrl + A to select all
  3. Click the Animations tab
  4. Because we will be applying multiple animations to each shape, you need to ensure you use the Add Animation button rather than just selecting an animation from the gallery.
  5. Click the Add Animation button and select More Exit Effects as we want to make the card disappear

Use the Add Animation button, not the gallery

  1. The Add Exit Effect dialog will appear:

Choose an exit effect

  1. You can experiment with the different options here, however, I am going to use a simple Collapse effect
  2. Click OK
  3. From the Animations tab select the Animation Pane button
  4. This will give a great overview of all animations on the slide

All animation effects will be displayed

Make the Answer Card appear with an Effect

Once the top card disappears with the above effect, we want another effect to display the answer card underneath.

  1. Select slide 2
  2. Highlight all shapes again and click the Add Animation button
  3. Choose More Entrance Effects
  4. The Add Entrance Effect dialog will appear:

Add an Entrance effect

  1. Again you can experiment with the different options here, I am going to use the Stretch effect
  2. Click OK
  3. The Animation Pane will show the animations again
  4. Now we need to combine the cards into one slide
  5. Ensure all shapes on slide 2 are highlighted
  6. Press Ctrl + C on the keyboard to copy them
  7. Select Slide 1
  8. Press Ctrl + V to paste
  9. You will now see both the top and bottom cards on the same slide along with all the animation effects you have applied so far

All cards will be displayed

  1. The top card exit animations should be first in the list, then followed by the bottom card entrance animations

Edit when the animation will start

At the moment the animation effects are set to either start On Click or With Previous. This means we would need to click on the screen to have these effects show. This is fine for the first effect because we want students to have to click the card and then from there we want the top card to disappear, AND the bottom card to appear. But we need all the exit effects to be set to On Click and all the Entrance effects to be set to After Previous.

  1. In the Animation Pane, select the first Exit effect for card 1 which should have the red icon next to it, I named mine Top1
  2. Hold down the Shift key and click the last Exit effect for card 12 which again will have the red icon
  3. From the Animations tab change the Start option to On Click

Change all animations to On Click

  1. Now select all the Entrance effects and change the Start option to After Previous
  2. You can also change the Duration setting to speed up or slow down the animation effect if you like

Create the Trigger event

Now it’s time to set up our triggers. Triggers are great when working with multiple animations on one slide. It means we can identify what our trigger is to begin an animation sequence. In our case we want to create a trigger so that when a specific card is clicked, the animation sequence for that card and the one underneath begin. If we just created the animations and didn’t use triggers, we would end up with animations which have a specific sequence and would not allow students to randomly pick which animation to run.

  1. Select the first shape which should be your top card from the Animation Pane
  2. Right mouse click and select Timing from the menu

Select the timing option

  1. The Collapse dialog box will appear with the Timing tab selected

The Collapse dialog box

  1. Click the Triggers button
  2. Choose the Start effect on click of option
  3. From the drop-down make sure the top card is selected (see how much easier it is when you see easy names). E.g. The first top card has the trigger of itself, the second top card has a trigger of itself etc.
  4. This means that clicking on the first shape will trigger the next event to happen. We are saying that the trigger for this shape is itself!

Set the trigger

  1. Click OK
  2. The Animation Pane will now show the trigger you have set up with the top card listed within the trigger

The trigger is shown

  1. Because we still want the bottom card to appear after the top card disappears, we need to move the bottom card effect inside the trigger group
  2. Locate the first bottom card effect then drag and drop it underneath the top card trigger

Both triggers are shown

  1. Here some the repetitious part of the exercise. You will need to repeat this trigger for each of the cards. Set each so that the trigger is itself. Then move the corresponding animation for the bottom card into each trigger group. Your animation pane should end up with a trigger group for each set of cards, as shown below:

The long list of triggers

Test out the Trigger

  1. Use your mouse and position the top shape over the bottom shape
  2. You will see that the top shape will be positioned behind the bottom shape, this is due to the layering of shapes in the order we created them
  3. Right mouse click the top shape and choose to Bring to Front

Choose Bring to Front

  1. Now move the shape directly over the top of the bottom shape so that the bottom shape is not visible
  2. Press F5 on the keyboard to run the presentation in slide show mode
  3. You should be able to place your mouse over the card and see the hyperlink cursor appear
  4. Click once and the top card should disappear, and the bottom card appears

Create Animations to return the cards back to normal

We’ve created the first animations which are great. Our top card disappears and our bottom card animates to display itself. When students choose two different cards they will be able to see the bottom card for both. If those bottom cards are not a match, then we need them to be able to flip them back over again so the next student can have a turn. So we need to repeat what we just did but in reverse.

  1. For this part I find it easier to move the shapes off of each other so they can be easily seen, we can layer them back over each other again at the end
  2. Select the top cards by holding down the Ctrl key and clicking each one with the mouse
  3. We want to add the next animation to our bottom cards first so their animation will be first in the sequence
  4. Previously we added an Entrance Effect to the bottom cards to make them appear, now we want to apply an Exit Effect to make them disappear. You must create this second set of animations in reverse order. Apply the animation to the bottom card first, then we will apply to the top card.
  5. Select all the bottom card shapes
  6. Click the Animations tab and then click the Add Animation button and choose More Exit Effects
  7. The Add Exit Effect dialog will appear:

Choose an exit effect

  1. Again you can experiment with the different options here, I am going to stick with the Collapse effect
  2. Click OK
  3. The Animation Pane will now show an exit effect for the bottom cards
  4. Now select the top card shapes
  5. Previously we added an Exit Effect to make the top card disappear, now we want to apply an Entrance Effect to make it appear again
  6. Click the Add Animation button and choose More Entrance Effects
  7. The Add Entrance Effect dialog will appear:

Add an Entrance effect

  1. I am going to stick with the Stretch effect and click OK
  2. Again you have another animation for the top shape and the new animations are not part of a trigger

The next set of animations appear

 

Edit when the animation will start

Just like previously, we need to set the first animations to start On Click and the second animations to start After Previous.

  1. Select the set of exit animation for the bottom shape
  2. Change the Start option to On Click
  3. Select the set of entrance animation for the top shape
  4. Change the Start option to After Previous

Create the next set of Triggers

Let’s create the final set of triggers so that students will be able to reset the cards if their cards do not match.

  1. Select the exit animation for the first bottom card from the Animation Pane

Exit animations

  1. Right mouse click and select Timing from the menu
  2. Click the Triggers button
  3. Choose the Start effect on click of option
  4. From the drop-down chose the same shape from the list. We have highlighted the bottom shape so make sure you choose the bottom shape from the list
  5. This means that clicking on the bottom shape, will trigger the next event to happen
  6. Click OK
  7. You should have a new trigger set displayed
  8. Drag and drop the leftover animation for the top card down into the trigger group
  9. You should have two separate sets of Trigger items for each card. One set has the top card animation first then the bottom card. The other set will have the bottom card first then the top card.
  10. Drag and drop the top card back over onto the bottom card so the bottom card is hidden
  11. Let’s test out the triggers all work. We want to be able to click and display the bottom card, then another click on the bottom card should bring the top card back.
  12. Press F5 on the keyboard to launch the slide show
  13. Voila, you should have one perfectly working set of cards.

Final touches

By default, if students accidentally click on the slide background area, it will end the slide show presentation and stop the game. To avoid this happening you can turn off the option that allows you to advance the slides within the presentation using the click command.

  1. Select the Transitions tab
  2. From the Advance Slide section remove the tick from the option to use On Mouse Click
  3. Press F5 to test the game again

 

Check out the picture demo

I’ve created a quick video demonstration showing the end result of what your game of concentration could look like in PowerPoint. My example here is using pictures on the bottom cards.

 

I hope this has helped you to create an interactive game of concentration using Microsoft PowerPoint. Comment below with any questions.

Share on facebook
Facebook
Share on google
Google+
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on pinterest
Pinterest

Leave a Reply

Your email address will not be published. Required fields are marked *

ten − three =

This site uses Akismet to reduce spam. Learn how your comment data is processed.