Блог

Я пытаюсь создать игру-змею в Phaser 3. Стрелка.(клавиша).isDown ведет себя странно, и я не могу понять, почему. Если вы нажмете клавишу, будь то вверх, вниз, влево или вправо, она не изменит направление, если вы нажмете противоположное, она просто продолжит движение. например, если я нажимаю вниз, он продолжает падать даже после того, как я нажимаю вверх. Я пытался отладить его в течение нескольких часов. Во всех примерах он настроен практически одинаково.

Пока это мой код

 class mainScene {
  preload() {
    this.load.image("fruit", "images/fruit.png");
    this.load.image("snake", "images/snake.png");
  }
  create() {
    this.score = 0;
    this.snake = this.physics.add.sprite(20, 20, "snake");
    this.fruit = this.physics.add.sprite(
      Phaser.Math.Between(10, 590),
      Phaser.Math.Between(10, 590),
      "fruit"
    );
    this.scoreText = this.add.text(500, 5, `Score: ${this.score}`);
    this.arrow = this.input.keyboard.createCursorKeys();

    //debug
  }

  update() {
    if (this.physics.overlap(this.snake, this.fruit)) {
      this.hit();
    }
    this.snake.setVelocity(0);
    if (this.arrow.right.isDown) {
      this.snake.setVelocityX(50);
      if (this.snake.x > 600) {
        this.outOfBounds();
      }
    } else if (this.arrow.left.isDown) {
      this.snake.setVelocityX(-50);
      if (this.snake.x < 0) {
        this.outOfBounds();
      }
    }

    if (this.arrow.down.isDown) {
      this.snake.setVelocityY(50);
      if (this.snake.y > 600) {
        this.outOfBounds();
      }
    } else if (this.arrow.up.isDown) {
      this.snake.setVelocityY(-50);
      if (this.snake.y < 0) {
        this.outOfBounds();
      }
    }
  }

  hit() {
    this.fruit.x = Phaser.Math.Between(10, 590);
    this.fruit.y = Phaser.Math.Between(10, 590);
    this.score  = 1;
    this.scoreText.setText(`Score: ${this.score}`);

    this.tweens.add({
      targets: this.snake,
      duration: 200,
      scaleX: 1.2,
      scaleY: 1.2,
      yoyo: true,
    });
  }

  outOfBounds() {
    this.score = 0;
    this.scoreText.setText(`Score: ${this.score}`);
    this.gameOverText = this.add.text(
      100,
      250,
      "You went out of bounds.nGame OvernPress Space to continue.",
      { fontSize: "24px" }
    );
    if (this.arrow.space.isDown) {
      this.gameOverText.destroy();
      this.scene.restart();
    }
  }
}

const config = {
  type: Phaser.CANVAS,
  width: 600,
  height: 600,
  backgroundColor: 0x000040,
  scene: mainScene,
  physics: {
    default: "arcade",
    debug: true,
    setBounds: { x: 0, y: 0, width: 600, height: 600 },
  },
  parent: "game",
};

new Phaser.Game(config);