総括！今までの復習をしながらアニメーション制作！[中編]【アニメ・モーションのつくりかた！】〜スプライトスタジオ編〜　part17

2017.10.31

Notes

スプライトスタジオ

どうも！（・∀・）やじキチです。

イチから学ぶ！【アニメ・モーションのつくりかた！】〜スプライトスタジオ編〜の連載ブログです！

前回のpart16では、冬眠のようなアニメーション「egg」の大まかな動きを途中まで制作いたしました。

今回も引き続き、「egg」アニメーションの制作を進めていきます！

イチから学ぶ！【アニメ・モーションのつくりかた！】〜スプライトスタジオ編〜のPart17です！
- まとめ
  - - やじキチ
    - 最新記事 by やじキチ (全て見る)

イチから学ぶ！【アニメ・モーションのつくりかた！】〜スプライトスタジオ編〜のPart17です！

スプライトスタジオ http://www.webtech.co.jp/spritestudio/

夢を描いて、動かそう。
インディーゲーム開発に無料で使える
アニメーション作成ツール

セクション1：動きは素早く！卵型に変化するアニメーション設定

まずはバウンドの時に、手足がまったく動いていないので「leg_R」「leg_L」「hand_R」「hand_L」の設定からしていきます。

104フレーム目の「leg_R」「leg_L」「hand_R」「hand_L」の「Z軸回転」をした方向に70傾くように調整します。

次に130フレーム目で、「leg_R」「leg_L」「hand_R」「hand_L」を全てひっこめて、卵型になるように調整します。

1）130フレーム目で「mouth_▽」をダブルクリックして、非表示に設定します。

2）130フレーム目で「mouth_-」をダブルクリックして、表示に設定します。

これで、跳ねた後に卵型に変化するアニメーションができました。

思考停止した感じを出したかったです^^

手足が引っ込むタイミングがゆっくりだったので、微調整をします。

130フレーム目の「leg_R」「leg_L」「hand_R」「hand_L」「mouth_▽」「mouth_-」パーツを、106フレーム目に移動します。

これで、跳ねた直後に手足を引っ込める動きが完了しました！

この手足を引っ込める動きは、実際にはあり得ない二次元的な表現になります。

なので、間隔をとってゆっくり見せるよりは、変化を早くしてあまり見せないように設定したほうが良いかと思います！

セクション2：バウンドの「X,Y座標」を調整して位置合わせ！

現在、立っているときとバウンドするときで、仮想している地面の位置が若干異なっております。

なので「Y座標」を調整して、位置合わせを行います。

とはいっても、仮想している地面なので接地面が見えません…＞＜

そんなときに役立つのが「グリッド表示」です。

「グリッド表示」は「レイアウト」ウィンドウの上部少し左にございます。

ここをクリックすると、レイアウトウィンドウにグリッド線が引かれ、ある程度ですが仮想地面がわかりやすくなります。

これを元に、「Y座標」を調整して、位置合わせをしていきましょう！

（最初のセットアップのときに、中央の緑の線に合わせてパーツ配置をすると、もっとわかりやすくなります！）