Alien(エイリアン)

このエイリアンのプロジェクトでは、古典的なフレーム・バイ・フレーム(コマ撮り)アニメーションの手法をSpineが提供する最先端のアニメーションツールと組み合わせる方法をご紹介します。このプロジェクトでは、ほんの数枚のフレーム・バイ・フレームの画像が手描きで用意されており、それらをSpineのメッシュ変形とスムーズな補間でアニメーションを補っています。deathアニメーションではこれらのテクニックを、破裂する頭、飛び出す目、緑色の粘液の飛散など複数箇所で使用しています。また、顎を離すためにトランスフォーム・コンストレイントが使用されています。

エイリアンはこちらのSuper Spineboyのデモゲームのアクションで見ることができます。デモの中では、バラエティを持たせるために多少異なる色で表現されています。また4種類の強度を持つエイリアンに4種類のサイズが使用されています。一番大きいエイリアンが死ぬと、破裂して小さなエイリアンが飛び出します。

頭の破裂

セットアップ

頭はheadとburst-bgという2つのスロットを含むheadと呼ばれる単一のボーンによりモデルされています。

headスロットは4つのアタッチメント、head、burst01、burst02、burst03-fgを含んでいます。これらのアタッチメントは異なるイメージを指すメッシュアタッチメントです。headアタッチメントは全てのアニメーションで使用されており、デフォルトの「破裂前の」状態のエイリアンの頭になっています。burst01、burst02、burst03-fgアタッチメントは頭の破裂用の3つのフレームです。これらはheadアタッチメントとともに古典的なフレーム・バイ・フレームアニメーションのキーフレームを構成しています。

burst-bgスロット内のburst03-bgアタッチメントは、少し大きい緑色の飛散する粘液をアニメーションに追加します。

また、目、顎、緑色の飛散する粘液はheadボーン階層の一部になっていないことにご注意ください。これらはアニメーションプロセスを容易にするために別で保管されています。これはそれぞれのスロットの表示順序にも反映されています。

アニメーション

頭が破裂する部分のdeathアニメーションを構成するタイムラインは、上記のANIMATE(アニメ化)モードのドープシートに表示されています。headスロット(Attach(アタッチ): head)のタイムラインには、headスロット内の全てのアタッチメントの切り替えのキーがあります。アニメーションはスロット内にあるheadアタッチメントから開始し、その後burst01、burst02、burst03-fgアタッチメントに切り替わっています。これらのキーは古典的なフレーム・バイ・フレームアニメーションに似ています。フレーム39には、burst03-bgアタッチメントがキーされ、頭の破裂の後ろに緑の粘液が追加されて表示されています。

このフレーム・バイ・フレームアニメーションは、変形(Deform)のタイムラインにみられる通り、メッシュアタッチメントに変形を加えることでさらに面白いものにしています。

顎と目

セットアップ

顎のボーン(metaljaw)と目(eye-root)はheadボーンを親とせず、スケルトンのrootボーンを親としています。これにより独立した動きが可能になり、deathアニメーションで顎と目を頭から分離しやすくなります。

顎と目のボーンはトランスフォーム・コンストレイントを使用して頭のボーンをフォローするようになっています。トランスフォーム・コンストレイントのオフセットとミックス値はデフォルトで顎と目が頭のボーンの動きをフォローするように設定されており、通常の親子関係のように動作します。

deathアニメーションで顎と目が頭のボーンを追従する必要がなくなる時に、これらのトランスフォーム・コンストレイントのミックス値を0に設定して、制約されたボーンが自身のトランスフォームをもとに自由に動けるようにしています。

アニメーション

deathアニメーションで顎と目を頭から分離するためには、トランスフォーム・コンストレイントのミックスをキーにして、トランスフォーム・コンストレイントからボーンのトランスフォームへの影響を減らします。ミックスはTransform(トランスフォーム): eye-root、Transform(トランスフォーム): jaw、Transform(トランスフォーム): eyeタイムラインでアニメーションされています。