Saltar al contenido

Extrusor de tilesets

¿Líneas finas entre tus tiles? Extruye el tileset: cada tile recibe un marco con sus propios píxeles de borde y las líneas desaparecen en el motor. Tus imágenes nunca salen de tu dispositivo.

Se crea en tu dispositivo. Tus imágenes nunca se suben.

  • Nunca se suben
  • Sin costuras
  • Gratis, sin registro

Cómo funciona

Cómo extruir un tileset

  1. Paso 1: Añade tu tileset

    Elige, suelta o pega la hoja. El tamaño de tile se adivina; corrígelo si tus tiles tienen otro tamaño.

  2. Paso 2: Ajusta la extrusión

    1 píxel va bien para casi cualquier juego. Haz clic en un tile y elige Repetirlo para ver si sus bordes encajan.

  3. Paso 3: Descarga e importa

    Guarda el PNG e introduce en tu motor el tamaño de tile, el margen y el espaciado que se muestran al lado.

Extrusor de tilesets

Tiles que encajan sin una línea

  • Bordes repetidos hacia fuera

    Cada tile recibe un marco con sus propios píxeles de borde, así el motor nunca toma muestras del tile de al lado.

  • Vista previa en mosaico

    Mira cualquier tile repetido tres por tres, con o sin líneas en sus bordes, para detectar costuras en el propio dibujo.

  • Números para tu motor

    El nuevo margen y el espaciado se calculan por ti, listos para Godot, Unity, Tiled o Phaser.

  • Nunca se suben

    Todo ocurre en tu navegador, así que tus imágenes se quedan en tu dispositivo.

En detalle

Por qué aparecen líneas entre tiles y cómo lo arregla la extrusión

Por qué aparecen líneas entre los tiles

Un mapa de tiles dibuja cada tile a partir de un pequeño rectángulo de una textura grande. Cuando la cámara se mueve una fracción de píxel, o el mapa se escala o se filtra, el motor lee un pelo fuera de ese rectángulo y recoge una franja del tile vecino. En pantalla esa franja es una línea fina que parpadea al moverte.

La extrusión pone alrededor de cada tile un marco que repite sus propios píxeles de borde. Lo que el motor lea justo fuera del tile tiene ahora el mismo color que su borde, así que no hay nada que ver.

Cómo usar la hoja extruida

  • Godot: en los ajustes del atlas del TileSet, pon en Margins el margen y en Separation el espaciado que se muestran aquí. El tamaño de la región de textura sigue siendo tu tamaño de tile.
  • Unity: en el Sprite Editor, corta por tamaño de celda con Offset igual al margen y Padding igual al espaciado.
  • Tiled: al añadir el tileset, introduce el mismo Margin y Spacing.
  • Phaser: pasa el margen y el espaciado como los dos últimos argumentos de addTilesetImage.

Revisar los propios tiles

La extrusión arregla las líneas que vienen del motor. Las que vienen del dibujo son otra cosa: un tile de hierba cuyo borde izquierdo no coincide con el derecho muestra una costura se empaquete como se empaquete.

Haz clic en un tile y elige Repetirlo para verlo repetido tres por tres, como lo colocaría un mapa. Activa Mostrar bordes del tile para ver exactamente dónde acaba una copia y empieza la siguiente.

Extrusor de tilesets

Preguntas frecuentes

¿Mis imágenes se suben a algún sitio?

No. Todo funciona en tu navegador, en tu propio dispositivo. Tus imágenes nunca se envían a Moriqa ni a nadie más, y no se conserva nada después de cerrar la página.

¿Cuántos píxeles debo extruir?

Un píxel basta para la mayoría de los juegos 2D. Usa dos o más si la textura usa mipmaps, si la cámara se aleja mucho o si siguen viéndose líneas.

¿La extrusión cambia mis tiles?

No. Los tiles conservan su tamaño y todos sus píxeles. Solo cambia el espacio que los rodea; por eso la hoja crece y necesita un margen y un espaciado en el motor.

¿Para qué sirve el hueco extra?

Añade píxeles vacíos entre los tiles extruidos. La mayoría de los motores no lo necesitan; ayuda cuando una herramienta espera además espacio vacío entre tiles.

Mi tileset ya tiene espaciado. ¿Puedo usarlo?

Sí. Abre La hoja que tienes e introduce su margen y su espaciado. Los tiles se leen desde ahí y se vuelven a colocar con la extrusión.

¿Cómo compruebo si un tile es continuo?

Haz clic en el tile y elige Repetirlo. Si las copias se juntan sin una línea visible, el tile se repite limpiamente.

¿También dibujas los tiles?

El editor de pixel art de Moriqa dibuja tiles y sprites sobre una cuadrícula de píxeles y los exporta para tu motor, gratis en tu navegador.