![見出し画像](https://assets.st-note.com/production/uploads/images/110996468/rectangle_large_type_2_1b95cf1de045d8f21f24ed7182c38b9f.jpeg?width=1200)
カーブを使ったアニメーション
ざっくりと
このチュートリアルでは、ジオメトリノードエディターを使ってカーブオブジェクトがパスに沿って動くアニメーションを作成します。
教材
Quick Tutorial - After Effects Trim Path but with #GeometryNodes #b3d #blender3d pic.twitter.com/B87XLGCxlI
— Sanctus (@Sanctus_Art) July 10, 2023
— Sanctus (@Sanctus_Art) July 10, 2023
手順
・追加のカーブからベジェオブジェクトを追加します。
![](https://assets.st-note.com/img/1689555845044-7UUSNoFhfD.png?width=1200)
・ジオメトリノードエディターに移り、新規作成します。
・シーンタイムノードと数式ノードを追加します。
・数式ノードの【加算】を【乗算】にして、シーンタイムノードの秒と値をつなぎます。
![](https://assets.st-note.com/img/1689558878590-qeHDnQsTUn.png?width=1200)
・数式ノードを2つと値ノードを追加します。
・数式ノードをそれぞれ【剰余】と【加算】に設定します。
・数式ノードの剰余の値を【1】にします。
・説明ではここで値ノードの名前をF2キーで【length】に変更しています。
・値ノードの数値を【0.2】にします。
![](https://assets.st-note.com/img/1689558960989-ykk0GUljLd.png?width=1200)
・数式ノードとカーブトリムノードを2つ、ジオメトリ統合ノードを追加します。
・数式ノードの【加算】を【減算】にし、値を【1】にします。
![](https://assets.st-note.com/img/1689559188802-xSaJiuuPMJ.png?width=1200)
・カーブのメッシュ化ノードとマテリアル設定ノード、カーブ円ノードを追加します。
・マテリアル設定ノードにマテリアルを適用します。
・カーブ円ノードの【ポイント】を【半径】にし、解像度を【6】、半径を【0.02】にします。ここの値は作成するものに合わせてラインの太さと解像度を調整してください。
![](https://assets.st-note.com/img/1689560213946-1mLa1DHqDZ.png?width=1200)
・ノードの配置は以上です。
![](https://assets.st-note.com/img/1689560380107-naB5tQObdp.png?width=1200)
![](https://assets.st-note.com/img/1689560809614-EuoIT8Do9Q.png?width=1200)
この記事が気に入ったらサポートをしてみませんか?