14/11/2019
En el vasto universo del desarrollo de videojuegos, existen herramientas que se convierten en pilares fundamentales para la creación de mundos inmersivos y jugabilidad adictiva. Una de esas joyas, especialmente para los amantes del 2D, es Tiled. Este editor de niveles no es simplemente un programa más; es un lienzo digital increíblemente flexible y potente diseñado para ayudarte a construir los escenarios de tus sueños, baldosa por baldosa. Si alguna vez te has preguntado cómo se diseñan esos intrincados mapas de un RPG clásico, las plataformas de un metroidvania o los laberintos de un juego de puzles, la respuesta muy probablemente involucre una herramienta como Tiled. A lo largo de este artículo, desglosaremos todo lo que necesitas saber sobre su funcionamiento, sus características principales y cómo dar tus primeros pasos en la creación de niveles.

¿Qué es Exactamente Tiled y Por Qué Deberías Usarlo?
Imagina que eres un arquitecto, pero en lugar de edificios, construyes mundos para videojuegos. Tiled sería tu mesa de diseño, tus planos y tus herramientas, todo en uno. Su función principal es la edición de mapas basados en baldosas (o 'tiles'), pero su poder va mucho más allá. Es una aplicación de código abierto, lo que significa que cuenta con una comunidad activa y es completamente gratuita, eliminando una barrera de entrada para desarrolladores independientes y estudios pequeños.
La filosofía de Tiled se centra en la flexibilidad. No te impone una forma de trabajar, sino que te ofrece un abanico de posibilidades para que adaptes la herramienta a las necesidades específicas de tu juego. Permite no solo colocar mosaicos en una cuadrícula, sino también añadir imágenes de forma libre, definir áreas de colisión, crear NPCs, puntos de aparición de enemigos, cofres del tesoro y cualquier otro elemento interactivo que tu juego requiera, todo de una manera visual e intuitiva.
Características Clave que Hacen Brillar a Tiled
Para entender el verdadero potencial de Tiled, es crucial conocer sus funcionalidades más importantes. Estas no son solo opciones en un menú; son las herramientas que te permitirán pasar de una idea a un nivel completamente funcional.
Soporte para Múltiples Proyecciones y Formas de Mapa
No todos los juegos 2D son iguales. Tiled lo sabe y por eso ofrece soporte para diversas proyecciones, cada una adecuada para un estilo de juego diferente:
- Ortogonal: La vista clásica, de arriba hacia abajo o de desplazamiento lateral, perfecta para plataformas, RPGs al estilo de los primeros Zelda o juegos de estrategia sencillos.
- Isométrica: Proporciona una sensación de pseudo-3D, ideal para juegos de rol tácticos (como Final Fantasy Tactics) o juegos de simulación (como los primeros SimCity).
- Isométrica Escalonada (Staggered): Una variación de la isométrica que puede facilitar el movimiento y la representación visual en ciertos tipos de juegos.
- Hexagonal (Escalonada): La base para muchos juegos de estrategia por turnos, como Civilization, donde cada baldosa es un hexágono.
Esta versatilidad garantiza que, sin importar la perspectiva de tu juego, Tiled tendrá una solución para ti.
Capas: La Columna Vertebral de tu Nivel
El sistema de capas es, quizás, la característica más poderosa de Tiled. Te permite organizar los elementos de tu mapa de forma lógica y ordenada. Los tipos de capas principales son:
- Capas de Patrones (Tile Layers): Aquí es donde pintarás con tus baldosas para crear el terreno, las paredes, la decoración y, en general, el aspecto visual del nivel. Puedes tener múltiples capas de patrones para simular profundidad, como una capa para el suelo, otra para las paredes y una tercera para elementos que se superponen al jugador, como el follaje de los árboles.
- Capas de Objetos (Object Layers): Esta es la capa de la lógica. Las capas de objetos son un lienzo libre donde puedes colocar diferentes tipos de 'objetos' que representan información para tu motor de juego. Puedes añadir un rectángulo para definir una zona de colisión, un punto para marcar la posición inicial del jugador, un polígono para delimitar el área de patrulla de un enemigo, o incluso colocar un objeto de tipo 'patrón' para representar un cofre o un PNJ. Estos objetos pueden tener propiedades personalizadas (como 'vida', 'tipo_de_botin', etc.), ser rotados y escalados con total libertad.
Herramientas de Edición Inteligentes
Tiled está repleto de herramientas diseñadas para agilizar tu flujo de trabajo. El 'Pincel de Estampado' te permite no solo pintar con baldosas individuales, sino también seleccionar y copiar áreas enteras de tu mapa. La herramienta de 'Transiciones de Terreno' puede automatizar la colocación de baldosas de borde (como la transición entre hierba y arena), ahorrándote horas de trabajo manual. Además, cuenta con funciones para aplicar cambios basados en patrones, animar baldosas (para crear agua que fluye o antorchas parpadeantes) y un editor de colisiones integrado para definir con precisión qué partes de una baldosa son sólidas.
Tutorial de Inicio: Creando Tu Primer Mapa en Tiled
Ahora que conoces la teoría, vamos a la práctica. Seguiremos los pasos esenciales para crear un mapa desde cero.
1. Creación de un Nuevo Mapa
Al abrir Tiled, lo primero que harás es ir a Archivo -> Nuevo -> Nuevo Mapa... (o usar el atajo Ctrl + N). Se abrirá un diálogo con varias opciones importantes:
- Orientación: Aquí eliges entre Ortogonal, Isométrica, etc., según el estilo de tu juego.
- Formato de Capa de Patrones: Generalmente se usa CSV, pero Tiled ofrece otras opciones para optimización. Para empezar, CSV está perfecto.
- Tamaño del Mapa: Define el ancho y alto del mapa en número de baldosas. ¡No te preocupes, puedes cambiarlo más tarde!
- Tamaño del Patrón: El tamaño en píxeles de cada una de tus baldosas (por ejemplo, 16x16, 32x32). Es crucial que coincida con el tamaño de tus gráficos.
2. Creación e Importación de un Conjunto de Patrones (Tileset)
Un mapa vacío no es muy útil. Necesitas los 'ladrillos' para construir, y esos son los conjuntos de patrones. Ve a Archivo -> Nuevo -> Nuevo Conjunto de Patrones....

En el nuevo diálogo, darás un nombre a tu conjunto y, lo más importante, harás clic en 'Explorar...' para seleccionar el archivo de imagen que contiene todas tus baldosas (comúnmente conocido como 'spritesheet'). Deberás asegurarte de que el tamaño de patrón que configures aquí coincida con el de tu imagen. Si tus baldosas tienen un pequeño borde o espacio entre ellas, puedes configurarlo en las opciones de 'Margen' y 'Espaciado'.
Una recomendación clave es dejar desmarcada la opción 'Empotrar en el mapa'. Al guardarlo como un archivo separado (.tsx), podrás reutilizar el mismo conjunto de patrones en múltiples mapas. Si más tarde añades información de colisión o terreno a una baldosa, ese cambio se reflejará en todos los mapas que lo usen, lo cual es increíblemente eficiente.
3. ¡A Pintar se ha Dicho!
Una vez guardado el conjunto de patrones, este aparecerá en la paleta de Tiled. Ahora el proceso es tan sencillo como hacer clic en una baldosa de la paleta para seleccionarla y luego hacer clic o arrastrar el cursor sobre el lienzo del mapa para pintarla en la capa activa. ¡Felicidades, estás diseñando tu primer nivel!
Tabla Comparativa: Tipos de Capas Principales
Para clarificar el propósito de cada tipo de capa, aquí tienes una tabla comparativa:
| Tipo de Capa | Uso Principal | Contenido | Ventajas |
|---|---|---|---|
| Capa de Patrones (Tile Layer) | Construcción visual del mundo (terreno, paredes, decoración). | Una cuadrícula de baldosas. | Optimizado para renderizado rápido, ideal para elementos estáticos. |
| Capa de Objetos (Object Layer) | Anotar información y colocar entidades de juego. | Rectángulos, elipses, polígonos, puntos, objetos de patrón. | Máxima flexibilidad para datos de juego, no se limita a la cuadrícula. |
| Capa de Imagen (Image Layer) | Añadir imágenes de fondo o decorativas grandes. | Una única imagen. | Perfecto para fondos parallax, cielos o elementos gráficos grandes. |
Preguntas Frecuentes (FAQ)
¿Tiled es compatible con mi motor de juegos?
Tiled exporta mapas en formatos estándar como TMX (basado en XML) y JSON. La mayoría de los motores de juegos 2D populares (como Godot, Unity con plugins, Phaser, LÖVE, etc.) tienen librerías o soporte integrado para leer estos formatos. Es muy probable que puedas integrarlo en tu proyecto sin problemas.
¿Qué orientación de mapa debo elegir: ortogonal o isométrica?
La elección depende enteramente del género y estilo de tu juego. Para un juego de plataformas de desplazamiento lateral como 'Celeste', usarías ortogonal. Para un juego de rol táctico como 'Triangle Strategy', la proyección isométrica es la elección correcta, ya que ofrece una mejor percepción de la profundidad y el espacio táctico.
¿Puedo crear colisiones en Tiled?
¡Sí! Tiled incluye un Editor de Colisiones de Patrones. Puedes seleccionar una baldosa de tu conjunto de patrones y dibujar formas (rectángulos, elipses, polígonos) sobre ella para definir sus límites físicos. Cuando tu motor de juego cargue el mapa, podrá leer esta información para crear un mundo con colisiones precisas.
¿Tiled es solo para pixel art?
Absolutamente no. Aunque es muy popular en la comunidad de pixel art, Tiled funciona con cualquier tipo de arte 2D. Puedes usar baldosas de alta resolución, arte dibujado a mano o cualquier estilo gráfico que desees. La herramienta es agnóstica al estilo artístico; solo le importa el tamaño de las baldosas y la imagen que le proporcionas.
Si quieres conocer otros artículos parecidos a Tiled: La Guía Definitiva del Editor de Niveles puedes visitar la categoría Juegos.
