jairogarcíarincón

Los sonidos


1.43K

Para darle un poco de sonido al juego, vamos a añadir una música de fondo, así como diferentes efectos a las acciones recogerGema, quitarVida, morir y ganar.

Para ello, descárgate los 5 archivos de audio necesarios haciendo clic AQUÍ y cópialos dentro de la carpeta juegoknights/audio.

La música de fondo está libre de derechos y es cortesía del canal de YouTube Always Music. elr estod e sonidos están generados por mí.

Para utilizar sonidos en Phaser, debemos:

Precargar los archivos de audio en preload
Inicializar los archivos de audio en create
Reproducir la música desde el inicio del juego en create
reproducir los diferentes sonidos en sus acciones correspondientes.
Hacer un fundido (fadeOut) de la música al ganar o morir.


preload: function () {

//Resto de código

//Audios
this.load.audio('musica', 'audio/musica.mp3');
this.load.audio('gema', 'audio/gema.mp3');
this.load.audio('vida', 'audio/vida.mp3');
this.load.audio('ganar', 'audio/ganar.mp3');
this.load.audio('morir', 'audio/morir.mp3');

},

create: function () {

//Resto de código

//Audios
this.audioMusica = juego.add.audio('musica');
this.audioGema = juego.add.audio('gema');
this.audioVida = juego.add.audio('vida');
this.audioGanar = juego.add.audio('ganar');
this.audioMorir = juego.add.audio('morir');

//Reproducir música
this.audioMusica.loopFull(0.2);
this.audioMusica.play();

},

recogerGema: function (knight, gema) {

gema.kill();
this.audioGema.play(); //Reproduzco sonido
this.potencia -= 25;
this.gemasRecogidas++;
var texto = document.getElementById('potencia');
texto.innerHTML = -this.potencia;
var texto = document.getElementById('gemas');
texto.innerHTML = 15 - this.gemasRecogidas;

},

quitarVida: function () {

var texto = document.getElementById('vidas');
this.vidas --;
texto.innerHTML = this.vidas;
if (this.vidas >= 0){
//Continuar con una vida menos
this.movimiento = 1;
}
else{
//Morir
this.audioMorir.play(); //Reproduzco sonido
this.audioMusica.fadeOut(4000); //Fade out música
this.blueKnight.animations.play('morir' + this.direccionBlue);
}

},

ganar: function () {

//Le obligo a pararse
this.movimiento = 0;
this.blueKnight.body.velocity.x = 0;
//Animación de ganar
this.audioGanar.play(); //Reproduzco sonido
this.audioMusica.fadeOut(4000); //Fade out música
this.blueKnight.animations.play('ganar' + this.direccionBlue);

},


Publicado el 09 de Diciembre de 2022

phasertiled map editor