モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。JavaScriptノード(シーン、レイヤー、スプライト等)にアクションを設定します。動きや変化(アニメーション)を設定するものです。Cocosには、いろいろな種類のアクションが用意されています。それらを組み合わせて使うことも出来ます。アクションを設定するクラスとその使用例を紹介しています。0)』の不具合?あとがきアクション様々なアクションを設定するクラスを紹介します。(全部は紹介出来ていません。)『〜By』は変化量、『〜To』は絶対値まず補足ですが、名前が『〜By』のクラスは引数に現在値からの変化量を設定します。『〜To』のクラスは引数に絶対値を設定します。y+dY)の位置』に、設定した時間[秒]で移動します。Y)の位置』に、設定した時間[秒]で移動します。拡大縮小アンカーポイントを中心に拡大縮小します。倍率)』ノードを『現在のサイズ』から、『現在の幅と高さに"設定した倍率"を掛けたサイズ』に、設定した時間[秒]で変化させます。』ノードを『現在のサイズ』から、『現在の幅と高さに"それぞれ設定した倍率"を掛けたサイズ』に、設定した時間[秒]で変化させます。倍率)』ノードを『現在のサイズ』から、『元の幅と高さに"設定した倍率"を掛けたサイズ』に、設定した時間[秒]で変化させます。』ノードを『現在のサイズ』から、『元の幅と高さに"それぞれ設定した倍率"をかけたサイズ』に、設定した時間[秒]で変化させます。回転アンカーポイントを中心に回転します。回転角度dA)』ノードを『現在の角度a』から、『(a+dA)度』まで、設定した時間[秒]で回転させます。Z軸(画面に垂直な軸)周りの回転です。y軸回りb+dB度)』まで、設定した時間[秒]で回転させます。回転角度dA)』の動作になってしまいました。第3引数が0以外だと正しく動作するようです。MacOSシミュレータだと0でも正しく動作しました。角度A)』ノードを『現在の角度a』から、『A度』まで、設定した時間[秒]で回転させます。近回り(回転する角度が小さくなる方向に回転)します。Z軸(画面に垂直な軸)周りの回転です。y軸回りB度)』まで、設定した時間[秒]で回転させます。近回り(回転する角度が小さくなる方向)します。角度A)』の動作になってしまいました。第3引数が0以外だと正しく動作するようです。MacOSシミュレータだと0でも正しく動作しました。傾斜アンカーポイントを中心に傾斜します。角度(b+dB))』まで、設定した時間[秒]で傾斜させます。角度Aは+値でY軸を時計回り、角度Bは+値でX軸を反時計回りです。Z軸(画面に垂直な軸)周りの傾斜です。角度B)』まで、設定した時間[秒]で傾斜させます。近回り(回転する角度が小さくなる方向に回転)します。y+dY)の位置』に、ジャンプしながら、設定した時間[秒]で移動します。Y)の位置』に、ジャンプしながら、設定した時間[秒]で移動します。y3+x)で構成されたベジェ曲線』に沿って、設定した時間[秒]で移動します。y3)で構成されたベジェ曲線』に沿って、設定した時間[秒]で移動します。b+dB)』に、設定した時間[秒]で変化します。各色の値の範囲は0〜255で、255を超えると0にリセット(-255)されます。B)』に、設定した時間[秒]で変化します。『cc.fadeIn(時間)』ノードを『現在の不透明度』から、『不透明度255』まで、設定した時間[秒]で変化します。不透明度の値の範囲は0〜255です。『cc.fadeOut(時間)』ノードを『現在の不透明度』から、『不透明度0』まで、設定した時間[秒]で変化します。不透明度の値の範囲は0〜255です。不透明度)』ノードを『現在の不透明度』から、『設定した不透明度』まで、設定した時間[秒]で変化します。不透明度の値の範囲は0〜255です。点滅の回数)』ノードを設定した時間[秒]内に、設定した回数点滅させます。点滅は、『不透明度0』と『開始時の不透明度』の繰り返しです。設定した時間[秒]、待機します。『cc.removeSelf()』ノードを削除し、メモリから開放します。イージング上記の各アクションは、一定速度での移動・変化ですが、加速度的に変化するように設定します。加速しながら移動・変化します。減速しながら移動・変化します。最初は加速しながら移動・変化し、最後は減速しながら移動・変化します。以降は省略しますが下記の『〜In』で終わるものは、『〜Out』『OutIn』も有ります。『アクション.easing(cc.easeSineIn())』サイン曲線的に加速しながら移動・変化します。指数関数曲線的に加速しながら移動・変化します。始点を中心に振動し、振幅を大きくしながら、移動・変化します。引数を1/4とした場合、4回振動します。始点から進行方向に弾み、弾み幅を大きくしながら、移動・変化します。引数を1/4とした場合、4回振動します。一度進行方向と逆に振ってから、移動・変化します。設定したアクションを連続で実行します。設定したアクションを同時に実行します。設定したアクションを、設定回数繰り返し実行します。設定したアクションを、永久に繰り返し実行します。『ノード.runAction(アクション)』ノードに対して、設定したアクションを実行します。『ノード.stopAction(アクション)』ノードの指定したアクションを停止します。使用例ボタンにアクションを設定しています。『cc."m"oveBy()』と『cc."M"oveBy()』のように名前が小文字で始まるものと大文字で始まるものがあります。IDE』のコード補完では両方表示されます。これらは、下記のような違いが有りますのでご注意を。角度A)』の動作になってしまう。第3引数が0以外だと正しく動作する模様。MacOSシミュレータだと0でも正しく動作。『cc.rotateTo』も同様。あとがきアクションの組み合わせで、いろいろな動きができますね。2を使ってListViewを作成しました。下記の記事の続きです。v3.7...下記の記事の続きです。(8)参加グループプログラミングリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!mmorleyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。