|Technical - Escape the Room Game
|Create a Escape the Room Game
Submitted by Emprovision. In this tutorial, you will learn how to produce a simple escape the room game. The tutorial will show you how to create a room and have the user interacts with it to escape the room.
Download: Escape The Room Game Tutorial
- Let’s plan our approach before we start anything. We’ll make a simple room with a door a and a key. The user can pick up the key and use it on the door to escape-the-room!
The idea is a little simple, I know, but you can add on once we’re finished.
For any game to exist, it needs to have art, or sprites, so that’s what we’re going to start with! Highlight and delete both the Title and the Subtitle included by default.
- Next, open up AutoShapes and make a rectangle.
Put it at the center of the slide (Right Click Slide | Grid and Guides | Drawing Guides is helpful for centering).
Color it as you wish (Right Click | Format Shape). This will be the wall of the room the player is looking at.
- Now to make the rest of the room.
Make a trapezoid from the AutoShapes menu. Rotate it 90° clockwise (Right Click | Format Picture | Size). Make a duplicate of it (Ctrl + D), but rotate the duplicate 270 ° rather than 90 °.
Color these trapezoids the same color as the rectangle.
Align them next to the rectangle on their respective sides and use the yellow diamond and the white dots to size them to fit.
- We’re almost done!
To make the ceiling color, put a rectangle
up top covering the entire ceiling area
(let it overlap the walls).
Color it appropriately, then
Right Click | Send to Back | Send to Back.
The background will act as the floor color, so format it as you see fit.
- Now, you’ll probably want to group the entire room together, so it will act as one object. Do this by highlighting everything you’ve made so far and then Right Click | Group | Group.
Your room is almost ready. Make a door by grouping a rectangle and a circle to act as the doorknob.
Use your imagination with the freeform AutoShape and make a key. Be sure to group it and put it in the room!
- Now that we’ve made the room, we’ll need to add some stuff to make the game work correctly. The reasons for making these objects will be explained in a couple slides. For now, hang tight and do what I say.
- Start off by making an inventory box. All it is is just a rectangle.
Duplicate the key and put it in the box.
Then make another semi-transparent rectangle that will fit inside the inventory box. To adjust transparency, go to Right Click | Format Shape | Transparency Slider. Make sure it still fits snugly over the key and that it is of different color than the inventory box.
Center the box, key, and cover near the bottom of the screen.
Take a duplicate of the doorknob and place it to the side.
Make a ‘You Win’ slide after the game slide (Ctrl + M), then hyperlink the duplicate doorknob to that slide (Right Click | Hyperlink | Place in This Document).
We’re all done with the art; now for the fun part: making the actual game.
- To get what we’ve made already to work as a game, we’ll need to start animating.
We do this using a little PowerPoint trick known as Custom Animation. Open up the Custom Animation toolbar by right-clicking a shape, then clicking Custom Animation.
I’ll show you how it works:
The first thing we want in our game is for the player to click the key. When the player clicks it, the key in the room disappears and the one in the inventory box appears.
So what we want is Key 1 (the one in the room) to disappear and Key 2 (in the inventory) to appear on the click of Key 1.
To do this, highlight Key 1, then click Add Effect in the Custom Animation toolbar. Then go to Exit | More Effects | Disappear | OK. Highlight Key 2 and go to Entrance | More Effects | Appear | OK.
- Next thing you’ll want to do to is to select both the animations. (Hold Ctrl and click on one, then the other.) (Figure 7-1)
Click the little arrow that comes up next to one of the animations, and select Timing.
In the Effect Options dialog box that pops up, click Start effect on click of, then choose the name for Key 1 (the name of the thing assigned to disappear). In this case, it is Group 9. Click OK.
Make both animations With Previous.
This process of making a click of something set off an animation is known as a trigger.
- Test your game by starting the Slide Show (F5). When you click on the key, it should disappear and a duplicate should appear in the inventory.
Now that you know how to trigger, I will let you get the game to make these actions possible on your own:
When you click on Key 2 (in the inventory), the semi-transparent cover should appear. The duplicate doorknob should also appear.
When you click on the cover, the cover and the duplicate doorknob should disappear.
If you make a game where it continues past this, you’ll want the key and the cover to disappear after usage, so the player can’t re-use them. I added this into this game, even though it’s not necessary.
Sometimes the game doesn’t work correctly if you don’t add a disappear effect with previous to the cover at the beginning of the list, which I’ve done for safety.
- Now to add the final touches.
Put the duplicate doorknob over the original doorknob, covering it completely.
PowerPoint automatically allows the user to move forward through the slides of a PowerPoint presentation by pressing the spacebar or clicking anywhere, which allows cheating in this game.
To disable that, use Slide Show | Set Up Show | Browsed at a kiosk (full screen).
Your game should be ready! Do the final testing now. You should be able to pick up the key, select and deselect it, and use it on the door to escape to the ‘You Win’ slide!
It should work something like what’s on the next slide, but with Kiosk Mode enabled.
- Congratulations on having completed your first PowerPoint escape-the-room game!
Remember, this isn’t the end of things! You can always innovate and add stuff, like messages, code keypads, timers, more items, etc. Use your imagination and evolve this game to make your own original game!
Back | Top