Tilesets

Byte Tileset — baldosas de suelo

58 baldosas de suelo (pixel art) para interfaces de tema claro — paleta hueso frío, acento verdeazulado de señal. SVG y PNG transparente en 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • tileset
  • autotile
  • sin costuras
  • arte de nivel
  • píxel
  • pixel art
  • pixel art
  • interfaz clara
  • puzle
  • gestión
Hoja con 58 baldosas de suelo (pixel art) de la familia Byte, dispuestos sobre un damero de transparencia y con sus medidas en píxeles escritas debajo
vista previa 1600×3539la transparencia se muestra como damero

Sobre este pack

Byte Tileset — baldosas de suelo es un conjunto de 58 baldosas de suelo dibujados en estilo pixel art, donde cada esquina es una escalera de píxeles enteros y nada tiene suavizado. Contiene un conjunto de autotile de 47 máscaras, variaciones de suelo y pared, piezas de borde y esquina, props alineados a la rejilla y una hoja ya montada.

Un tileset solo es un tileset si las baldosas encajan de verdad. La mayoría de los conjuntos gratuitos son una carpeta de cuadrados que parecen relacionados y alinean casi en todas partes, y ese "casi" es lo que cuesta una tarde: una máscara de borde está desplazada un píxel y la costura se ve en todas las paredes del nivel.

El contorno avanza en escalones de 4px y el sombreado es un dithering Bayer en vez de un degradado, así que el conjunto sobrevive a escalarse por un factor entero — la única manera de escalar pixel art sin que se convierta en papilla.

Dentro de ese estilo, esta es la lectura de Byte: una interfaz de tema claro sobre una paleta hueso frío con acentos en verdeazulado de señal, construida en torno a un marco de borde único, botones tipo pastilla totalmente redondeados de 112x36, barras en bandas divididas en 10 segmentos e iconos de contorno sobre una rejilla de 24px. Esas medidas son la razón por la que dos familias pueden compartir un estilo artístico sin ser intercambiables: el estilo decide cómo se dibuja un borde, los números deciden para qué sirve la interfaz.

Las máscaras de autotile se generan a partir de la misma geometría de borde en vez de dibujarse una a una, así que una baldosa y su vecina comparten el borde exacto por construcción y no por cuidado. Las variaciones de suelo están dibujadas para ser intercambiables en cualquier posición, y eso es lo que evita que un suelo grande se lea como un patrón repetido.

Cada sprite viene como SVG editable y como PNG transparente en 1x, 2x y 4x, así que puedes soltar los PNG directamente en un motor o abrir el vector y cambiar un color. Dibujado con las mismas medidas que el resto de la familia Byte, lo que significa que este kit y el kit de paneles de Byte encajan sin redimensionar ninguno. Encaja bien en juegos de pixel art.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP149 kB

Conjunto completo — fuentes SVG, exportados PNG en 1x/2x/4x, licencia y readme

Archivos incluidos en este pack
ArchivoFormatoPesoDescarga
Conjunto completo — fuentes SVG, exportados PNG en 1x/2x/4x, licencia y readmeZIP149 kB Obtener →
Suelo base sin costuras, baldosas de suelo en todas las direcciones, pixel art, SVG editableSVG2.6 kB Obtener →

Cómo se usa

  1. Importa la hoja con el tamaño de baldosa que indica la ficha y sin padding ni extrusión; baldosas de suelo están dibujadas hasta el borde de la rejilla a propósito para que las contiguas encajen exactamente.
  2. Asigna las máscaras de autotile por su número de bitmask — los nombres de archivo son el valor de la máscara, así que una configuración estándar de blob autotile se conecta sin tabla de consulta.
  3. Escala solo en números enteros. Un tileset a 1.5x deja los bordes de baldosa en medios píxeles y produce una costura que no está en el dibujo.

Licencia

Creative Commons Atribución 4.0 — Gratis para uso comercial. Atribución obligatoria. Términos completos · Qué significa en la práctica

Línea de crédito para copiar
"Byte Tileset — baldosas de suelo" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/tilesets/byte-tileset