あなたのエンジンに
Phaser向けの無料ゲームUI素材
Phaserのプロジェクトにそのまま置ける1028点のインターフェース素材。スプライトはすべて空で、あなたの文字とアイコンが入ります。
インポート
PNGはthis.load.imageで、パックがシートを含む場合はthis.load.atlasで読み込みます。1x・2x・4xの書き出しはデバイスピクセル比のためにあります。ブラウザに1xを拡大させるのではなく、読み込み時にwindow.devicePixelRatioで倍率を選んでください。
ナインスライスの設定
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で公開されています。待機ページも広告ゲートもアカウントも不要です。各素材ページのダウンロードリンクがそのままファイルです。