three.jsで流体シミュレーション(stable fluids) | mofu

We create beautiful expressions through programming and deliver the best possible experiences.

[maketexlsr]

“私は高校数学の知識までしかない” それでここまでやれるのは凄い！ / 水面のシミュレーションではなくて無限に続く二次元流体空間のシミュレーションだよ

[TakamoriTarou]

あくまでもグラフィック的な技術として、と言う事のようだけど、しゅごい。では次は乱流モデルを（やめなさい

[take-it]

デモが素晴らしい。これの上でダンスを踊ったら幻想的なことになりそう。こういうのを作れるようになりたい。。。

[Phenomenon]

すごいー。こういうので実装しながら考えれば流体力学の単位落とさずに済んだかもなあ

[onionskin]

すごい。しかしどんな要件でこれを自力で実装する仕事が発生したんだろう。。。

[rgfx]

解説ありがたい…数式ってのは平気で一文字変数を使ってくるので嫌い（おい

[mutinomuti]

“粘性を表す定数です”(´･_･`)う、うん

[poliphilus]

うむうむ（分からない）。しかしJSでこれだけ滑らかとは、マシン性能の上がり方がえげつないな。

[kazuya030]

すごい、かっこいい

[Dolphin7473]

粘性項（ラプラシアン）も圧力勾配（ポアソン方程式）の計算も難しいよね．ところで実空間でなく波数空間でN-Sを解くスペクトル法っていうのがあって，それだと微分量の計算がめっちゃ楽になるんですよ👀

[mumei-0]

“ナビエ-ストークス方程式とは 数学者のナビエとストークスが発表した流体力学の式です。 ”

[richard_raw]

ナビエストークス方程式だいたい分かった（分かってない）。/ナビエストークス方程式をググろうとすると「かわいい」が候補に出てくる……。

[hush_in]

デモが楽しい

[stealthinu]

たぶん流体シミュレーション書くことないと思うがこのエントリの説明は数式の意味がとてもわかり易く説明されていてナビエ・ストークスの式がわかった気になってしまった。すごい。

[tettekete37564]

ありがたやありがたや。10年以上CG系から離れてるから。このぐらいの解像度で説明してもらわないと分からない

[pwatermark]

ああそうか、なんか変だと思ったらコレ二次元なのか

[napsucks]

楽しい。スゴイ。

[ducktoon]

すげー！ というかブラウザでこんなん動かせたんか

[Bi-213]

2年くらい前に自分がWebGLに興味持つきっかけの記事書いた方だった。仕事での実装とのことでなるほどこういうふうにさり気なく素敵なデザインにおとしこんでつかうのね。https://twitter.com/misaki_mofu/status/1144059671621382144

[fa11enprince]

なんかすごい！∇の意味初めて知った。なんか顔文字みたい。( u⋅∇ ) u

[dorokei]

卒研は流体シミュレーションだったから鼻血が出そうなほど懐かしい。その時はCIP法使ったけどBFECCなるものもあるのね(←不勉強)

[masa-66]

科学的な数値シミュとは移流項の解き方が一番違うのね。タイムステップでかくても安定するようにやるんだ。／3DCGでもNS方程式の形自体は特に変えずに（乱流モデルとか入れずに）やってるのが驚いた！

[kvx]

あこがれるなー

[kagehiens]

流体シミュレーションと言うよりも水面シミュレーション的な。こういう使い方はなかなか出てこないスゴイな。

[princo_matsuri]

シェーダのおかげで軽い。高さに反映したら面白いものが見れそう

[RySa]

　一ヶ月掛けて流体力学の技術要素学んでようやく最後まで読み切った。数値計算法は自分は多分割とすぐに理解出来るので読み飛ばしたけど。流体力学が大まかに体験できる良記事でした。