How to make a Platform game


Creating events

Events work by testing if a series of conditions have been met. If they have, the actions run.

In this case, we always want to position the player on top of PlayerBox. To do this, we should update its position every tick, or frame of the game.

Double-click a space in the Event Sheet View to create a new event.

Double-click the System object, which contains the Every tick condition.

Now we have an empty event which will run its actions every tick:

Click 'Add action'.

We want to position Player, so double-click 'Player'.

Double-click Set position to another object. For Object, click <click to choose> and pick PlayerBox. Leave Image point as 0 (that means the origin). Click 'Done'. The finished event should look like this:

Hopefully this makes sense: we always position the player on top of the PlayerBox object, which is the object with the movement.

Run the game by clicking the green 'play' arrow in the title bar.

Move and jump with the arrow keys. You've got your first basic platformer up and running!


If you play around you might notice some problems:

1. The player doesn't face left.

2. There aren't any other animations yet.

Let's sort these out! First of all, number 1: let's get the player turning left and right.

First, switch back to the Layout view using the tabs at the top. Double click the layout to insert an object again, and insert the Keyboard object. Since it's just an input object you don't need to place it anywhere - it just enables keyboard input for the whole project.

Instead of creating a whole new animation with the player facing left, we can simply use Construct 2's Set mirrored action, which will automatically mirror the object to make it appear to be facing left instead of right.

Switch back to the Event Sheet. We're going to make a new event with the condition "On left arrow key pressed", and the action "Set player mirrored".

Double click a space to create a new event, or click the Add event link. Double click the Keyboard object, since it contains the On key pressed condition.

A list of all the Keyboard object's conditions appear. Double-click the On key pressed event.

Construct 2 needs to know which key you want to detect. Click the <click to choose> button, hit the left arrow key, then press OK. Click Done.

Now we want to add our action: "Set player mirrored". As before, first you pick the object, then you pick the type of condition or action, then you enter any parameters. Click the Add action link to the right of the event. (Make sure you don't accidentally click Add event!)

Double-click Player.

Double-click Set mirrored.

Leave the state on Mirrored and click Done.

You should now have this:

Now add another event - double click a space, or click the Add event link.

This time go through the process again, but make the event On right arrow key pressed, and set the player Not mirrored. You should end up with this:

Now when we press left the player's image will mirror, and when we press right it restores the right-facing image. Run the game and try it out!


  • Order by
Want to leave a comment? Login or Register an account!
  • Very nice tutorial, though I'm an intermediate user. I remember when I was a beginner I did find it too confusing to finish.

    I also used this tutorial with Construct 3. Construct 3 has enough in common with Construct 2, that it wasn't hard to figure out what to do.

    Keep up the great work! Construct rocks!

  • My goodness, this tutorial is a lot but it is very helpful to me. I love it! it helps me learn how to make all of these key elements in a simple platformer that i never had before. Thanks!

  • When I tied background repeat fames include when repeat frame on white space then again it repeat how can remove white space between repeat frame a..