Construc2

GUÍA DE CONSTRUCT 2 PARA PRINCIPIANTES
Gracias por Elegir Construct 2. Vamos a empezar a realizar su primer juego en HTML5. Vamos a
realizar el juego demo “Ghost Shooter”. Puedes verlo aquí, para saber de qué se va a tratar el
proyecto a desarrollar: Un jugador que apunta de acuerdo a la dirección del mouse, que se mueve
con las teclas del cursor, y dispara a los monstruos con el click delmouse. Aprendera todo lo que
necesita saber para hacer un juego simple, desde las capas (layers) hasta los eventos del sistema.
Primeros Pasos
Una vez instalado, inicie Construct 2. Click en el botón “File” y seleccione “New”

En el cuadro de diálogo “New Project”, no necesita cambiar nada. Solo haga Click en “Create
Project”. Construct 2 mantendrá el proyecto en entero en un solo archivo conextensión “.capx”
para usted. Ahora debería estar viendo un espacio en blanco (layout) – La vista de diseño donde se
crean y se posicionan los objetos. Piensa en el espacio como si fuera el nivel de un juego o la
pantalla de menú. En otras herramientas, se puede llamar también un cuarto, escena o fotograma.
Insertar Objetos
Fondo en Mosaico: Lo primero que queremos es un fondo repetido enmosaico. El “Tiled
Background” puede hacer esto. Primero, vamos a usar la textura de fondo:

Ahora hacemos doble click, en un espacio en el layout para insertar un nuevo objeto (Si el layout
está lleno, entonces se hace click derecho y selecciona “Insert New Object”). Una vez que el
cuadro de diálogo “Insert New Object” aparece, damos doble click en el objeto “Tiled
Background” para insertarloUn punto de mira (crosshair) aparecerá, para indicarle dónde ubicará el objeto. Haga click en
cualquier parte cercana a la mitad del espacio de trabajo. A continuación se abre el editor de
textura (Texture Editor), para que inserte la textura al mosaico. Vamos a importar el archivo de
imagen para el mosaico. Hacemos Click en el ícono de la carpeta para cargar una textura desde
nuestrodisco duro, buscamos la ruta del archivo y lo seleccionamos.

Cierre el editor de texturas, haciendo click en la X de la parte superior derecha. Si tiene dudas,
asegúrese de guardar su trabajo. Ahora debe ver la imagen de fondo en el layout. Vamos a
redimensionarla para que cubra la totalidad del espacio de trabajo. Selecciónela, entonces en la
barra de propiedades (Properties Bar) a laizquierda, debe mostrar los ajustes para el objeto,
incluyendo su tamaño y posición (size and position). Ajuste la posición a 0, 0 (esquina superior
izquierda del layout), y ajuste el tamaño a 1280, 1024 (Tamaño del espacio de trabajo)

Vamos a revisar nuestro trabajo. Presiones y mantenga Control y use la rueda de scroll del mouse
hacia abajo para hacer Zoom Out. Alternativamente, Haga Click enView-Zoom out un par de
veces. También puede presionar y mantener la barra espaciadora y presionar el botón central del
mouse para explorar alrededor. La imagen de mosaico debería cubrir ahora la totalidad del
layout.

Presiones Control+0 o Click en View>Zoom to 100% para regresar a la vista de escala 1:1.

Añadiendo una capa
Bien, ahora queremos añadir algunos otros elementos. Sin embargo,vamos a mantener
seleccionado, y de manera accidental, el fondo en mosaico, a menos que lo bloqueemos,
haciéndolo “no seleccionable”. Vamos a usar el sistema de capas (layers) para hacer esto.
Los espacios de trabajo pueden almacenar multiples capas (layers), que se pueden usar para
agrupar objetos. Imagine las capas como láminas de vidrio, apiladas una encima de la otra, con
objetos pintadosen cada una de las láminas. Esto permite disponer fácilmente de los objetos que
aparecen encima de los otros, y las capas pueden ocultarse, bloquearse, tener efectos de paralaje
aplicados y más. Por ejemplo, en este juego, queremos que todo se muestre por encime del fondo
en mosaico, así que podemos hacer otra capa (layer) encime, para nuestros otros objetos.
Para manejar capas (layers),...