AshBoomstick1's questions

我有一个使用 JS 声明和播放的动画，但是当动画播放时，我的事件监听器不会触发。

这是 HTML 文件：

let anim = document.getElementById("anim");

const animkeyFrames = new KeyframeEffect(
  anim,
  [{
      transform: `translate3d(0px, 0px, 0px)`
    }, // keyframe
    {
      transform: `translate3d(0px, ${200}px, 0px)`
    },
  ], {
    // keyframe options
    duration: 1000,
    iterations: "1",
  },
);
let animation = new Animation(animkeyFrames, document.timeline);

anim.addEventListener('animationstart', () => {
  console.log("STARTED");
})

animation.play();

#anim {
  top: 10px;
  left: 10px;
  width: 100px;
  height: 100px;
  background-color: black;
  position: absolute;
}

<div id="anim"></div>

我希望动画播放时记录“STARTED”，但什么也没发生。

这是我第一次在 Phaser (3.60.0) 游戏中添加音频，因此我可能有一个明显的错误，但当我在线搜索时，我找不到解决我的问题的答案。Firefox 控制台的错误是：

Uncaught Error: Audio key "backgroundMusic" missing from cache

并由这一行触发：

//create functuon:
const backgroundMusic = this.sound.add('backgroundMusic');
this.backgroundMusic.loop = true;
this.backgroundMusic.play();

其他一些可能有用的信息：

//preload function:
this.load.audio('backgroundMusic', '.\music\backgroundMusic.mp4');




//config:
const config = {
  type: Phaser.AUTO,
  width: 500,
  height: 500,
  physics: {
    default: 'arcade',
    arcade: {
      debug: false
    }
  },
  scene: {
    preload,
    create,
    update
  }
};

我需要更改或添加什么才能使错误消失？

有没有办法在 Phaser 中获取精灵的当前速度，或者有其他明显的方法来确定玩家何时静止？