ウォークサイクル · 8方向を1枚に

ウォークサイクル生成:8方向を1枚のシートに

キャラクター名をひとつ。ループする歩きが8方向・各8フレームで1枚の透過シートに。歩かせて確かめられるページも付きます。

原神の雷電将軍、歩きの1フレームを拡大、コートが揺れているホリミヤの堀京子、制服で歩く1フレームを拡大鬼滅の刃の竈門炭治郎、羽織と刀で歩く1フレームを拡大同じ方向の最初と最後のフレームを並べ、ループの継ぎ目を確認する
✦ウォークサイクル
歩きをつくる:雷電将軍 — ウォークサイクル

Eight-Direction Walk スキルで生成

雷電将軍がその場で歩く、8フレームのループ、8 fps
ループそのもの — 東向きの歩き8フレームを8 fpsで——コートではなく軸足を見てください。
雷電将軍の8方向ウォーク用スプライトシート、8行×8フレームの透過画像
原神 — パックの順で8行——N、NE、E、SE、S、SW、W、NW。5行を生成し、3行は反転。
雷電将軍の東向き歩きの行、8フレームに番号、足は1本の線の上
原神 — 東の行に番号を振る:接地、沈み、通過、上がり、そして逆の脚で同じ4つ。
雷電将軍の8方向ウォーク再生ページ、石の地面に立つ
原神 — 再生ページ:矢印キーで歩き、右下のダイヤルでどの方向も再生できる。
ホリミヤの堀京子の8方向ウォーク用スプライトシート、8行
ホリミヤ — どの行も同じ制服:向きが変わっても服は変わらない。
堀京子の南向き歩きの行、8フレームに番号
ホリミヤ — 南の行:前足が毎回同じ線に着地するから、歩きが跳ねない。
堀京子の8方向ウォーク再生ページ、石畳の上を歩く
ホリミヤ — 公開されたページ:キーを押さない間は、キャラクターが円を描いて歩く。
鬼滅の刃の竈門炭治郎の8方向ウォーク用スプライトシート、8行
鬼滅の刃 — シルエットが重い:羽織と刀は生成した5行だけ描き直し、残り3行は反転。
竈門炭治郎の東向き歩きの行、8フレームに番号、同じ足線
鬼滅の刃 — 8フレームが1本の接地線を共有し、刀はどのフレームでも同じ腰。
竈門炭治郎の8方向ウォーク再生ページ、草地を歩く
鬼滅の刃 — どの行も同じ接地線にそろえてあるので、向きを変えても跳ねない。

見るだけじゃなく、持ち出せる歩き

ウォークサイクルのページの多くは、誰かが描いたループを見せるだけ。ここはキャラクターから始めます:5方向を生成し、3方向は反転、すべての行が同じ接地線の上、そしてGodotを開く前に歩きを確かめられるページ付き。

  • 5方向から8方向へ 生成するのは5方向、残り3方向は反転。左を向いても体が別の誰かにならないので、1回の生成で全部そろいます。
  • 1本の接地線 どの行も同じ足線に合わせてあるので、北へ歩いても東へ歩いても画面上の高さが変わりません。
  • エンジンが読めるパック 透過8行シート、方向ごとのフレームとGIF、セルサイズとアニメーションを書いたJSON、Godot・Unity・Phaserのメモ入りzip。

よくある質問

横視点の歩きですか、見下ろしですか?

8方向です:N、NE、E、SE、S、SW、W、NW。横スクロールの平台ゲームに要る古典的な横視点は、東と西の行がまさにそれで、それぞれ片向きです。残り6方向は見下ろし型とアイソメトリック用です。

自分で描いたりアップロードしたりは必要?

いいえ。世界のキャラクター名を言うか、体型・髪・服・色を1文で説明してください。世界にいるキャラクターは、その子のカバー画像を参照にするので、顔も服もその子のままです。

1方向あたり何フレーム?

各方向8フレーム、8 fpsで、1ループ約1秒。フレームは分けて保存されるので、エンジン側で歩みを遅くしても再生成はいりません。

具体的に何が届きますか?

決まった順の8行が入った spritesheet-8dir.png、frames/<方向>/01〜08.png、gifs/<方向>.gif、セルサイズとアニメーションのJSON、それらをまとめた assets.zip。実行の最後に、キャラクターが歩くページも公開されます。

歩きではなく走りにできますか?

できます。「走り」と伝えれば、同じ8方向が走りのリズムで返ります。4方向だけ頼んでも8方向を渡し、N・E・S・Wがどの行かを明記します。

自分のキャラクターに似ますか?

世界のビジュアルスタイルと、キャラクター自身のカバー画像を同一性の参照に使います。ピクセルアートのキャラはピクセル経路になり、セルは整数ピクセルに合わせ、拡大しても輪郭は硬いままです。

動物や人型でない生き物は?

犬、馬、地面を歩く竜なら四足の歩きになります。飛ぶだけ・泳ぐだけのキャラは対象外で、脚を描かずにそう伝え、横向きのクリーチャーアニメを勧めます。

あとから1方向だけ直せますか?

同じキャラクターと同じ方向でもう一度実行してください。同じ参照からパックを作り直し、古いページは置き換えるまで残るので、2枚のシートを見比べられます。

ひとりのキャラクターに、ループする歩きを。

8方向、各8フレーム、透過シート1枚、そして歩かせられるページ。雷電将軍から始めても、自分のキャラクターでも。

×