Back to Browse

Three.js - TSL Fluid Simulation #6 Density【日本語】

56 views
Oct 11, 2025
11:53

🎬 Three.js - TSL Fluid Simulation #6 Density【日本語解説】 今回は、Compute Shader を使って Particle の密度(Density)を計算していきます。 流体シミュレーションにおいて密度は、圧力や力の計算の基礎となる重要な要素です。 まずは GPU 上で近傍の粒子を走査し、各粒子の密度を求める処理を実装します。 ▼今回の内容 - SPH法における密度計算の基本 - Particle ごとの密度計算と可視化 - 今後の Pressure 計算への布石 --- 📘 ソースコード 🔗 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 7 Pressure Force)** 👉 https://youtu.be/T00qdlSmwqM ◀️ **前の動画(Part 5 Compute - Gravity Test)** 👉 https://youtu.be/bBDRSFSq9jU ※シリーズ全体は再生リストからまとめて視聴できます。 👉 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 などのチュートリアルは随時更新しています。 チャンネル登録&高評価で応援していただけると嬉しいです!

Download

1 formats

Video Formats

360pmp417.0 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Three.js - TSL Fluid Simulation #6 Density【日本語】 | NatokHD