| Posted by | ![]() |
桑原 隆一 Ryuichi Kuwahara |
こんにちは、桑原です。
今回は位置に合わせて回転させる
エクスプレッションを紹介します。
位置に合わせてって言葉だけだと
分かりづらいので車のタイヤを
イメージしてもらうとわかりやすいです。
ということで、車を用意しました。


動いているのがわかるように車線と雲も入れてます。
「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);
以上、桑原でした。
|
Posted by Ryuichi Kuwahara
熊本 所長/チーフクリエイター/カメラマン 桑原 隆一
|
ブログ 2022-01-24 09:38:00
こんにちは、桑原です。 年が明けて少し経ってしまいましたが 桑原の今年の目標を漢字一文字にしてみました! 鳥栖に転 ...
ブログ 2025-11-29 22:12:00
「旅館とか国内旅行したくない?」 と友達の一言で毎度旅行といえば海外だった私ですが国内旅をすることになり、 鹿児島の霧島にある「こしかの ...
ブログ 2022-09-29 13:06:00
皆さんこんにちは!井手口です! 映像制作やマッピング制作の時にアニメーションの動きやフォントの色使いに悩むことってありませ ...
ブログ 2025-09-26 18:38:00
先日今話題の「8番出口」観に行ってきました! 日本で上映される前からカンヌ国際映画祭や釜山国際映画祭に招待 ...
ブログ 2020-08-31 21:19:00
みなさん、今年の夏は楽しめましたか? イベントがなくなり、お出かけの機会も減ってしまいましたね&helli ...
ブログ 2026-01-31 23:55:00
どうも皆さんこんにちは! 志水です! 実はここだけの話、ダウンタウンプラスに入って4~5ヶ月が経ちました ...
ブログ 2021-03-25 21:47:00
こんにちは!たけばです^^ オンライン上で会議や、面接 ライブ鑑賞、飲み会など、、、 ...
ブログ 2022-01-31 00:37:00
こんにちは!井手口です★ 今回は日常で役に立つプチ知識を 皆さんにお話ししたいと思います!   ...
ブログ 2024-01-31 23:21:00
こんばんは!永原です! もう1月が終わりますねー。この間年越したばっかりなのに、、、。はやっっ!!! ブライダル業界はこの時期は閑散期で ...
ブログ 2019-02-25 16:17:00
こんにちは、パラ男です!先日2月25日、2019年度4月入社予定の内定者、堀裕成くんと久保遼馬くんが研修のため本社へ来社してくれました。せっ ...