Saltar al contenido
AI Sprite Maker

Superposición de cuadrícula

Escala un sprite o un tileset y dibuja la cuadrícula entre los píxeles, no encima de ellos. Ideal para tutoriales, documentar tilesets y revisar la alineación.

  • Gratis
  • Corre en local
  • Sin registro
Vista previa

Carga una imagen para empezar.

Todo corre en tu navegador. Tus archivos nunca se suben, así que también funciona sin conexión una vez que la página cargó.

Cómo usar la herramienta Superposición de cuadrícula

  1. Suelta un sprite, una sprite sheet o un tileset. El tamaño de celda se deduce de la cuadrícula de fotogramas.
  2. Define el ancho y el alto de la celda (16×16 y 32×32 están a un clic) y un desplazamiento si tus tiles no empiezan en 0,0.
  3. Elige el color, la opacidad y el grosor de las líneas, y agrega líneas principales cada 2, 4 u 8 celdas si quieres secciones.
  4. Elige una escala de exportación; las líneas de la cuadrícula quedan entre los píxeles escalados.
  5. Descarga el PNG.

Qué obtienes

  • PNG escalado con cuadrícula de celdas
  • Cuadrícula fina opcional de 1px y líneas principales
  • Borde exterior opcional

Consejos de quienes la usan para hacer juegos

  • Usa una escala de 8× o más para tutoriales. A 1× una línea de la cuadrícula tiene que tapar píxeles, y eso oculta el arte.
  • Elige un color de línea que no esté en tu paleta (cian o magenta suelen funcionar) para que nadie confunda las líneas con el arte.
  • Las líneas principales cada 4 celdas ayudan cuando documentas una sala de 64×64 hecha con tiles de 16×16.
  • Los campos de desplazamiento te permiten comprobar si un tileset tiene un margen de 1px antes de importarlo a Tiled o a tu motor.

Casos de uso

  • Documentar un tileset para un equipo o una página de tienda
  • Hacer tutoriales de pixel art e imágenes paso a paso
  • Revisar la alineación de sprites contra una cuadrícula de 16 o 32 px
  • Preparar imágenes de referencia para un diseñador de niveles

Preguntas frecuentes

¿La cuadrícula tapa mis píxeles?
A escala 2× o más, las líneas se dibujan en los bordes entre los píxeles escalados. A 1× no hay espacio entre píxeles, así que las líneas reemplazan una fila de píxeles.
¿Puedo usar una cuadrícula que no sea cuadrada?
Sí. El ancho y el alto de la celda son independientes, así que funcionan cuadrículas de 16×24 o 32×16.
¿Qué es la opción de cuadrícula de píxeles?
Una cuadrícula tenue de 1 píxel debajo de la cuadrícula de celdas, que se muestra cuando la escala es 4× o más. Hace fácil contar los píxeles uno por uno.
¿De qué tamaño va a ser el PNG?
El tamaño original multiplicado por la escala de exportación. El tamaño final aparece debajo del botón de descarga.
¿Se sube mi imagen?
No, todo se dibuja en tu navegador.
Todas las herramientas gratis →