怒りの震え

2Dキャラクタースプライト用の怒りエモートです。脈打つ赤い輪郭と光に包まれ、鼓動に合わせて震え、膨らみながら色が赤く染まります。頭上では雷鳴を響かせる嵐雲が現れ、鼻から蒸気が噴き出し、目を鋭く光らせます。ループします。自分のスプライトに差し替えられます。SpriteLabで作成したスプライトです。

怒りの震えは、320 x 320のキャンバスに描画されたHDエフェクトです。1.6秒ごとにシームレスにループします。パーティクルエミッター11個で構成されています。

色

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

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

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

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

スタジオで開く自分のスプライトを使う

「自分のスプライトを使う」で自分のキャラクターを入れられます。ヒーローと同じ高さで置き換わり、エフェクト全体がそのキャラクターに合わせて動きます。色、タイミング、サイズを変更したり、Unity、Godot 4、GameMaker、Phaser、PixiJS、Aseprite向けに書き出したりできます。

コマ送り

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

制作の仕組み

怒りの震えはキャラクタースプライトの上で再生され、その周りにパーティクルエミッター11個を配置しています。ヒーロー自体にはシェイク、バウンド、カラーフラッシュ、グローとアウトラインが加わります。注目のテクニック：スプライトモジュール、乱流、キーフレームで動かすパラメーターとポストフィルター（ブルーム）。

1.6秒ごとにシームレスにループします。6個のレイヤーがバーストで放出するため、均一に流れるのではなく脈打ちます。開始時刻を0秒から1.3秒までずらしてあるため、レイヤーが次々に現れます。色を変えるには、スタジオで「Anger Glow」を選択し、「Colour A」と「Colour B」を編集します。パーティクルの大きさは、同じレイヤーの「Size」で設定します。自分のキャラクターで確認するには、スタジオで「Use my sprite」を使います。すべてのレイヤーが新しいスプライトに追従します。ダウンロードの横にあるカラースウォッチで、すべてのレイヤーの色を一度に変更できます。

レイヤー（描画順）

Anger Glowパーティクル / 加算柔らかな光を絶え間なく放出します。色：赤。
Heroスプライトキャラクタースプライト。追加効果：シェイク、バウンド、カラーフラッシュ、グローとアウトライン。
Glaring Eyeパーティクル / 加算柔らかな光を絶え間なく放出します。色はゴールドからオレンジの範囲です。
Storm Cloudパーティクル矩形の範囲全体から煙の塊を絶え間なく放出します。動き：時間とともに拡大。色はグレーからダークグレーの範囲です。
Cloud Zap, Cloud Flashパーティクル / 加算0.4秒ごとにパーティクル1個。色：ペールゴールド。
Steam Puffパーティクル0.1秒の時点で煙の塊4個を一度に放出します。動き：上へ浮上、時間とともに拡大、回転と抵抗で減速。色はペールオレンジから赤の範囲です。
Steam Puffパーティクル0.5秒の時点で煙の塊4個を一度に放出します。動き：上へ浮上、時間とともに拡大、回転と抵抗で減速。色はペールオレンジから赤の範囲です。
Steam Puffパーティクル0.9秒の時点で煙の塊4個を一度に放出します。動き：上へ浮上、時間とともに拡大、回転と抵抗で減速。色はペールオレンジから赤の範囲です。
Steam Puffパーティクル1.3秒の時点で煙の塊4個を一度に放出します。動き：上へ浮上、時間とともに拡大、回転と抵抗で減速。色はペールオレンジから赤の範囲です。
Stone Gritパーティクル矩形の範囲全体から四角形を絶え間なく放出します。動き：重力で落下。色：グレー。

スタジオにはもう1つレイヤーがあります。

詳細

長さ: 1.6秒、シームレスループ
キャンバス: 320 x 320、HD
レイヤー: エミッター11個
合成方法: 主に通常
色: ペールオレンジ赤ペールゴールドグレー
スプライト: Cast (Free to use)

ゲームでの使い方

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