おいもログ

解説: Jelly

shr | 2022年5月11日

シミュレーションは WebGL 2.0 の機能をふんだんに利用した GPGPU で行われています。機種依存のバグが多すぎてスマホの対応が大変でした（まだ対応できていないスマホもあります）。

shr | 2022年5月3日

やってしまいました。

ここに vec2 の変数があります。

vec2 v;

各要素の精度を 16 ビットまで落として、一つの 32 ビット整数に pack します。

uint a = packHalf2x16(v);

そのままでは出力できなかったので、同じく 32 ビットの浮動小数点数である float に変換して書き出します。

float output = uintBitsToFloat(a);

次読んだときにはデータは消えていました。

shr | 2022年4月19日

欲しかったので作ってしまいました。HGSL 開発リポジトリはこちら。Haxe の環境を VSCode に導入すれば誰でも使えます。

以下開発経緯や言語の特長、技術的解説、苦労した話などが続きます。

shr | 2022年3月27日

WebGL 2.0 で使える GLSL ES 3.0 における各種データ型やコンストラクタの挙動を自分用にまとめます^[1]。

shr | 2022年2月11日

特殊な物理シミュレーションを利用したデジタル時計 Clock を公開しました。

以下、一見不可解な動きがどのようにして実現されているかの解説となります。

まだ作品を見ていない人は、先に動きを観察して仕組みを考えてみるとより楽しめると思います。

shr | 2022年1月25日

先日とある方からの報告により発覚したのでメモ。
WebGL で浮動小数点数テクスチャ (float, half-float) を使うときに注意しておかないと、特定のデバイスで「本当はサポートされているのに浮動小数点数テクスチャが使えない」状況に陥ります。

shr | 2022年1月23日

長々と開発中だった SandVox Simulator を公開しました。Falling-sand game と呼ばれているゲームの一種で、それの3D版です。スマホとPCどちらからでも遊べます。ある程度のスペックがあれば……。

以下では開発に至った経緯や小話、技術関連の話と近況について書いておきます。

shr | 2021年9月11日

リアルタイムレンダリング用に、画像のように水・煙・炎などを簡易的に表現可能なボリュームレンダリングのモデルを作りました。

モデルの導出過程と結果、計算例を書いておきます。

shr | 2021年9月3日

グリッド上に並んだボクセルに対してレイトレを行う必要が出てきたので、今後同じようなことをする際に混乱しないためのメモです。

shr | 2021年8月17日

数日前から作っていた冷気のシミュレーションが完成しました。冷たいボールのような何かから舞い降りる冷気を観察できます。流体計算は Stable Fluids をベースに、移流計算に MacCormack 法を用いて Vorticity Confinement を加えたものになっています。

シミュレーションは WebGL を用いて全て GPU 上で行われます。あまり古くないPCやスマホならそれなりに快適に動作してくれるはずです。

この記事ではシミュレーション中で使われている手法の Vorticity Confinement について解説します。