为你的引擎准备
Phaser 的免费游戏 UI 素材
1028 套可直接放进 Phaser 项目的界面素材。每个精灵图都是空的,你的文字和图标放进去即可。
导入
用 this.load.image 加载 PNG,若素材包附带图集则用 this.load.atlas。1x、2x、4x 三档导出是为设备像素比准备的:加载时按 window.devicePixelRatio 选择档位,而不是让浏览器放大 1x 纹理。
九宫格设置
Phaser 3.60 起提供 this.add.nineslice(x, y, texture, frame, width, height, leftWidth, rightWidth, topHeight, bottomHeight)。四个数字就是规格栏里的边距,按 1x 的像素计——再乘以你加载的导出倍数。
像素风
像素风请在游戏配置里设置 pixelArt: true。它在一处同时切换到最近邻过滤并关闭抗锯齿,这正是让整数倍缩放的精灵在浏览器里保持锐利的原因。
格式与授权
每套素材都包含 1x、2x、4x 的透明 PNG 以及可编辑的矢量源文件,按 CC-BY-4.0 发布。没有等待页、没有广告门槛、不需要账号:素材页上的下载链接就是文件本身。