Como Colisionar Particulas en Phaser 

En esta ocasion veamos como colisionar particulas usando fisica y creando una reaccion despues de dicha colision. 

Las particulas en Phaser heredan propiedades y metodos de la clase Sprite asi que podemos acceder a metodos del sistema de fisica directamente. 

Como hacer colisiones y rebotes con Phaser 

Despues de una temporada muy enfermo vamos a ver un poco mas el uso de la fisica en Phaser en el tutorial fisica hize una explicacion sobre como funciona el sistema de fisicas de este framework, ahora veamos cosas divertidas y utiles.

 Lo que vamos a hacer es accelerar una pelota en todas las direcciones y que esta colisione con todos los bordes y con cualquier otro objeto asi de simple. 

                 Acelerar objetos en Phaser

Despues de un tiempo sin ningun tutorial de phaser volvemos a la carga y no crean que me habia olvidado de el, con respecto al js13k aun no tengo ningun prototipo pero creo que en dos semanas lo puedo hacer y publicar, tambien quiero publicar algunos reportes de mi juego, como va el mercado entre otras cosas ya veremos.

Una de las partes mas complejas de phaser ya las hemos visto asi que si lo asimilaste lo que viene solo sera aplicar conceptos vistos y una gota de creatividad. 

Como crear Vida y puntaje en Phaser "Invader Reborn"

En este ocasion vamos agregar los últimos detalles para nuestra versión del Space Invaders como es de esperar cada vez que seamos impactados nuestra vida sera reducida, si logramos dar en el objetivo(Aliens) estos serán destruidos.

Entonces solo necesitamos activar la colision entre ambos objetos cuya reaccion seria en caso de el heroe una vida menos, para los Aliens seria su fin y ademas nuestro puntaje seria aumentado. 

Como hacer al Enemigo "Space Invaders con Phaser".

La llegada del enemigo es inminente pero ya nuestro heroe esta mas que preparado para recibirlos, en esta ocasion veremos como crear al enemigo al finalizar estas naves van a estar en capacidad de moverse y de disparar.

Nuestros enemigos tiene la capacidad de moverse de un lado a otro tal como lo hace nuestra nave con una caracteristica y es que a medida que completan el ciclo estos descienden ademas que en cada movimiento nos van disparando sin compasion. 

Como hacer un juego de Naves con Phaser. "El Heroe"

Voy a comenzar esta serie explicando todo lo relacionado con nuestro heroe, despues de terminar este tutorial la nave va estar en capacidad de moverse y de disparar.

 Vamos a necesitar dos objetos nuestra nave y la municion tambien vamos a agregar un fondo para dar un aspecto mas estilizado.

Libro Discover Phaser

Desde hace una semanas salio a la venta el libro sobre Phaser la verdad un buen libro y vas aprender mucho de este framework, posee muchos tips utiles a la hora de crear juegos muy tipicos (scrolling,plataformas).

  Juego Phaser:Invader Reborn

Después de estar un poco ausente estas semanas en gran medida porque estoy estudiando un poco de Armonía(Teoría Musical) para mejorar la composiciones de mis próximos juegos, un poco de Social Marketing,también tengo pendiente el curso javascript pero bueno espero que este tiempo hayan estudiado a Phaser y sin mas pasemos a lo que vinimos.

Fisica en Phaser

En nuestro ultimo paso para entrar de lleno a hacer nuestro juego vamos a aprender fisica gracias a Phaser, aclaro esto no quiere decir que no hay mas cosas para aprender y que explicar para que tengas una nocion Phaser tiene mas de 200 ejemplos oficiales. 

Solo he querido explicar lo que considero basico para abordar un juego ya que en demasiada informacion se produce mucha confusion y claro aprenderemos mas cosas en este mundo nunca vamos a dejar de aprender.

En este framework tenemos tres tipos de fisicas (Arcade,P2,Ninja), nosotros usaremos Arcade en primera medida porque es mas facil de usar sino estas muy familiarizado con sistemas de fisicas claro tiene sus limitaciones por ejemplo el body siempre es un cuadro entonces si agregas una imagen circular igual el cuerpo sera un cuadro. 

Su opinion es fundamental.

Esta vez no vengo hablar de Phaser , leyendo sus preguntas y dudas acerca de Javascript quiero preguntar que les parece si creo un tutorial de Javascript, lo que quiero saber es  que tan basico debe ser, tengo claro que no todos son unos expertos en javascript pero si quisiera saber su nivel, hacia donde quieren que este enfocado, es decir me puedo dedicar a explicar un javascript orientado a nuestro juegos y Phaser, las estructura que vamos a usar  y como funciona pero para los que no esten tan familiarizado con lo mas basico se pueden perder mas bien se van a perder.

Estados en Phaser

Otras de las caracteristicas muy utiles de Phaser son los Estados, las funciones que usamos comunmente (Preload,Create,Update) no es mas que estados si has estudiado notaras cuando se termina el estado Preload inmediatamente cambia al estado Create y asi sucesivamente hasta que ya no quede ningun estado pendiente. 

Como crear SpriteSheets en Phaser.

Existen muchas forma de pulir nuestros juegos con el fin de darle un acabado muy profesional y atractivo para la vista, hacer animaciones de nuestros objetos ya sea explosiones, saltos,etc. es una de ellas. 

 Para lograrlo en Phaser necesitamos de el programa ShoeBox la cual uso ya que es gratis y muy comoda ya la hemos configurado previamente, ahora solo es cuestion de tomar las imagenes que vamos a usar y crear los archivos necesarios explicado en como usar ShoeBox  .

Como configurar ShoeBox para exportar archivos Json.

En esta ocasión vamos a configurar esta magnifica herramienta llamada ShoeBox la cual ya conocimos, para que se capaz de exportar un archivo json.

Si has jugado un poco con este programa notaras que ya exporta json, si pero ese fomato no nos sirve para usarlo en Phaser.

Como reciclar objetos en Phaser

En el tutorial de grupos vimos como se crea un grupo y para que sirve, en esta oportunidad aprenderemos como utilizarlo para reutilizar esos objetos con el fin de optimizar recursos,esto resulta muy útil debido a que en juegos de disparos en el cual habrá cantidad de balas de las cuales muchas ya no estarán en pantalla pero aun siguen vivas y se siguen creando mas causando un gasto de memoria.

Entonces lo mejor seria detruirlas para luego volver a utilizarlas creando un proceso de reciclaje que se activaría cuando dicha partícula golpee con algo o salga de los limites de nuestro mundo.

Como ganar dinero con videojuegos.

Mucho de nosotros quizas empezamos a hacer videojuegos por pasion, pasatiempo ,un sueño o anhelo desde niño pero a medida que entras en este mundo y haces tus primeras incursiones la situacion ya empieza a cambiar, te enteras de lo que representa hacer un videojuego, que puede pasar de ser un hobbie a un estilo de vida, que se puede ganar dinero y vivir de eso.

Como usar shoeBox para hacer spriteSheet

ShoeBox es una herramienta que nos da una mano en temas de UI(user interface) la interfaz de usuario, sprites, animaciones etc.. Esta herramienta es la que uso para hacer las animaciones , tipos de letras que uso en phaser. Una de las técnicas para optimizar nuestros juegos para que este cargue rápido y mas fluido es tomar nuestras imágenes y agruparlas en una sola a esto se le conoce como spritesheet (tira de imagenes), luego para usarlas es sencillo cada una se encuentra en una posición exacta dentro de una única textura, esto representa una gran ayuda no es lo mismo cargar una animación de 20 imágenes una por una que cargar todas en una sola, lo primero será descargar la aplicacion ShoeBox, debes tener instalado Adobe Air en tu computador, luego iniciamos nuestra aplicación y estaremos aquí:

Usando la camara en Phaser

En los juegos de tipo plataforma por ejemplo el mas grande de todos Mario Bros es normal ver que el mundo se mueve a la par con nuestro héroe esto no es mas que una cámara que lo sigue hacia donde se mueva, en esta oportunidad vamos a ver como se logra hacer esto.

En Phaser todos los objetos viven en un mundo world y para ver estos objetos dentro de este necesitamos una cámara, como sabemos el Stage visto en el tutorial de particulas en Phaser es quien controla nuestro canvas y por defecto nuestro world tiene el mismo tamaño que el stage, pero no esta limitado por este, podemos hacerlo del tamaño que deseamos, teniendo esto claro. 

           Haciendo animaciones con Phaser

 Nuestros juegos siempre debemos pulirlos llevándolos a su máxima expresión, Phaser nos permite hacer animaciones fluidas gracias a algo llamado Tween , muy usado por muchas librerías de juegos ya que permiten efectos muy llamativos. Existen variedad de métodos Easing como me gusta traducir literalmente seria métodos de suavizado pero digamos que son métodos para pulir, esto nos ayuda a definir curvas movimientos autónomos, predefinidos.
 Comenzemos:

Usando el teclado con Phaser.

Ya vimos algo básico sobre eventos del mouse ahora vamos a explorar un poco con nuestro teclado, usaremos las teclas mas comunes me refiero a las direccionales y otras complementarias usadas muy seguido en juegos de plataformas, disparos me refiero a nuestra barra esparceadora.

Información de nuestros objetos en Phaser.

Una de las características de Phaser utiles al momento de desarrollar nuestro proyecto es observar la información sobre los objetos que tenemos en pantalla, esto nos permite saber exactamente tanto la información mas básica hasta la mas avanzada de nuestro sprites,etc.

Pero en que nos puede ayudar?

En todo si estamos utilizando algún sistema de física y en algún momento determinado los cuerpos no colsionan esto nos ayudara a identificar rápidamente el problema, si necesitas ver los limites del sprite, conocer su velocidad, posición ,angulo, son muchas posibilidades.