Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.
Pasos en la realización de un juego de carreras con PhaserJs
Carga background
Cargamos la imagen de fondo del juego.
Carga jugadores con función
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Mover jugador hacia delante
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Rotar
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Physics Editor
Este software nos permite definir areas de colisión poligonales que podremos implementar en Phaser cuando usemos físicas de tipo matter.
Puedes descargar esta herramienta en codeandweb.com.
Physics Editor es un programa de pago cuya versión de prueba es usable durante siete días. Puedes comprar una licencia vitalicia por 50€ o una anual por 20 euros al año.
Cómo usar Physics Editor.
- Abrimos Physics Editor.
- Pulsamos el botón de Add sprites.
- Seleccionamos en nuestro ordenador los sprites de nuestro juego. Su nombre no debe tener espacios en blanco, eñes, acentos o guiones medios.
- En el menú de la columna de la derecha, seleccionamos a que formato queremos exportar. En nuestro caso será Phaser (matter.js)
- Utilizamos la varita mágica con todas las imágenes que hemos añadido a physics Editor. Aunque el programa cuenta con varias herramientas para seleccionar el área de colisión, la más importante es la varita mágica. Todo lo que no implique colisión será transparente. De esta forma, la varita mágica funcionará perfecto. Cuanto menos vértices tenga el area seleccionable menos le costará a Phaser getionarla.
- Pulsamos en publish.
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Hacer algunas partes de la escena inamovibles
leftside.setStatic(true);
rightside.setStatic(true);
center.setStatic(true);
saturn.setStatic(true);La luna rebota
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Detectar vueltas colocando una marca en el suelo
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Evitar que el jugador haga trampas
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Poner marcador
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Aumentar marcador
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Alguien gana el juego
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Con portada
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Cargar música
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Controles visuales
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Añadir funcionalidad a los controles visuales
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.