Aprende a usar tilemap haciendo un juego de plataformas con él!

1
  • 0 favourites

Tagged

Attached Files

The following files have been attached to this tutorial:

.capx

Stats

6,739 visits, 6,963 views

Tools

Tilemap es genial.

Cuando aprendas cómo utilizar tilemap, verás que mejora tu vida, el cielo será azul, la enfermedad será la cura ...

Tilemap

1. ¿Qué es Tilemap?

Tilemap es, como su nombre lo dice, una hoja de cuadrado. Se añade la posibilidad de seleccionar y trabajar por separado con cada pieza en él.

En Construct 2, lo puedes encontrar justo al lado de la ficha de objeto. Hasta que se agrega un nuevo tilemap, no puedes hacer nada con él.

2. La forma en que utilizaremos Tilemap

La idea de este tutorial es mostrarte que tilemap puede ser usado para algo más que el propósito decorativo. Tilemap es muy útil para establecer todo lo de su entorno.

En este tutorial realizaremos un juego de plataformas tipo 8bits. Es más fácil de usar y aprender Tilemap.

Crea tu Tilemap

1. Preparate

Usa Photoshop o Gimp o lo que desees. Lo más fácil para empezar a dibujar es mostrar una cuadrícula. Para que sea aún más fácil, vamos a configurar nuestra cuadrícula a 16x16px. Es el tamaño adecuado para empezar.

Tamaño del documento: 80px*160px (o cualquier múltiplo de 16px)

Configuración de la cuadrícula: 16px*16px

Tipo de Archivo: png

Entonces puedes dibujar adentro .... O simplemente toma este archivo si quieres! (Doy un caramelo para quién encuentre de dónde viene)

2. Importando a Construct 2

Regresa a Construct 2, agrega New object > General > Tilemap (doble click en el diseño (Layout) o en ficha de objeto, click derecho > Insert New Object).

Ignora el Tilemap predeterminado, y carga tu Tilemap. Antes de cerrar la ventana del Editor de imágenes, es necesario establecer el tamaño del mosaico de tu archivo. Es en el Panel de Propiedades de la izquierda

Vamos a ponerlo a 16x16 ya que decidimos que nuestro Tilemap tendrá una cuadrícula de 16x16. Si has elegido8x8 tendrás que establecer aquí 8x8 .... y así sucesivamente.

Te darás cuenta de que el Tilemap obtiene de forma automática el tamaño del diseño. Por ahora puedes dejarlo así.

Crea tu juego

1. Dejándolo claro

En la ficha de objeto, Cambiar el nombre del objeto Tilemap a Platform, como la primera capa.

También puede crear una nueva capa y llenalo con negro. Puede hacerlo en las propiedades de la capa de la izquierda. Establecer Color de fondo a negro (0, 0, 0) y Transparente a No. (Si no ves ningún cambio, la capa de la plataforma tiene que ser transparente)

Y entonces, ponlo en el nivel inferior y llamalo fondo.

Por último, anda a Vista en el menú principal, comprueba Snape to grid y ponla a 16x16.

2. Las cosas se ponen serias

Haz clic en la capa de la plataforma luego en la pestaña Tilemap y selecciona en Pencil Tile tool.

En la imagen Tilemap, elegir el azulejo que deseas utilizar. Después de eso, puedes comenzar a "dibujar" el juego de plataforma

Sugerencia: El clic derecho se utiliza para eliminar la pieza.

Después de eso, añadir al jugador. Te sugiero que revises Cómo hacer un juego de plataformas Página 3 si no sabes cómo hacer que tu personaje sea jugable. (no te preocupes, hay un archivo capx al final :p)

Debido al tamaño de nuestros Sprites, te sugiero establecer los siguiente parámetros de comportamiento de la plataforma.

Máxima Velocidad: 76

Aceleración: 1000

Desaceleración: 1000

Fuerza de salto: 351

Gravedad: 1000

Velocidad máxima de caída: 200

3. Comportamientos

Anda a Object tab, Click derecho en Platform Tilemap > Behavior... > Add > Solid

Es hora de poner a prueba al juego! Sí, eso es ... Todos tus azulejos serán sólidos, incluso si el Tilemap tiene el tamaño de tu diseño (layout)!! Magia! Entonces, ¿Entiendes qué es lo siguiente?

4. Más cosas de plataforma

Oh no! La plataforma es demasiado alto para mi personaje! Bueno no hay problemas.

Tenemos algunas soluciones, y vamos a optar por hacer una plataforma jump-thru .

Agregar new tilemap object y carga el mismo archivo de imagen. No olvide configurar otra vez el Tile size a 16x16.

Renombre el objeto a jumpthru entonces agréguele el behavior Jump-thru.

Ir a la pestaña del Tilemap y empezar a añadir su plataforma Jump-thru! (si no lo ves en la pestaña Tilemap, haz clic una vez en el diseño)

Et voila ! ¿Captaste el truco?

Crea un new layer on top y llamalo Decoration. Repite el último paso, agrega un new Object > Tilemap > Select file, Tile size 16x16.

A continuación, puedes añadir los árboles, y lo que quieras

Et voila!

Después de eso, se puede añadir, por ejemplo, otro objeto Tilemap de lava o Spike, más decoración y cualquier cosa ....

Consejos al azar

- En este tutorial, se utilizó la misma imagen durante todo el juego, pero por supuesto que podemos hacer diferentes imágenes para cada parte (Solid Behavior, Jump-Thru, etc...).

- No cometa el error de agregar el mismo sprite para "Decoración" y "Sólido". Este error lo hacen muchas personas.

- No sea entusiasme demasiado con la velocidad que puedes hacer en el juego con este truco.

- Deja por favor un comentario para votaciones !

Nota: El Capx no es exactamente lo mismo que este tutorial y se trata de un proyecto no terminado (barra de vida que no siguen, enemigos equivocados, etc.), Sino que muestran exactamente lo mismo y más más más cosa de plataforma. Voy a actualízalo de todos modos, para un gran tutorial acerca del juego de plataformas

I love you Construct 2, seriously.

.CAPX
  • 0 Comments

  • Order by
Want to leave a comment? Login or Register an account!