Para tu motor
Recursos de UI para juegos gratis para Phaser
1028 packs de interfaz listos para un proyecto de Phaser — cada sprite viene vacío, para que tu propio texto e iconos vayan dentro.
Importación
Carga los PNG con this.load.image, o la hoja con this.load.atlas cuando el pack incluya una. Las exportaciones a 1x, 2x y 4x existen por la densidad de píxeles: elige la escala al cargar según window.devicePixelRatio en vez de dejar que el navegador amplíe una textura 1x.
Configurar el nine-slice
Desde Phaser 3.60 existe this.add.nineslice(x, y, texture, frame, width, height, leftWidth, rightWidth, topHeight, bottomHeight). Los cuatro números son los márgenes de la ficha técnica, en píxeles a 1x: multiplícalos por la escala que hayas cargado.
Pixel art
Para pixel art pon pixelArt: true en la configuración del juego. Cambia el renderizador a filtrado por vecino más cercano y desactiva el suavizado en un solo sitio, que es lo que mantiene nítido un sprite escalado por enteros.
Formatos y licencia
Cada pack incluye PNG transparente a 1x, 2x y 4x junto con la fuente vectorial editable, publicado bajo CC-BY-4.0. Sin página de espera, sin muro de anuncios y sin cuenta: el enlace de descarga de cada página es el archivo.
Qué hay en el catálogo
- 2D — Tilesets y gráficos de interfaz para juegos 2D.
- 3D — Conjuntos de materiales de superficie.
- Audio — Efectos de sonido y bucles.