Pour votre moteur
Ressources d’interface de jeu gratuites pour Phaser
1028 packs d’interface prêts pour un projet Phaser — chaque sprite arrive vide, votre texte et vos icônes viennent dedans.
Import
Chargez les PNG avec this.load.image, ou la planche avec this.load.atlas quand le pack en fournit une. Les exports 1x, 2x et 4x existent pour la densité de pixels : choisissez l’échelle au chargement d’après window.devicePixelRatio plutôt que de laisser le navigateur agrandir une texture 1x.
Réglage du nine-slice
Depuis Phaser 3.60, this.add.nineslice(x, y, texture, frame, width, height, leftWidth, rightWidth, topHeight, bottomHeight) existe. Les quatre nombres sont les marges de la fiche technique, en pixels à 1x — multipliez-les par l’échelle chargée.
Pixel art
Pour le pixel art, mettez pixelArt: true dans la config du jeu. Cela bascule le rendu en filtrage au plus proche voisin et désactive l’antialiasing d’un seul geste, ce qui garde net un sprite agrandi par un entier.
Formats et licence
Chaque pack contient des PNG transparents en 1x, 2x et 4x ainsi que la source vectorielle modifiable, publiés sous CC-BY-4.0. Pas de page d’attente, pas de mur publicitaire, pas de compte : le lien de téléchargement de chaque page est le fichier.
Ce que contient le catalogue
- 2D — Tilesets et décors d'interface pour les jeux 2D.
- 3D — Ensembles de matériaux de surface.
- Audio — Effets sonores et boucles.