Three.js - TSL Terrain from a Single Plane #3 Deforming

🎬 Three.js - TSL Terrain from a Single Plane #3 Deforming 今回は、**PositionNode を使って PlaneGeometry を動的に変形（Deform）**していきます。 ノイズ関数を使って高さを操作し、平面を地形のように波打たせる処理を実装します。 TSL によるノード構築の基本が理解できる重要な回です。 ▼今回の内容 PositionNode の仕組みと使い方 ノイズ関数による高さ変形 周波数・振幅パラメータの調整 地形生成の基礎となる Deform 処理 📘 ソースコード 🔗 https://github.com/shuya-tamaru/terra... 🌄 実際のデモ 🔗 https://www.styublog.com/shader/terrain 📖 参考資料 https://threejs.org/examples/?q=tsl#w... https://developer.nvidia.com/gpugems/... https://polyhaven.com/ 📺 シリーズ一覧 ◀️ 前の動画（Part 2 Background） 👉    • Three.js - TSL Terrain from a Single Plane...   ▶️ 次の動画（Part 4 Height-base Coloring） 👉    • Three.js - TSL Terrain from a Single Plane...   ※シリーズ全体は再生リストからまとめて視聴できます。 👉    • Three.js - TSL Terrain   ========================== 🌐 Web site https://www.styublog.com 🐦 X (Twitter)   / tama20013   📸 Instagram   / tamarushuya   📌 Pinterest https://pin.it/4tue2fI ========================== 💡 Grasshopper / Rhino / Three.js などのチュートリアルを随時更新しています。 チャンネル登録＆高評価で応援していただけると嬉しいです！