🎬 Three.js - TSL Fluid Simulation #5 Compute (Gravity Test)【日本語解説】
今回は、 Compute Shader を使って
Particle に重力（Gravity）を加える処理を書いていきます。
まだ圧力や粘性などの力は実装せず、
GPUで計算を動かせるようにするための最初のテストです。
▼今回の内容
- Compute Shader の基本構成
- GPU側での位置・速度の更新処理
- Gravity（重力）の実装と動作確認
- シミュレーション結果の可視化
---
📘 ソースコード
🔗 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 6）**
👉 [次のリンクをここに差し込む]
◀️ **前の動画（Part 4 Particle）**
👉 https://youtu.be/sEIk37mcQD8
※シリーズ全体は再生リストからまとめて視聴できます。
👉 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 などのチュートリアルは随時更新しています。
チャンネル登録＆高評価で応援していただけると嬉しいです！
tags:
- threejs
- tsl
- webgpu
- fluid simulation
- sph
- compute shader
- gravity
- gpu simulation
- particle
- javascript
- typescript
- threejs japan
- threejs 日本語
