为你的引擎准备

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 发布。没有等待页、没有广告门槛、不需要账号:素材页上的下载链接就是文件本身。

目录里有什么

  • 2D — 面向2D游戏的图块集与界面美术。
  • 3D — 表面材质套装。
  • 音频 — 音效与循环。

其他引擎