Tags

Add to Favourites

6 Favourites
Construct 3
Construct 3

Buy Construct 3

Develop games in your browser. Powerful, performant & highly capable.

Buy Now Construct 3 users don't see these ads

Tutorial Stats

? 4,644 sessions
? 76 sessions per day
? 10,440 page views
? 172 page views per day

Completion

76%
25%
17%
14%
12%
9%
9%
9%
12%

Report Tutorial

Report this tutorial for spam or for being inappropriate.

Before we continue, the tiled background should be locked. As we create and move around objects on top of it, it's easy to accidentally select or modify the background. Since we don't need to change the background any more, locking it makes it unselectable, so it won't get in the way. To lock it, right-click on the tiled background and select LockLock selection. (If you do want to change it later on, simply right-click and select LockUnlock all.)

Add the input objects

Double-click in a space (this can be anywhere since the tiled background is locked) to add another new object. This time, select the Mouse object, since we'll need mouse input. Do the same again for the Keyboard object.

Note that these objects don't need placing in a layout. They are hidden, and automatically work across the entire project. Now all layouts in our project can accept mouse and keyboard input.

The game objects

It's time to add our game objects! Here are your images - save them all to your computer as you did before with the background image.

Player image:

Monster image:

Bullet image:

Explosion image:

For each of these objects, we will add a Sprite object. Sprites simply display an image, which you can move about, rotate, resize and optionally animate. Games are generally composed mostly out of sprite objects. Let's add each of the above four objects as sprite objects. The process is similar to inserting the Tiled Background:

  1. Double click to insert a new object
  2. Double click the Sprite object.
  3. When the mouse turns to a crosshair, click somewhere in the layout to place it
  4. The image editor pops up. Click the Load image button, and load one of the four images.
  5. Close the image editor. You should now see the object in the layout!

Move the bullet and explosion sprites to somewhere off the edge of the layout - we don't want to see them when the game starts.

These objects will be called Sprite, Sprite2, Sprite3 and Sprite4. That's not very useful - things will quickly get confusing like this. Rename them to Player, Monster, Bullet and Explosion as appropriate. You can do it by selecting the object, then changing the Name property in the properties bar:

Share this Tutorial

Make games in your browser

You may use this tutorial for any purpose (even commercial) if you properly attribute it. Click here for more information.

Beta Mode: You may find bugs/missing content. Read more & Report Bugs