Per il tuo motore

Risorse UI per videogiochi gratis per Phaser

1028 pacchetti di interfaccia pronti per un progetto Phaser — ogni sprite arriva vuoto, il tuo testo e le tue icone ci vanno dentro.

Importazione

Carica i PNG con this.load.image, o il foglio con this.load.atlas dove il pacchetto ne fornisce uno. Le esportazioni a 1x, 2x e 4x esistono per la densità di pixel: scegli la scala al caricamento in base a window.devicePixelRatio invece di far ingrandire al browser una texture 1x.

Impostare il nine-slice

Da Phaser 3.60 c’è this.add.nineslice(x, y, texture, frame, width, height, leftWidth, rightWidth, topHeight, bottomHeight). I quattro numeri sono i margini della scheda tecnica, in pixel a 1x: moltiplicali per la scala che hai caricato.

Pixel art

Per il pixel art metti pixelArt: true nella config del gioco. Passa il renderer al filtraggio nearest-neighbour e disattiva l’antialiasing in un colpo solo, ed è questo a tenere nitido uno sprite scalato per interi.

Formati e licenza

Ogni pacchetto contiene PNG trasparenti a 1x, 2x e 4x insieme alla sorgente vettoriale modificabile, pubblicati con licenza CC-BY-4.0. Nessuna pagina di attesa, nessun muro pubblicitario, nessun account: il link di download su ogni pagina è il file stesso.

Cosa c’è nel catalogo

  • 2D — Tileset e grafica d'interfaccia per giochi 2D.
  • 3D — Set di materiali di superficie.
  • Audio — Effetti sonori e loop.

Altri motori