Estoy tratando de agregar una animación de carga para mi juego Phaser, aquí está el código que simula el proceso de carga.
this.load.spritesheet('brawler', 'assets/animations/brawler48x48.png', { frameWidth: 48, frameHeight: 48 }); this.load.audio('goldrunner', 'assets/audio/Scyphe-Goldrunner_(Maccie_Pimp_Me Up_Remix).mp3'); this.load.image('taikodrummaster', 'assets/pics/taikodrummaster.jpg'); this.load.image('sukasuka-chtholly', 'assets/pics/sukasuka-chtholly.png'); this.load.video('chrome', 'assets/video/chrome.webm');Hay 5 activos en total.
Sé que puedo usar algo como this.load.on('complete', function() {}) para verificar si todo el proceso de carga ha finalizado.
Solo me gustaría saber cómo obtengo la información porcentual del proceso de carga para dar a los jugadores una pista de cuánto tiempo tardará el juego en cargar los activos.
algo como lo siguiente
Puede usar el progress del evento, aquí está el enlace a la documentación de Phaser
Simplemente agregue la línea, en el método de preload de la escena:
this.load.on('progress', function (progress) { // progress is a value between 0 and 1 let percentage = parseInt(progress * 100); // Set here the label with the precentage ... });Extra: si desea realizar un seguimiento del progreso del archivo en sí, puede usar el evento
fileprogress. La devolución de llamada de ese evento específico devuelve dos parámetros, sobre el archivo cargado y uno con el porcentaje del archivo que se ha cargado.
Si desea un resultado / información de calificación más fina.