如何将Phaser 3精灵动画设置为第1帧以同步重置位置

• 直接跳转到动画第一帧的简便方法：
  Phaser 3里可以通过两种方式强制精灵动画回到第一帧（注意Phaser的帧索引从0开始，第一帧对应索引0）：

  1. 调用play方法时指定起始帧：

     // 替换为你的动画名称
     sprite.anims.play('animatedTileAnim', true, 0);
     

     第三个参数startFrame设为0，强制从第一帧开始播放，第二个参数true用于重置动画状态。
  2. 直接设置当前帧：

     const targetAnim = sprite.anims.getAnimation('animatedTileAnim');
     sprite.anims.setCurrentFrame(targetAnim.frames[0]);
     

     这种方式更直接，适合只需要显示第一帧、不需要立即播放动画的场景。

• 位置偏移的额外处理：
  如果动画帧本身带有坐标偏移（比如精灵表中的帧未严格居中于网格），除了重置动画帧，还要确保精灵位置严格对齐网格坐标：

  // tileX、tileY为初始网格坐标，tileSize为瓦片尺寸
  sprite.setPosition(tileX * tileSize, tileY * tileSize);
  

  这样能彻底避免因动画帧偏移导致的视觉错位。

• 关于之前停止重启动画无效的原因：
  默认调用stop()再play()时，动画会从上次停止的帧继续播放，而非从头开始，所以必须显式指定起始帧才能同步到初始状态。

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