Three.js - TSL Terrain from a Single Plane #3 Deforming
Автор: STUDIO TAMA
Загружено: 2025-10-18
Просмотров: 30
🎬 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 などのチュートリアルを随時更新しています。
チャンネル登録＆高評価で応援していただけると嬉しいです！
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
