Robloxのフリップブックテンプレート

Robloxのフリップブックは、グリッド状のフレームに分割された正方形の画像です。ParticleEmitterが各パーティクル上でフレームを順番に再生します。以下のテンプレートは、Robloxが読み込む3種類のグリッドを、透明な1024 pxの正方形に描いたものです。Robloxが再生する順序で各フレームに番号が付いているので、各セルにそのまま描き込めます。

テンプレートをダウンロード

• 2x2テンプレート：512 pxのフレームが4つ。素早いフラッシュや脈動に使えます。
• 4x4テンプレート：256 pxのフレームが16個。ヒット、煙、短いループによく使われます。
• 8x8テンプレート：128 pxのフレームが64個。爆発や炎など、長めまたは滑らかなエフェクトに使えます。

各セルには中心マークと内側の枠があります。描画は枠の内側に収めてください。余白があると、Robloxが距離に応じてテクスチャを縮小したときに、隣のフレームがにじむのを防げます。テンプレートの上にレイヤーを作って描き、書き出す前にテンプレートを非表示にしてください。表示したままだと、線や番号がゲーム内に出てしまいます。

フリップブックで守るルール

• 正方形。 画像は正方形で、グリッドはFlipbookLayoutと正確に一致している必要があります。
• 最大1024 px。 Robloxは大きな画像を縮小するため、2048 pxのシートではディテールが失われるだけです。小さいサイズでも問題ありません。小さなエフェクトには512 pxが適しています。
• すべてのセルを使う。 エミッターは4、16、または64フレームすべてを再生します。描画が少ない場合はセルを空けず、1つの描画を2つのセルにまたがって表示してください。セルを空けるとエフェクトが点滅して消えます。
• 背景を透明にする。 実際に透明なPNGを保存してください。LightEmission が1でない場合、黒い背景は黒い四角として表示されます。
• タイミング。 FlipbookMode を OneShot にすると、Robloxはパーティクルの Lifetime 全体にフレームを均等に割り当てます。そのため、Lifetimeがエフェクトの長さになります。Loop または PingPong の場合は、FlipbookFramerate で速度を設定します。

ペイントソフトで塗りつぶす

1. テンプレートをAseprite、Photoshop、Krita、またはレイヤーに対応した任意のプログラムで開き、その上に新しいレイヤーを追加します。
2. セル1にフレーム1、セル2にフレーム2というように描きます。各描画を内側の枠内に収め、印を中心に配置して、エフェクトがずれないようにします。
3. テンプレートレイヤーを非表示にして、1024 pxの透明PNGとして書き出します。Asepriteでは各フレームを個別に128または256 pxで描き、File > Export Sprite Sheet から By Rows と8列または4列を選ぶ方法もあります。
4. PNGをアップロードし、Robloxの設定ページと同じようにエミッターを設定します。

手描きのフリップブックには決まった長さがないため、速度を選んでください。このスクリプトは、設定ページと同じ名前を使い、4x4シートを毎秒12フレーム、1サイクルにつき1パーティクルで再生します。

-- A Script inside the part. In Properties, set its RunContext to Client.
-- Plays a hand-drawn 4x4 flipbook (16 frames) at 12 frames a second, over and over.
local emitter = script.Parent:WaitForChild("Attachment"):WaitForChild("Flipbook")
local FRAMES, FPS = 16, 12
local cycle = FRAMES / FPS

emitter.FlipbookLayout = Enum.ParticleFlipbookLayout.Grid4x4
emitter.FlipbookMode = Enum.ParticleFlipbookMode.OneShot
emitter.Lifetime = NumberRange.new(cycle)
emitter.Rate = 0

while true do
	emitter:Clear()
	emitter:Emit(1)
	task.wait(cycle)
end

描画を省略する方法

ライブラリ内のすべてのエフェクトは、完成済みのフリップブックとしてダウンロードできます。アカウントなしで、任意のエフェクトページから ROBLOX を押してください。グリッドはエフェクトの長さに合わせて選ばれ、ページには使用するFlipbookLayoutとLifetimeが表示されます。よく使われる出発点はこちらです。

弾着火花空中火球爆発ドット絵の花火フロストノヴァコイン取得ドット絵の煙大爆発氷結爆発

自分のGIFをフリップブックにするには、studioを開き、Effect settings でキャンバスを正方形にして、GIFをステージにドラッグします。GIFはアニメーションを再生するレイヤーになります。次に Export を押して Roblox を選び、フリップブックPNGをダウンロードします。無料アカウントでは1日に3 effectsを書き出せます。