Estoy tratando de tener una animación de ocho fotogramas de un personaje en mi juego.
Este es el código que carga la hoja de sprites:
this.load.spritesheet('PeefSide', "assets/PeefSide.png", {frameWidth: 50, frameHeight: 60, startFrame: 0, endFrame: 7});Este es el código que crea el sprite:
this.p1 = this.physics.add.sprite(500, 730, 'PeefSide');Este es el código que crea la animación:
this.anims.create({ key: 'walk', frames: this.anims.generateFrameNumbers('peefSide', { start: 0, end: 7, first: 0}), frameRate: 10, repeat: -1 });Y este es el código que reproduce la animación cuando el personaje se mueve:
if(this.keyA.isDown) { this.p1.setVelocityX(-200); this.p1.anims.play('walk', true); }No estoy seguro de lo que hice mal, pero cuando ejecuto el juego, se congela cuando presiono un botón de movimiento. La pantalla de inspección dice que el error está tratando de leer las propiedades de undefined y antes de que ocurra el error, dice:
generarFrameNumbers: Falta el marco 0 de la textura: peefSide
Repite esta línea para cada cuadro, el número sube uno, luego ocurre el error de congelación del juego cuando se presiona un botón de movimiento. Realmente no estoy seguro de qué salió mal.
Si ayuda a encontrar una respuesta, estoy usando Phaser 3 en VSCode empleando física arcade.
El problema es que la clave utilizada en this.anims.generateFrameNumbers('peefSide',...) , no coincide con la clave real de la carga this.load.spritesheet('PeefSide',...) , porque la clave es sensible a mayúsculas y minúsculas .
Tendrías que usar la mayúscula ' P ' así this.anims.generateFrameNumbers('PeefSide',...)
Esto debería arreglar la Advertencia:
generarFrameNumbers: Falta el marco 0 de la textura: peefSide
Y esto también resolverá el problema de la congelación, porque ahora la animación se estará reproduciendo, antes porque no podía encontrar los cuadros, mostraba el cuadro inicial.