Dla twojego silnika
Darmowe zasoby UI do gier dla Phaser
1028 zestawów interfejsu gotowych do projektu Phaser — każdy sprite jest pusty, twój tekst i ikony trafiają do środka.
Import
Wczytaj PNG przez this.load.image albo arkusz przez this.load.atlas, jeśli zestaw go dostarcza. Eksporty 1x, 2x i 4x są od gęstości pikseli: wybierz skalę przy wczytywaniu na podstawie window.devicePixelRatio, zamiast pozwalać przeglądarce powiększać teksturę 1x.
Ustawienie nine-slice
Od Phasera 3.60 jest this.add.nineslice(x, y, texture, frame, width, height, leftWidth, rightWidth, topHeight, bottomHeight). Cztery liczby to marginesy z danych technicznych, w pikselach przy 1x — pomnóż je przez wczytaną skalę eksportu.
Pixel art
Dla pixel artu ustaw pixelArt: true w konfiguracji gry. W jednym miejscu przełącza renderer na filtrowanie najbliższego sąsiada i wyłącza antyaliasing, a to właśnie utrzymuje ostrość sprite’a skalowanego całkowicie.
Formaty i licencja
Każdy zestaw zawiera przezroczyste PNG w 1x, 2x i 4x oraz edytowalne źródło wektorowe, wydane na licencji CC-BY-4.0. Bez strony oczekiwania, bez bramki reklamowej i bez konta: link do pobrania na każdej stronie to sam plik.
Co jest w katalogu
- 2D — Tilesety i grafika interfejsu do gier 2D.
- 3D — Zestawy materiałów powierzchni.
- Audio — Efekty dźwiękowe i pętle.