Für deine Engine
Kostenlose Game-UI-Assets für Phaser
1028 Interface-Pakete, fertig für ein Phaser-Projekt — jedes Sprite kommt leer, damit dein eigener Text und deine Icons hineinpassen.
Import
Lade die PNGs mit this.load.image, oder das Sheet mit this.load.atlas, wo ein Paket eines mitbringt. Die Exporte in 1x, 2x und 4x sind für die Device Pixel Ratio da: wähle die Stufe beim Laden über window.devicePixelRatio, statt den Browser eine 1x-Textur hochskalieren zu lassen.
Nine-Slice einrichten
Ab Phaser 3.60 gibt es this.add.nineslice(x, y, texture, frame, width, height, leftWidth, rightWidth, topHeight, bottomHeight). Die vier Zahlen sind die Ränder aus dem Datenkasten, in Pixeln bei 1x — multipliziere sie mit der geladenen Exportstufe.
Pixel-Art
Für Pixel-Art pixelArt: true in die Game-Config setzen. Das schaltet an einer Stelle auf Nearest-Neighbour-Filterung um und deaktiviert Antialiasing — genau das hält ein ganzzahlig skaliertes Sprite im Browser scharf.
Formate und Lizenz
Jedes Paket enthält transparente PNGs in 1x, 2x und 4x sowie die editierbare Vektorquelle, veröffentlicht unter CC-BY-4.0. Keine Wartseite, keine Werbeschranke, kein Konto: Der Downloadlink auf jeder Asset-Seite ist die Datei selbst.
Was im Katalog steht
- 2D — Tilesets und Interface-Grafiken für 2D-Spiele.
- 3D — Sets von Oberflächenmaterialien.
- Audio — Soundeffekte und Loops.