ボリュームレンダリングのための簡易モデルを作った話
リアルタイムレンダリング用に、画像のように水・煙・炎などを簡易的に表現可能なボリュームレンダリングのモデルを作りました。
モデルの導出過程と結果、計算例を書いておきます。
ボクセルに対しレイトレーシングを行う
グリッド上に並んだボクセルに対してレイトレを行う必要が出てきたので、今後同じようなことをする際に混乱しないためのメモです。
Vorticity Confinement で渦度を強調する
数日前から作っていた冷気のシミュレーションが完成しました。冷たいボールのような何かから舞い降りる冷気を観察できます。流体計算は Stable Fluids をベースに、移流計算に MacCormack 法を用いて Vorticity Confinement を加えたものになっています。
シミュレーションは WebGL を用いて全て GPU 上で行われます。あまり古くないPCやスマホならそれなりに快適に動作してくれるはずです。
Play: Chill
この記事ではシミュレーション中で使われている手法の Vorticity Confinement について解説します。
MacCormack 法で Stable Fluids の数値拡散を抑制する
良い方法を知ったので備忘録的なまとめです。
MacCormack 法についてきちんと知りたい方はこちらの論文[1]等を読んでください。
ここでは Stable Fluids をある程度知っている人向けに概念的な説明と実装方法を書きます。
git でリポジトリを整理して容量削減するときに嵌った話
タイトル通りです。丸一日消滅したので同じことが起きないように書き残しておきます。
要約: filter-branch を使うのはやめよう。filter-repo を使おう。
Sea of Papers: 解説
Sea of Papers の技術解説です。大量の紙切れが宙を漂いながら浮かんでいく様子を眺めます。以前の布とは違い、物理演算を GPGPU で行いました。スマホでも動きます。
Spatial Hashing による高速な衝突検出
requestAnimationFrame を使いつつ FPS を調整する
JavaScript で描画ループに requestAnimationFrame を使いつつフレームレートを調節する方法についてです。
旧ゲーム置き場
昔作ったゲームの一部を改修して再び遊べるようにしたものを置いていきます。
サイトを一新しました
oimo.io
10年ぶりにサイトを新調しました。
ほぼ全面 WebGL で、気合の入った作りになっています。適当に見て回るだけでもそれなりに楽しめるかと思います。