How to use A, S, D, W keys in Phaser?

user_10572443 0
Viewed 3962

I'm using Phaser.io

I would like to use A,S,D,W keys. I know that you can use arrow keys like this:

create(){
  ...
  gameState.cursors = this.input.keyboard.createCursorKeys();
}

update(){
  if (gameState.cursors.left.isDown) {
    gameState.player1.setVelocityX(-160);
  } else if (gameState.cursors.right.isDown) {
    gameState.player1.setVelocityX(160);
  }
}

I tried to switch .left. for .A. and .right. for .D. but it doesn't work.

Any ideas?

phaser-framework javascript
2 Answers

I have found a solution:

  • First, declare the variable that will hold the future keys:
let keyA;
let keyS;
let keyD;
let keyW;
  • Second, in the create() function, add the keys to the corresponding variables:
keyA = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.A);
keyS = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.S);
keyD = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.D);
keyW = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.W);
  • Third, let's try to press the keys now to see if they work. In the update() function, add the following code snippet:
if(keyA.isDown) {
   console.log('A key pressed')
} else if(keyS.isDown) {
   console.log('S key pressed')
} else if(keyD.isDown) {
   console.log('D key pressed')
} else if(keyW.isDown) {
   console.log('W key pressed')
}

You can press each individual key & check the console message to see if it gets print.

To get the list of all keyboard key codes for future reference:

console.log(Phaser.Input.Keyboard.KeyCodes)
user_98841900
user_102108410
Related