manual de construct2

¡Muchas gracias por elegir Construct 2! Vamos a empezar con nuestro primer juego HTML 5. Realizaremos el juego demo 'Disparando a los fantasmas' (Ghost Shooter). Juega primero aquí para saber cual es el objetivo: un jugador que apunta en la dirección del ratón, se mueve con las flechas de desplazamiento y dispara a los monstruos con el ratón. Aprenderás todo lo que necesitas para hacer un juegosencillo - ¡desde capas hasta el sistema de eventos!


Instalando Construct 2

Si aún no lo has hecho, obtén una copia de la última versión de Construct 2 aquí. El editor es sólo para Windows, pero los juegos creados funcionarán en cualquier sistema como Mac, Linux o iPad. Construct 2 también puede ser instalado en cuentas de usuario restringidas. También es portable, así que lo puedesinstalar, por ejemplo, en una memoria USB y llevártelo contigo.


Primeros pasos

Ahora que ya lo tienes instalado inicia Construct 2. Haz clic en el botón Archivo(File) y selecciona Nuevo (New).

En el cuadro de diálogo Nuevo proyecto (New Project) no necesitas cambiar nada, sólo haz clic en Crear proyecto (Create project). Construct 2 mantendrá todo el proyecto en un sólo archivo .capx. Ahoradeberías de ver en un layout vacío la vista de diseño donde crearás y pondrás los objetos. Este layout sería como un nivel de juego o pantalla de menú. En otros programas, lo llaman room, escena oframe.


Añadiendo objetos


Fondo de tiles (baldosas)

Lo primero que queremos es un fondo de tiles que se repita a lo alto y a lo ancho. El objeto Fondo de tiles (Tiled Background) puede hacerlopor nosotros. Primero, aquí está la textura de fondo - botón derecho para guardar la imagen en tu ordenador:


Ahora haz doble clic en cualquier lugar del layout para añadir un objeto nuevo. (Más adelante también puedes usar el botón derecho y seleccionar Añadir nuevo objeto (Insert new object)). Cuando aparezca el cuadro de diálogo, doble clic en el objeto Fondo de tiles para añadirlo.


Unseñalador aparecerá para indicarte donde situar el objeto. Haz clic en cualquier lugar cerca del centro del layout. Ahora se abre el editor de textura (texture editor) para que introduzcas una textura al tile, importa la imagen que guardaste antes. Clic en el icono de la carpeta para cargarla desde el disco duro, busca donde la has guardado y selecciónala.


Cierra el editor de textura en la Xque está arriba a la derecha. Si te lo pregunta, ¡asegúrate de guardarlo! Ahora deberías de ver tu objeto fondo de tiles en el layout. Vamos a redimensionarlo para que cubra toda la superficie. Para ello selecciónalo y mira todos los ajustes del objeto en la Barra de propiedades (Properties bar) de la izquierda, incluyendo el tamaño y la posición. Pon la posición en 0,0 (esquina superiorizquierda del layout) y dale un tamaño de 1280 por 1024 (el del layout).


Inspeccionemos el trabajo. Mantén pulsada la tecla control y mueve la rueda del ratón hacia abajo para alejar la imagen. Otra forma de hacerlo es hacer clic enver - alejar (view - zoom out) un par de veces. También puedes mantener pulsada la barra espaciadora o el botón central del ratón para desplazarte por el layout. Fácil¿eh? Ahora tu fondo de tiles debería cubrir todo el layout:


Pulsa control+0 o ver - tamaño 100% (view to 100%) para volver a la vista 1:1.

(Si eres impaciente como yo, haz clic en el pequeño icono 'ejecutar' (run) en la ventana de la barra de título - debería iniciarse un navegador mostrando el layout con el fondo! Woo!) 

Añadiendo una capa (layer)

Bien, ahora vamos a añadir más objetos.Sin embargo, vamos a mantener accidentalmente seleccionado el fondo de tiles a menos que lo bloqueemos, haciéndolo no seleccionable. Usaremos el sistema de capas para hacerlo.

Los layouts pueden tener múltiples capas (layers) que puedes usar para agrupar objetos. Imagina que la capas son láminas de cristal apiladas una encima de otra con objetos pintados en cada una. Esto te permite...