パラメータを周期的に動作させる方法 (SDK for Cocos Creator)

最終更新： 2023年3月14日

ここでは、呼吸や振り子のように、パラメータの値を周期的に動かす設定方法を説明します。

概要

任意のパラメータを周期的に動かしたい場合は、 CubismHarmonicMotionController .ts と CubismHarmonicMotionParameter .ts を使うことで実現できます。

実装には以下の 2 つを行います

1. パラメータを制御するための設定を行う
2. 動かすパラメータを指定する

パラメータを制御するための設定を行う

最初にモーションを制御するためのスクリプトをモデルの一番親にアタッチします。
名前は CubismHarmonicMotionController .ts です。

CubismHarmonicMotionController.ts には設定項目が 2 つあります。

• Blend Mode：指定のパラメータに現在設定されている値に対して、どう計算するのかを指定します。
  • Override：現在設定されている値を数値を上書きします。
  • Additive：現在設定されている値に数値を加算します。
  • Mutiply：現在設定されている値に数値を乗算します。
• Channel Timescales：任意で複数タイムスケールを作り、タイムスケールのサイズを変更することができます。

今回は、Blend Mode の設定を以下のようにします。

• Blend Mode：Override

動かすパラメータを指定する

その後、動かしたいパラメータを選択し CubismHarmonicMotionParameter .ts をアタッチします。
ここでは角度 X にアタッチします。
角度 X は[root]/Parameters/ParamAngleX になります。

CubismHarmonicMotionParameter.ts には設定項目が 5 つあります。

• Channel：CubismHarmonicMotionController.ts で設定した Channel Timescale を指定します。
• Direction：パラメータの中心を基準に動く幅を指定します。
  • Left：パラメータの中心から左半分だけ動きます。
  • Right：パラメータの中心から右半分だけ動きます。
  • Centric：パラメータの中心から全体が動きます。
• Normalized Origin：中心にするパラメータの位置を設定します。
• Normalized Range：Normalized Origin で決めた中心を基準に、中心点から動かす最大距離を設定します。
• Duration：パラメータ周期を調整します。

今回は、設定を以下のようにします。

• Channel：0
• Direction：Centric
• Normalized Origin：0.5
• Normalized Range：0.5
• Duration：3

上記設定を行うと、以下の動画のようにパラメータを周期的に動かすことができます。