AshBoomstick1's questions

Tenho uma animação que estou declarando e reproduzindo usando JS, mas quando a animação é reproduzida, meu ouvinte de eventos não dispara.

Aqui está o arquivo 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>

Quero que "STARTED" seja registrado quando a animação for reproduzida, mas nada acontecer.

Esta é a primeira vez que adiciono áudio em um jogo Phaser (3.60.0) e, portanto, posso ter cometido um erro óbvio, mas quando pesquisei on-line não consegui encontrar uma resposta que resolvesse meu problema. O erro do console do Firefox é:

Uncaught Error: Audio key "backgroundMusic" missing from cache

e é acionado por esta linha:

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

algumas outras informações que podem ser úteis:

//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
  }
};

O que preciso alterar ou adicionar para que o erro desapareça?

Existe uma maneira de obter a velocidade atual de um sprite no Phaser ou outra maneira óbvia de descobrir quando o jogador está parado?