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 🤙