[Cocos Creator]横スクロールしてみる2 -キャラクターを動かす-

前回に引き続き横スクロールにチャレンジする。

なお、キャラクターを描く能力はないので、う○こをモチーフの可愛い’うんにょ君’が登場しますので、
この時点で不愉快、不快感を覚える方はお引き取りください。

昨今、ドリルにもなるくらいだから何も問題ないと思って進めます。

まずAssetsよりプレイヤーのPNG画像をヒエラルキーにドラッグ&ドロップします。
(前回より共通ですが、Canvas配下に置いてください)
そうすると画面にプレイヤーが出現します。

次にアニメーションを作成していきます。

Assets→Create→AnimationClipでクリックします。
そのあとヒエラルキーのプレイヤーを選択してプロパティを表示させ
AddComponent→AddOtherComponent→AnimationClipとクリックします。
DefaultClipというところに先ほど作成したAnimationClipを持っていきます(ドラッグ&ドロップ)。

メイン画面の下のコンソールのような場所がTimelineに変更されます。

1.Editボタンを押します
2.add propertyよりcc.Sprite.spriteFrameを選択します。
3.Assetsより画像を右のトラックみたいなところに持っていきます。いい感じにフレームの感覚でやってみます。
4.右下からLoopを選択すると繰り返し動くので確認できます。終了したらEditボタンで終了します。

上部にある再生ボタンを押すと背景が流れ、その中を颯爽と走るうんにょ君が表示されたら成功です。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする