Three.js - TSL Fluid Simulation #9 Params Control【日本語】

🎬 Three.js - TSL Fluid Simulation #9 Params Control【日本語解説】 今回は、シミュレーションの各種パラメータを GUI 上から操作できるようにします。 境界Boxのサイズ、粒子のカウントを変化させていき、 流体の挙動がどのように変化するかを確認していきます。 手動で数値をいじりながらチューニングできるようにすることで、 今後の最終仕上げやデバッグを行いやすくします。 ▼今回の内容 - dat.GUI / lil-gui の導入 - パラメータの連動 - Compute Shader 側との値同期 --- 📘 ソースコード 🔗 https://github.com/shuya-tamaru/tsl-fluid-simulation 🌊 実際のデモ 🔗 https://www.styublog.com/shader/sph-tsl 📖 参考資料 - https://qiita.com/marv_kurushimay/items/3e206a190c0646234a96 - https://soysoftware.sakura.ne.jp/archives/1559 --- 📺 シリーズ一覧 ▶️ **次の動画（Part 10 Particle Color）** 👉 https://youtu.be/Nhv3kFvDAQk ◀️ **前の動画（Part 8 Viscosity）** 👉 https://youtu.be/GihFZimLPVI ※シリーズ全体は再生リストからまとめて視聴できます。 👉 https://www.youtube.com/playlist?list=PLU4q25K0aBQ6DGJBUdoPdqWlzqCF_HR_E --- ========================== 🌐 Web site : https://www.styublog.com 🐦 X : https://twitter.com/tama20013 📸 Instagram : https://www.instagram.com/tamarushuya/ 📌 Pinterest : https://pin.it/4tue2fI ========================== 💡 Grasshopper / Rhino / Three.js などのチュートリアルは随時更新しています。 チャンネル登録＆高評価で応援していただけると嬉しいです！