モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。Macこちらの記事の続きです。Creator』で体のパーツを組み立てました。各パーツの関節の位置にアンカーポイントを置き、動きや表示順序を考えてパーツ(ノード)の親子関係を作りました。私が使用している環境です。『character』ノードにアニメーションを追加まずは、『character』ノードに、『Animation』コンポーネントを追加します。Studio2』では、タイムラインは1つで、走るアニメーションは0〜60フレーム、ジャンプするアニメーションは60〜90フレームというようにフレームの範囲でアニメーションを分けていました。Creator』は『AnimationClip』ごとに管理するようです。最初に歩くアニメーションを作ります。『Assets』パネルで、『walk』というアニメーションを作って、『Animation』コンポーネントに追加します。ノードごとに、アニメーションで動かす属性値を設定します。属性値を設定するノードは下図のとおりです。赤枠のノードに『position』、青枠のノードに『rotation』、それ以外は無しです。設定するノードは『〜_layer』と『〜_hand』と『〜_toe』です。歩く、走る等アニメーションを作る度に、属性値を設定するのは大変なので、属性値を設定し終わったら『AnimationClip』ファイルを複製しておきます。Finder』クリックすると、『Finder』でフォルダを開くので『Finder』上でファイルを複製します。キーフレームを打つ『Timeline』パネルで赤線を『0:00』に合わせ、ノードを選択した後、『Scene』パネルで動かしたり『Properties』パネルで値を変更すると、キーフレームが打たれます。下記のボタンに切り替えると、『Scene』パネルで、ノードを回転できます。Creator』の画面の左上にあります。下図のように5箇所にキーフレームを打ちました。『0:00』と『1:00』のポーズは全く同じです。1〜5を繰り返すことで歩き続けます。参考Youtubeに動きの参考になる動画がいくつかありました。YouTubeデモ作成したデモを貼っておきます。http://githubmorley.github.io/cocosprojects-pages/hellococos14/これだとわかりにくいですが、途中で若干、足が地面にめり込んでいます。目立つようだと細かくキーフレームを打って調整しないといけないですね。あとがきなんとか歩くようになりました。手足を前後に動かすだけだと違和感がありますが、体の上下の動きを入れるとそれっぽくなった気がします。その4(完):Inkscapeこちらの記事の続きです。Creatorこちらの記事の続きです。Creatorこちらの記事の続きです。(8)参加グループプログラミングリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!mmorleyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。