デプスバッファ
ドラッグで回転 ・ ホイール / ピンチで拡大縮小
このデモは WebGPU を使います。Chrome / Edge の最新版、Safari 26 以降、 Firefox 141 以降(Windows)で動作します。
このデモでやっていること
- 床・壁・ブロック(不透明メッシュ)を描く。このときデプスバッファが埋まる。
- 半透明の球と煙を描くとき、フラグメントシェーダーでデプスバッファをテクスチャとして読み、 自分の奥行きとの差を求める。
- 差が小さいほど、球は白く光らせ(シールド)、煙は薄くする(ソフトパーティクル)。
どちらも画面の1ピクセルごとにデプスバッファを1回読むので、半透明が画面を広く覆うほど重くなります。