レイヤーとアニメーション
レイヤー
レイヤーは、描画を整理したり、複数フレームのアニメーションを作ったりするのに使います。
削除・変更できない2つのデフォルトレイヤー、fg（前景）と bg（背景）があります。
レイヤーパネルの 追加… ボタンで新しいレイヤーを作成できます。選択中のレイヤーの上または下に作れます。
自分のレイヤーは、レイヤーパネルで太字のレイヤー番号で示されます。
レイヤーIDは実際のレイヤーのインデックスではなく、作成順序を表します。
フレームが1つだけ残っている場合に限り、フレームを削除 ボタンで自分のレイヤーを削除できます。この操作は取り消せません。
WARNING
デフォルトの fg、bg、または自分が作ったレイヤー以外に描くときは注意。レイヤーの作者があなたの作品を削除する可能性があります。自分のレイヤーを作って描くのがおすすめです。
アニメーション
ツールセットはまだ最小限ですが、アニメーションで絵をパワーアップできます。
現在、8fps（秒間8フレーム）の固定リフレッシュレートで、各フレームは125ミリ秒間表示されます。アニメーションを遅くしたい場合は、フレームを複製 ボタンでフレームを延ばせます。
レイヤーごとにフレーム数が違ってもOKです。ループの詳細は下記をご覧ください。
任意の位置でのフレーム編集が可能です。例えば、4フレームのアニメーションで7番目のティックのフレームを削除すると、2周目の3番目のティックにあたるため、3番目のフレームが削除されます。
簡単なアニメーションの作り方
このアニメーションをステップバイステップで作りながら、つまずきやすいポイントとその修正方法も見ていきます。
始める前に
より良いチュートリアルのアイデアや、共有したいクリエイティブなヒントはありますか？アニメーションの使い方を紹介する動画をYouTube、Instagram、またはTikTokで作りましたか？
ぜひ見せてください！コミュニティで共有するか、Bluesky、X (Twitter)、Instagram、または TikTok でタグ付けしてください！
アニメーションモード
２つ以上のフレームを持つレイヤーには、以下のモードから選べます。
- Sequential (順次) - フレームを順番に再生。連続アニメーションのデフォルト。
- Random (ランダム) - フレームをランダムに再生。ティックの選択はユーザーごとに異なります。
- Roll (ロール) - チャットで
/rollコマンドを送信するとランダムにティックを選択し、次のロールまで同じティックを表示。ティックはサーバー上で生成され全ユーザー共通なので、ボードゲームに最適。
/roll を送信してサイコロを振れます。順次タイムラインループ (Sequential)
順次 モードは永久にループします。レイヤーのフレーム数が異なり、互いに倍数でない場合（例: 3と3でなく3と4）、ループするたびに異なるフレームの組み合わせが生まれます（上のチュートリアルの例を参照）。
例えば、3フレームのレイヤーがループを完了して1番目から再開するとき、4フレームのレイヤーはまだ4番目のフレームを表示しています。次のティックでは、3フレーム側が2番目に進み、4フレーム側はループして1番目に戻ります。インターフェースは無限スクロールに対応しているので、必要なフレームの組み合わせを見つけるまでどこまでもスクロールできます。
アニメーションを 一時停止 すると、レイヤーリスト に現在のティックが全順次レイヤーに対して表示されます。
ランダム (Random) と ロール (Roll)
ランダム と ロール モードは、すべてのレイヤーに均一に作用します。つまり、描画を複数レイヤーに分けても、予測可能な動作が得られます。
全レイヤーのフレーム数が同じであれば、常にすべてのレイヤーで同じランダムなフレームが表示されます。
以下の例では、レイヤー3と4に1から3までの数字のフレームがあります。両方のレイヤーで常に同じ数字が表示されます。
内部的には、ランダムなパーセンテージが選ばれ、それが各レイヤーに個別に適用されることでフレームが決定されます。例えば：
- 4フレームを持つレイヤーの場合、25%未満のパーセンテージは1番目のフレームに対応し、25%〜50%の間は2番目のフレームに対応します。
- 3フレームを持つレイヤーの場合、約33%未満のパーセンテージは1番目のフレームに対応し、約33%〜約66%の間は2番目のフレームに対応します。
これは、フレーム数が異なるレイヤーでランダムやロールモードを予測通りに動作させたい場合に役立つ知識です。