Tileset

Byte Tileset — mattonelle da pavimento

58 mattonelle da pavimento (pixel art) per interfacce in modalità chiaro — osso freddo, accento petrolio di segnale. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • tileset
  • autotile
  • senza cuciture
  • grafica di livello
  • pixel
  • pixel art
  • pixel art
  • interfaccia chiara
  • puzzle
  • gestionale
Foglio con 58 mattonelle da pavimento (pixel art) della famiglia Byte, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×3539la trasparenza è mostrata a scacchiera

Su questo pack

Byte Tileset — mattonelle da pavimento è un set di 58 mattonelle da pavimento disegnati nello stile pixel art, dove ogni angolo è una scala di pixel interi e nulla è antialiasato. Contiene un set di autotile a 47 maschere, variazioni di terreno e muro, pezzi di bordo e angolo, oggetti allineati alla griglia e un foglio già assemblato.

Un tileset è un tileset solo se le mattonelle combaciano davvero. La maggior parte dei set gratuiti è una cartella di quadrati che sembrano imparentati e si allineano quasi ovunque, e quel "quasi" costa un pomeriggio: una maschera di bordo è fuori di un pixel e la cucitura si vede su ogni muro del livello.

Il contorno avanza a scatti di 4px e l'ombreggiatura è un dithering di Bayer invece di una sfumatura, quindi il set sopravvive a una scalatura per fattore intero — l'unico modo in cui il pixel art può essere scalato senza ridursi in poltiglia.

Dentro quello stile, questa è la lettura Byte: un'interfaccia in modalità chiaro su una palette osso freddo con accenti petrolio di segnale, costruita attorno a una cornice a bordo singolo, pulsanti a pillola completamente arrotondati da 112x36, barre a fasce divise in 10 segmenti e icone con contorno su una griglia da 24px. Sono quelle misure a spiegare perché due famiglie possono condividere uno stile artistico senza essere intercambiabili: lo stile decide come si traccia un bordo, i numeri decidono a cosa serve l'interfaccia.

Le maschere di autotile sono generate dalla stessa geometria di bordo invece di essere disegnate una alla volta, quindi una mattonella e la sua vicina condividono il bordo esatto per costruzione e non per attenzione. Le variazioni di terreno sono disegnate per essere intercambiabili in qualsiasi posizione, ed è questo a impedire che un pavimento grande si legga come un motivo ripetuto.

Ogni sprite arriva come SVG modificabile e come PNG trasparente a 1x, 2x e 4x, così puoi buttare i PNG dritti in un motore oppure aprire il vettoriale e cambiare un colore. Disegnato con le stesse misure del resto della famiglia Byte, il che significa che questo kit e il kit di pannelli Byte si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a giochi in pixel art.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP149 kB

Set completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readme

File inclusi in questo pack
FileFormatoPesoDownload
Set completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readmeZIP149 kB Ottieni →
Terreno base senza cuciture, mattonelle da pavimento in ogni direzione, pixel art, SVG modificabileSVG2.6 kB Ottieni →

Come si usa

  1. Importa il foglio con la dimensione di mattonella indicata nella scheda e senza padding né estrusione; le mattonelle da pavimento sono disegnate fino al bordo della griglia apposta, perché quelle adiacenti combacino esattamente.
  2. Associa le maschere di autotile al loro numero di bitmask — i nomi dei file sono il valore della maschera, quindi una configurazione blob autotile standard si collega senza tabella di corrispondenza.
  3. Scala solo per numeri interi. Un tileset a 1.5x lascia i bordi delle mattonelle su mezzi pixel e produce una cucitura che nel disegno non c'è.

Licenza

Creative Commons Attribuzione 4.0 — Gratis per uso commerciale. Attribuzione obbligatoria. Termini completi · Cosa significa in pratica

Riga di credito da copiare
"Byte Tileset — mattonelle da pavimento" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/tilesets/byte-tileset