Home | Clases | Videojuego avanzado con Phaser | Los sonidos

Los sonidos


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);

},

Fecha de publicación: 15/03/2018
Asignaturas: realización de proyectos multimedia interactivosaplicaciones webmontaje y mantenimiento de equipos
Temas: phaser tiled map editor
Utilizamos cookies propias y de terceros para mejorar su experiencia en la navegación. Al seguir navegando entendemos que acepta su uso.
Si lo desea, consulte nuestras políticas de privacidad y cookies
ENTENDIDO
[X] Cerrar

Contacta conmigo


[X] Cerrar

Acceso alumnos