経験値バーの充填

ドット絵の経験値バーが、火花を散らす滑らかな先端とともに満たされます。満タンになると白く光って枠が弾け、「MAX!」が飛び出し、その後減少します。

経験値バーの充填は、Endesga 32パレットを使用し、288 x 288のキャンバスに3xピクセルで描画された、2.4秒ごとにシームレスにループするドット絵エフェクトです。パーティクルエミッター5個で構成されています。

背景透過、エフェクトに合わせてトリミング済みの画像を無料でダウンロードできます。30 fps、72フレームです。商用ゲームでもクレジット表記なしで使用できます。

色、タイミング、サイズを変更したり、Unity、Godot 4、GameMaker、Phaser、PixiJS、Aseprite向けに書き出したりできます。

詳細

Phaser, PixiJS: PNGのスプライトシートを使います。TexturePackerのJSONアトラスが付属しており、どちらもそのまま読み込めます。
Unity: PNGのスプライトシートをSpriteとしてインポートし、ModeをMultipleに設定してスライスするか、スタジオでエフェクトを開いて、すぐ使えるグリッドを利用します。
Godot 4, GameMaker, Aseprite: スタジオで開き、Exportで使用するエンジンを選びます。そのエンジンでインポートできるファイルが出力されます。
Web・チャット: GIFはどこでも再生でき、APNGならどんな背景でも滑らかな輪郭を保てます。