Vietnamese / Ja / En  🧑‍💻 blog

Vietnamese / Ja / En  🧑‍💻 blog

phaser 3 - How to start game until player press a key 🏁

Photo by Marek Piwnicki on Unsplash

phaser 3 - How to start game until player press a key 🏁

LuuVinhLoc's photo
·Aug 28, 2022·

1 min read

Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

Example code

import { ScreenName } from '@model';

// first, you must extends Phaser.Scene class to use `input` property.
export class MainMenuScene extends Phaser.Scene {
  private startKey!: Phaser.Input.Keyboard.Key;

  constructor() {
      key: ScreenName.MainMenuScene,

  init(): void {
    // Create a key object for checking it's status.
    this.startKey = this.input.keyboard.addKey(

    // when initialization, set it's down status is `false`.
    this.startKey.isDown = false;

  // This method is called once per game step,
  // while the scene is running.
  // It looks like this method is called per frame rate. 😹
  update(): void {
    // If player press a key (for example, a space key),
    // `isDown` property is `true`.
    if (this.startKey.isDown) {
      // Start a new scene.


Share this