El primer Videojuego (Parte 1)

Muy bien es hora de ponernos manos a la obra con nuestro primer Videojuego independiente, como ya había mencionado vamos a utilizar construct 2. Esta es una herramienta relativamente sencilla de utilizar, así que vamos a comenzar con un simple ejemplo utilizando la versión gratuita y posteriormente vamos a realizar otros ejemplos con la versión de pago, como he comentado en otro post el costo de Construct 2 no es tan elevado como Unity 3d por ejemplo; sino que es mucho mas barato como puedes ver aqui .

Entonces vamos a comenzar abriendo nuestro programa para familiarizarnos un poco con el y tenemos esto:

bueno pues muestro las partes mas importantes del programa o las que se deben tener mas en cuenta:

1.- Lo mas básico de todo programa guardar,deshacer, rehacer, run y debug (modo de depuración).
2.- Todas las ventanas que queremos que se muestren en la interfaz principal.
3.- Mostrar la cuadricula y ajustarla.
4.- Tamaño de la cuadricula.
5.- Propiedades de todos los elementos del proyecto, desde aquí se pueden configurar muchas de las propiedades de dichos elementos.
6.- Árbol de los archivos que contiene el proyecto.
7.- Capas que puede contener un Layout (conocido también como pantalla del juego o lienzo).
8.- Orden de las figuras unas respecto de otras.

Vamos a comenzar con nuestro primer Juego ejemplo el cual sera el clásico Arkanoid, este juego lo iremos puliendo a lo largo de varios tutoriales, con la finalidad de ir cubriendo paso a paso las herramientas de Construct 2. Entonces le damos en crear nuevo proyecto:

Y seleccionamos "New empty proyect":

A continuación veras lo siguiente:

Como puedes observar el proyecto ya trae una configuración por defecto la cual vamos explicar y cambiar un poco mas delante para que funcione mejor nuestro proyecto, por ahora trabajaremos con esta configuración y nos enfocaremos en detalle en el juego. A continuación nos descargamos un paquete de imágenes con el que vamos a trabajar del sitio http://kenney.nl/assets al entrar ahí buscas el siguiente:

Bien entonces nos regresamos a Construct 2 y damos click derecho > rename en el lienzo principal llamado layout y le cambiamos el nombre por game.

Ahora damos doble click en el linezo blanco para poder agregar un sprite:

Como vez aparecerá esta ventana y debes seleccionar el icono del sprite y darle el nombre plataforma, damos insert y volvemos a dar click en el lienzo dentro de las lineas punteadas para colocar el nuevo sprite. Una vez hecho esto veremos loa siguientes ventanas:

1.- Ventana principal donde podremos ver el sprite el cual vamos a cargar desde los archivos que descargamos antes (o en su defecto podemos pintar ahí mismo con el editor gráfico de imágenes básico).
2.- Paleta de colores.
3.- Animaciones para el sprite correspondiente.
4.- Numero de Frames por cada animación.
(el numero 3 y 4 se explicara a detalle mas adelante).

Ahora seleccionas la opción "Load an image from a file".

Una vez hecho esto debemos buscar dentro de la paquete de archivos que descargamos un folder llamado png y dentro debes buscar la imagen llamada paddleBlu. Selecciónala y entonces debes ver lo siguiente:

Cierras el editor de imágenes y el sprite debera aparecer en el lienzo:

Ahora vas hacer lo mismo para las imagenes ballGrey y element_red_rectangle del folder png, entonces solo los nombraras bola_gris y rectangulo_rojo respectivamente. Ya que hayas echo lo mismo con los últimos dos sprites debes acomodarlos de esta manera:

como puedes darte cuenta esto fue demasiado sencillo, para ver el resultado solo da click en Run layout en la esquina superior izquierda para ver el resultado que debe ser algo similar a esto :].

Bien por el momento es todo no es mucho pero ya estamos progresando. En el siguiente post comenzaremos a darle movimiento y funcionalidad en general a nuestro juego.

"Para correr primero hay que aprender a caminar"