Editor de tilemap
Pinta mapas de juego basados en tiles en una cuadrícula canvas redimensionable con una paleta de colores y expórtalos como PNG o JSON.
🔒 Esta herramienta funciona totalmente en tu navegador. Tus archivos nunca se suben a un servidor.
Haz clic y arrastra para pintar tiles. Clic derecho (o Mayús+clic) para borrar.
Cómo funciona
- Elige un tamaño de cuadrícula y haz clic en "Redimensionar cuadrícula" (por defecto se muestra un mapa de ejemplo).
- Selecciona un tile de la paleta y luego haz clic y arrastra en el canvas para pintar.
- Clic derecho o Mayús+clic para borrar un tile.
- Exporta el mapa terminado como PNG para una imagen de vista previa o como JSON para datos de motor de juego.
FAQ
¿Cómo pinto tiles en la cuadrícula?
Elige un tile de la paleta y luego haz clic y arrastra por la cuadrícula para pintar. Clic derecho, o mantener Mayús al hacer clic, borra un tile dejándolo vacío.
¿Puedo redimensionar el mapa después de empezar a pintar?
Sí: cambia los campos Columnas y Filas y haz clic en "Redimensionar cuadrícula". Ten en cuenta que redimensionar borra el mapa actual, así que exporta tu trabajo primero si quieres conservarlo.
¿Qué me da exportar como JSON?
Un archivo JSON con las dimensiones de la cuadrícula, el tamaño del tile, los nombres de la paleta y un array plano de índices de tiles, listo para cargar en un motor de juego o un renderizador propio.
¿Puedo exportar el mapa como imagen en su lugar?
Sí: "Exportar PNG" guarda exactamente lo que ves en el canvas, útil para documentos de diseño de niveles o vistas previas rápidas.
¿Los datos de mi mapa se suben a algún sitio?
No. La cuadrícula vive en la memoria de tu pestaña del navegador y ambas exportaciones se generan localmente: no se envía nada a un servidor.
Cómo nos comparamos
| Función | Online Tool Store | Tiled (app de escritorio) | Herramientas de tilemap integradas en el motor |
|---|---|---|---|
| Sin instalación, funciona en cualquier navegador | ✓ | ✗ | ✗ |
| Paleta simple de tiles de color para prototipado rápido | ✓ | Requiere tilesets personalizados | Ligado a un motor concreto |
| Gratis, sin configuración de proyecto | ✓ | ✓ | Incluido dentro de un motor más grande |
Para bocetos rápidos de disposición de niveles o para enseñar conceptos de mapas basados en tiles, este editor te da una cuadrícula pintable y datos exportables sin instalar un motor de juego ni un editor de mapas dedicado.