Enabling User Inputs

User Inputs

Inputs are essential because without the user inputting things with controls, our game isn’t really much of a game. Although Phaser supports a variety of different input options, we are going to go over three that you will use in the Space Invaders Game.

Arrow Keys

Let’s start with one of the most important controls: arrow keys. First, we will create a variable that is able to detect when the player presses an arrow key.

this.cursors = this.input.keyboard.createCursorKeys();

To use this variable, you must pick between 4 boolean statements.


Each of these boolean statements will equal true if the associated key is pressed and false if it is not.

Space Bar

To add a space bar input, the process will be very similar to the arrow keys. First we will create a variable that detects the space bar being pressed.

this.spacebar = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.SPACE);

Then we can use a boolean statement to check whether the input has been pressed.


Single Click

You can also use the same process that we used to add arrow key and space bar inputs for clicks, but we will go over a slightly different method here because it is something you will likely use in the Space Invaders game.

this.input.once("pointerdown", this.restart, this);

This line calls the method this.restart when the player clicks. However, this is a single-use input, meaning that after the player clicks once, it can no longer be used without being called again. You will typically use this somewhere within update() or the helper functions instead of create().