ドット絵のきらめき

宝物、アイテム、取得アイテム向けのドット絵きらめきループです。太い四芒星が点から長い金色の十字へ伸び、白い芯を持って頂点で白く光ります。その周りでは、小さな金色と氷色のきらめきが瞬きます。

ドット絵のきらめきは、Endesga 32パレットを使用し、512 x 512のキャンバスに4xピクセルで描画された、2秒ごとにシームレスにループするドット絵エフェクトです。パーティクルエミッター48個で構成されています。

色

プレビューと無料ダウンロードの色を変更します。

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

Roblox: ダウンロードは ParticleEmitter 用のフリップブックです。FlipbookLayout を Grid8x8、FlipbookMode を OneShot、Lifetime を 2 に設定し、1 サイクルごとにパーティクルを 1 つ放出します。 Roblox での設定.

Unity、Godot、GameMaker、Aseprite 用のエンジンデータはプランに含まれます: スタジオで開く.

スタジオで開く

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

コマ送り

2秒のループ全体から等間隔に取り出した8コマ。

制作の仕組み

ドット絵のきらめきはドット絵です。4xピクセルで描画され、Endesga 32パレットに固定されており、パーティクルエミッター48個で構成されています。注目のテクニック：他のパーティクルから発生するサブエミッターとキーフレームで動かすパラメーター。

2秒ごとにシームレスにループします。6個のレイヤーがバーストで放出するため、均一に流れるのではなく脈打ちます。開始時刻を0秒から0.68秒までずらしてあるため、レイヤーが次々に現れます。色を変えるには、スタジオで「Glitter pixels」を選択し、「Colour over Life」のグラデーションを編集します。パーティクルの大きさは、同じレイヤーの「Size」で設定します。ドットの粗さは、「Pixel art」パネルの「Pixel size」で設定します。ダウンロードの横にあるカラースウォッチで、すべてのレイヤーの色を一度に変更できます。

レイヤー（描画順）

Glitter pixelsパーティクル画像スプライトを絶え間なく放出します。2秒ごとに1個の追加バースト。色は寿命の間に白からオレンジへ変わります。
small H0, small V0パーティクル「small centre」によって発生する画像スプライト。色は寿命の間にオレンジから赤へ変わります。
small H1, small V1パーティクル「small centre」によって発生する画像スプライト。色：オレンジ。
small H2, small V2パーティクル「small centre」によって発生する画像スプライト。色：白。
small centreパーティクル決まった時刻に1個ずつ出るパーティクル8個。動き：出現時に「small H0」を発生、出現時に「small V0」を発生、出現時に「small H1」を発生と出現時に「small V1」を発生。色：白。
smallIce H0, smallIce V0パーティクル「smallIce centre」によって発生する画像スプライト。色：青。
smallIce H1, smallIce V1パーティクル「smallIce centre」によって発生する画像スプライト。色：シアン。
smallIce H2, smallIce V2パーティクル「smallIce centre」によって発生する画像スプライト。色：白。
smallIce centreパーティクル決まった時刻に1個ずつ出るパーティクル3個。動き：出現時に「smallIce H0」を発生、出現時に「smallIce V0」を発生、出現時に「smallIce H1」を発生と出現時に「smallIce V1」を発生。色：白。
mid H0, mid V0パーティクル「mid centre」によって発生する画像スプライト。色は寿命の間にオレンジから赤へ変わります。

スタジオにはさらに31個のレイヤーがあります。

詳細

長さ: 2秒、シームレスループ
キャンバス: 512 x 512、4xのドット絵、Endesga 32パレット
レイヤー: エミッター48個
合成方法: 主に通常
色: 白オレンジゴールドシアン
スプライト: 組み込み図形のみ

ゲームでの使い方

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