miércoles, 7 de marzo de 2018

Empezando a crear nuestros juegos




En este blog voy a ir explicando paso a paso la gran herramienta de Scirra Contruct 3 para poder desarrollar juegos de manera fácil.



¿Que es Construct 3? 


Una herramienta que nos permite crear juegos de forma fácil e intuitiva. Se compone de plugins que nos ayudan en el desarrollo del juego aunque no son estrictamente necesarios.



¿Que tipo de juegos puedo crear?

Si puedes imaginarlo, puedes crearlo. Juegos tipo plataformas, árcades, aventuras gráficas, cartas, multijugador..........





¿Para que plataformas puedo compilar? 


Con C3 (construct 3), podemos compilar HTML5, ANDROID, IOS, EXE e incluso WINDOWS STORE.



¿Son de mi propiedad los juegos que creo? 


Son de tu propiedad y puedes venderlos o monetizarlos.




¿Necesito conocimientos de programación para realizar los juegos?


No son necesarios ningún tipo de conocimientos de programación. Pero si que pueden ser útiles.




¿Cuanto tiempo se puede tardar en hacer un juego?


Eso dependerá del proyecto que queramos realizar. Puede tardar desde meses a tan sólo unas cuantas horas. En mis proyectos para Gamee emplee desde 4 horas a un día para crear cada juego.
Los cuales podéis encontrar en mi blog Pandemia games : Pandemia Games




¿Cuanto tiempo tardaré en estar creando juegos como los de Pandemia Games?


Con un poco de dedicación en un par de semanas o un mes ya estarás creando juegos como el que más. Ya que iremos aprendiendo poco a poco como usar los recursos de Construct 3 y que tan fácil puede ser crear un juego con esta herramienta.


Saludos Pandemia Games.

martes, 6 de marzo de 2018

Primer Contacto Con Construct


   En nuestro primer contacto nos podemos sentir un poco intimidados y perdidos. Pero no es tan difícil la cosa como parece.

Al arrancar nuestro programa nos encontramos con esto:


Veamos de que esta compuesto Construct:


  1.  Encontramos las opciones mas comunes en cualquier programa. Abrir,cerrar,guardar..... Nada nuevo que no hayas visto ya en otros programas.
  2.  El layout. Nos permite visualizar los objetos que pertenecen a esta parte del juego. Ya que el layout es una parte de nuestro proyecto. Como ejemplo podríamos decir "fase 1".
  3.  El eventsheet. Es donde daremos nuestras ordenes. Donde programaremos nuestro juego.
  4.  El cavas, lienzo o zona de trabajo. Aquí posicionaremos nuestros gráficos, los cuales intervendrán en nuestro juego. Si cabe decir que esta sería nuestra pantalla de juego y al ejecutar el juego. Sólo podemos ver los que están dentro de esta ventana. La cual claramente se puede modificar dependiendo del juego que queremos hacer.
  5.  Aquí encontramos las carpetas que forman nuestro proyecto de juego. Cantidad de layouts,evensheets, los objetos incorporados al juego,sonidos familias, etc.
  6.  Aquí podemos ver los layers que deseemos incorporar a nuestro layout y el tilemap.
  7.  Este punto es importante porque aquí encontramos las opciones de lo que tenga seleccionado en ese momento. Si selecciono el proyecto podré ver y modificar las opciones del proyecto. Si selecciono un layout pues veré y podré modificar las opciones del layout. Si selecciono un sprite pues veré y podré modificar las opciones de ese sprite y así con todo lo demás. Este punto si es muy importante ya que podremos insertar tanto variables como behaviors.


 Pues después de nuestro primer contacto, en la siguiente entrada veremos como insertar objetos a nuestro proyecto el editor gráficos y comenzaremos con nuestro primer juego.




Saludos Pandemia grames.



lunes, 5 de marzo de 2018

Insertar Objetos y Editor Gráfico

 Para insertar un objeto en Construct pulsamos con botón derecho sobre el canvas y aparece la opción para insertar un objeto.



Seleccionamos Insert New Objet, para que nos muestre los objetos que tenemos disponibles para insertar. Ya bién sea un array, un sprite, un plugin de control u otro determinado que tengamos instalado en nuestro Construct.


En mi caso voy a insertar un Sprite y veremos el editor de imágenes.  


Como en el caso anterior voy a disponer de varias cosas, que iremos desglosando.
  1.  Tenemos opciones de guardar, cargar, invertir el gráfico, etc.
  2.  Vemos las animaciones de las que disponga nuestro gráfico, pudiendo añadir mas simplemente pulsado botón derecho del ratón.
  3.  Opciones para nuestra animación, velocidad de reproducción de los frames, loop si es necesario (la animación se repite indefinidamente).
  4.  Este punto es importante, ya que si lo que deseamos es insertar una animación compuesta de varios gráficos. Debemos pulsar botón derecho del ratón y elegir la opcion que vamos a insertar más de un gráfico.
  5. El último punto son herramientas de dibujo, para crear nuestros gráficos. Puntos de control y la malla de colisión de nuestro gráfico. Puntos de control y malla lo veremos más adelante creando nuestro juego para que se entienda perfectamente.

Saludos Pandemia Games.


domingo, 4 de marzo de 2018

Aprendiendo el EVENT SHEETS

En esta entrada veremos el Event Sheets que es donde programaremos las ordenes. Lo que va a suceder en nuestro juego.
El evento o condición que se debe cumplir para realizar una determinada acción.



Tenemos dos zonas determinadas. La zona donde veremos las condiciones que deben cumplirse para que se ejecute la acción.
Para leerlo y saber que ocurrirá lo haremos de izquierda a derecha de la siguiente forma.
Cuando el frame (dibujo que forma parte de una animación, ya que estamos en una animación) de la animación de la bola sea igual a 0 y ahora leeríamos la zona de acción. En este caso aun por determinar. En este siguiente caso ya podríamos leerla entera.



Cuando el frame de la animación bola sea igual a 0. Ahora leemos la zona de acción. La bola se destruye.
Con lo que podemos saber que pasará cuando ese frame sea 0.
Para un mejor desarrollo del juego lo mejor es tener clara la Zona de acción para saber que necesitamos en la Zona de condición.

¿Como añadimos un evento?
Para ello seleccionamos Add Event:



Nos muestra la siguiente pantalla, añadir una condición. Donde seleccionaremos System para condiciones del sistema, o el objeto correspondiente, sobre el que deseamos que se cumpla una condición .



En este caso al seleccionar bola, veréis en la parte superior como nos indica que vamos a añadir una condición a nuestro objeto bola.


Veamos las condiciones que podemos añadir a un objeto.

Ángulos.  

Animaciones.

Apariencia. 


Colisiones.


Variables.


Diversos.


Tamaño y posición.


Web.


Profundidad.

Pues visto el event sheets, ya podemos comenzar con nuestro primer juego. Vamos a realizar un pong en pocos pasos.




Saludos Pandemia Games.

sábado, 3 de marzo de 2018

Nuestro Primer Juego PONG

Vamos a realizar nuestro primer juego, haremos un PONG.

Para realizar nuestro juego debemos tener en cuenta una serie de factores. Que tipo de juego queremos hacer, que gráficos usaremos y de que tipo serán, la jugabilidad , variables que necesitaremos, plugins si fuesen necesarios, los behaviors, control del juego, si sera para pc, android, ios, html5, etc.

Como tratamos de aprender, y lo mejor es ver las cosas mientras las hacemos para aprender realmente. Pues vamos a comenzar con nuestro juego.

Gráficos que necesito:
                                    Dos barras, una para cada jugador.
                                    Una bola.
                                    Dos textos para mostrar los puntos de cada jugador.
Variables:
                 Puntos jugador uno.
                 Puntos jugador dos.

Behaviors:
                  Movimiento de bala.

Plugins:
                 Touch.


En este caso al ser nuestro primer juego, para no complicarnos, no vamos a usar un fondo, ni niveles de dificultad. Esto lo iremos ampliando después.


COMENZAMOS A CREAR

Iniciamos un nuevo proyecto.                                                             





  1. Seleccionamos Layout para cambiar el nombre y el tamaño de nuestra zona de juego.
  2. Elegimos un nombre. En mi caso pondré "mi_primer_juego". No podemos usar en los nombres caracteres especiales, ni la letra Ñ, ni espacios. Ya bien sea del proyecto,layout, sprite o cualquier otra cosa. Es un dato muy importante a tener en cuanta, para que no nos de errores a la hora de exportar.
  3.  Ponemos las medidas de nuestra zona de juego. Entiéndase por zona de juego,. La zona donde se desarrolla nuestro juego. En este caso será de 854 x 480.

Insertaremos el objeto Sprite.

  1. Seleccionamos las medidas que queremos que tenga nuestra barra.
  2. Insertamos Width: 30 Height 100.
  3. Marcamos el relleno elegimos color y clicamos sobre la zona de dibujo.
  4. Una vez terminado das a la "X" de cerrar ventana y listo.

Podemos repetir este proceso para crear la segunda barra o podemos hacer lo siguiente.
  1. Seleccionamos la barra que ya teníamos creada. Pulsamos botón derecho.
  2. Buscamos la opción clone object.
  3. Pondremos nombre a nuestras barras. "jugador_1" y la siguiente "jugador_2".
 En el siguiente paso insertamos un nuevo Sprite.

Seleccionamos cambiar tamaño como lo hicimos anteriormente, reduciremos a 32 x 32. Elegimos dibujar circulo y creamos nuestra bola.


En esta ocasión vamos a insertar un objeto tipo Text. Para representar la puntuación de los jugadores. Debemos hacerlo dos veces una por cada jugador. Podéis hacerlo de la manera que os sea mas cómoda, bien insertando los dos objetos o clonando el primero.

Una vez insertados cambiaremos su nombre a "puntos_jugador1" y "puntos_jugador2". Cambiaremos también en sus propiedades con el objeto seleccionado. El texto que queremos que se lea y el tamaño lo pondremos a 22.


Ahora vamos a darle un movimiento a la bola. Esto implica darle un behavior, un comportamiento o cualidad especifica que tendrá nuestro objeto. Para esto seleccionamos nuestro objeto y pulsamos en Behaviors.




Como podemos ver nos aparece una ventana que nos indica en su parte superior " bola behaviors". Simplemente pulsamos en "Add new behaviors".


Buscamos en "movements" y selecionamos "Bullet".


Una vez insertado si lo deseamos seleccionando el objeto y en la parte izquierda donde vemos todas las opciones. Podemos modificar las cualidades del behaviors que hemos añadido a nuestro objeto. 

Y por último añadimos un nuevo objeto, touch. Para detectar donde pulsa el usuario y poder mover su barra.


Con todo listo y teniendo ya nuestro layout terminado veamos ahora como programarlo.

Vamos al Eventsheet.

Saludos Pandemia Games.

entradas

Empezando a crear nuestros juegos

En este blog voy a ir explicando paso a paso la gran herramienta de Scirra Contruct 3 para poder desarrollar juegos de manera fácil....