こんにちは、桑原です。

今回は位置に合わせて回転させる

エクスプレッションを紹介します。

位置に合わせてって言葉だけだと

分かりづらいので車のタイヤを

イメージしてもらうとわかりやすいです。

ということで、車を用意しました。

動いているのがわかるように車線と雲も入れてます。

「wheel」のレイヤーの位置にキーフレームをつけて

「car」とカメラレイヤーを親子付けしてます。

エクスプレッションをつける前だとこんな感じです。↓

タイヤはまだ回転してません。

で、エクスプレッションをつけてみます。

タイヤはシェイプアニメーションのリピーターで増やしているので

シェイプのトランスフォームの回転にエクスプレッションをつけてます。

フォトショやイラレで用意したレイヤーならそのままつけてください（笑）

こんな感じになりました！↓

位置と回転両方にキーフレームつけてイーズの速さ合わせて、、、

なんてめんどくさいことしなくてすみます！（笑）

以下、コピペ用です。

関数とか構文の意味は全然わかってないです（笑）

4行目の360もしくは-360で回転の方向が変わります。

function changeDistanceToCircleRotation(anStartPosition, anNowPosition, nRadius){

    var nDistance = length(anStartPosition, anNowPosition);

    var nCircumference = nRadius * 2 * Math.PI;

    return ((nDistance % nCircumference) / nCircumference) * 360; 

}

var anStartPosition = thisLayer.transform.position.valueAtTime(0);

var anNowPosition = thisLayer.transform.position;

var nRadius = 200;

changeDistanceToCircleRotation(anStartPosition, anNowPosition, nRadius);

以上、桑原でした。