Para a sua engine

Assets de UI para jogos grátis para Phaser

1028 pacotes de interface prontos para um projeto Phaser — cada sprite vem vazio, para o seu texto e os seus ícones entrarem nele.

Importação

Carregue os PNG com this.load.image, ou a folha com this.load.atlas quando o pacote trouxer uma. As exportações em 1x, 2x e 4x existem por causa da densidade de pixels: escolha a escala no carregamento a partir de window.devicePixelRatio em vez de deixar o navegador ampliar uma textura 1x.

Configurar o nine-slice

A partir do Phaser 3.60 existe this.add.nineslice(x, y, texture, frame, width, height, leftWidth, rightWidth, topHeight, bottomHeight). Os quatro números são as margens da ficha técnica, em pixels a 1x — multiplique pela escala que você carregou.

Pixel art

Para pixel art coloque pixelArt: true na config do jogo. Isso troca o renderizador para filtragem por vizinho mais próximo e desliga o antialiasing num lugar só, que é o que mantém nítido um sprite escalado por inteiros.

Formatos e licença

Cada pacote traz PNG transparente em 1x, 2x e 4x junto com a fonte vetorial editável, publicado sob CC-BY-4.0. Sem página de espera, sem muro de anúncios e sem conta: o link de download em cada página é o arquivo.

O que há no catálogo

  • 2D — Tilesets e arte de interface para jogos 2D.
  • 3D — Conjuntos de materiais de superfície.
  • Áudio — Efeitos sonoros e loops.

Outras engines