如何检测玩家精灵未与碰撞层碰撞并重置碰撞状态？

有两种常用方法可以实现需求，以下是具体实现：

方法一：利用场景生命周期重置状态 #

Phaser 的场景生命周期中，preUpdate 方法会在物理碰撞检测前执行。我们可以在这个阶段重置碰撞状态，再通过原有的碰撞回调设置碰撞时的状态：

1. 在 BaseScene 中添加 preUpdate 方法，用于每帧重置 hasPlayerCollided 为 false
2. 保留原有的碰撞回调逻辑，确保碰撞发生时将状态设为 true

修改后的完整代码：

import Phaser from 'phaser'
import Player from '@/players/Player'
import { CustomCursorKeys, Direction } from '@/types/phaser'

export default class BaseScene extends Phaser.Scene {
  public cursors: CustomCursorKeys | null = null
  public player: Player | null = null

  constructor(key: string) {
    super(key)
  }

  // 新增preUpdate方法，在物理检测前重置碰撞状态
  preUpdate(time: number, delta: number) {
    super.preUpdate(time, delta)
    if (this.player) {
      this.player.hasPlayerCollided = false
    }
  }

  handleCollider(player: Player | null) {
    if (player){
      player.hasPlayerCollided = true
    }
  }

  create(param: { 
    map: Phaser.Tilemaps.Tilemap, 
    x: number, 
    y: number,
    direction: Direction  
  }) {
    // Set up collisions
    const collisionTileset = param.map.addTilesetImage('Collision_48x48', 'collision')
    const collisionLayer = param.map.createLayer('Collisions', collisionTileset)
    collisionLayer.setCollisionByProperty({ collides: true })

    // Set up cursor keys for player movement
    this.cursors = {
      ...this.input.keyboard.createCursorKeys(),
      ...(this.input.keyboard.addKeys('W,S,A,D')),
    }

    // Create player sprite and add physics
    this.player = this.add.player(param.x, param.y, param.direction, '')

    // Create player collision
    this.physics.add.collider(this.player, collisionLayer, () => this.handleCollider(this.player))
  }
}

方法二：直接在更新时检查碰撞状态 #

如果不想依赖生命周期顺序，可以直接在 update 方法中实时检查玩家与碰撞层的碰撞状态，动态更新 hasPlayerCollided：

1. 将 collisionLayer 保存为场景实例属性，方便后续访问
2. 添加 update 方法，使用 physics.overlap 检查碰撞状态

修改后的完整代码：

import Phaser from 'phaser'
import Player from '@/players/Player'
import { CustomCursorKeys, Direction } from '@/types/phaser'

export default class BaseScene extends Phaser.Scene {
  public cursors: CustomCursorKeys | null = null
  public player: Player | null = null
  private collisionLayer: Phaser.Tilemaps.TilemapLayer | null = null // 新增实例属性

  constructor(key: string) {
    super(key)
  }

  create(param: { 
    map: Phaser.Tilemaps.Tilemap, 
    x: number, 
    y: number,
    direction: Direction  
  }) {
    // Set up collisions
    const collisionTileset = param.map.addTilesetImage('Collision_48x48', 'collision')
    this.collisionLayer = param.map.createLayer('Collisions', collisionTileset) // 保存到实例属性
    this.collisionLayer.setCollisionByProperty({ collides: true })

    // Set up cursor keys for player movement
    this.cursors = {
      ...this.input.keyboard.createCursorKeys(),
      ...(this.input.keyboard.addKeys('W,S,A,D')),
    }

    // Create player sprite and add physics
    this.player = this.add.player(param.x, param.y, param.direction, '')

    // 保留碰撞回调（如果需要处理其他碰撞逻辑），否则可以移除
    this.physics.add.collider(this.player, this.collisionLayer)
  }

  update() {
    if (this.player && this.collisionLayer) {
      // 实时检查玩家与碰撞层是否碰撞
      const isColliding = this.physics.overlap(this.player, this.collisionLayer)
      this.player.hasPlayerCollided = isColliding
    }
  }
}

两种方法任选其一即可：

• 方法一更贴合Phaser的物理系统执行顺序，性能更优
• 方法二更直观，适合需要直接控制状态逻辑的场景

内容的提问来源于stack exchange，提问作者dev_el