Cómo mostrar los FPS en PhaserJS

Es muy fácil mostrar los FPS en PhaserJS, sólo necesitas añadir 2 pequeñas líneas, mira cómo:

1 - Constructor del juego

En la declaración del objecto Game de PhaserJS, debes añadir la función render, si no la tuvieras ya añadida:

const gameFunctions = {
  render,
  preload: onPreload, 
  create: onCreate, 
  update: onUpdate
};
let myGame = new Phaser.Game(800,600,Phaser.AUTO,"", gameFunctions);

2 - Función render()

Crea la siguiente función render o si ya tienes una, añade el siguiente código a ella:

function render() {
  myGame.debug.text(myGame.time.fps, 5, 14, '#00ff00');
}

Esto mostrará los FPS en la esquina superior izquierda en color verde, ajústala a tu juego ✍️

👁 Nota que la variable myGame es una instancia de Phaser.Game

¡Hecho!

Esto es todo, muy fácil ¿verdad?
Deja un comentario con tus dudas o experiencias 🤙

David Burgos

Read more posts by this author.