01シミュレーション
粒子流
コンピュートシェーダーが毎フレーム粒子の位置を再計算します。レンダーシェーダーがそれらを組み合わせて、柔らかく輝く極光の波を作り出します。
WebGPUを確認中…
レンダリングのインタラクティブな探求
同じ空間。
3つの異なるアプローチ。
3つのライブシーンが、異なるWebGPU技術によってデータがどのように画像に変換されるかを示します。
✦
ライブラリなし。純粋なシェーダー。
03ライブシーン
GPUリアルタイム計算
01回転ジェスチャー
SCÉNA 01
Aurora flow
COMPUTE SHADER
Tisíce částic proudí podle výpočtu na GPU
ライブ
リアルタイムレンダリング
GPUを初期化中…
4 096 částic
ドラッグで回転 · ホイールでズーム1 / 2 / 3
02ジオメトリ
インスタンス化された都市
1つの立方体が異なる高さで数十回描画されます。手続き型ライトと深度バッファがパースペクティブを鮮明に保ちます。
03ラスタライズ
クラシックな3Dレンダリング
キャラクターは三角形で構成され、標準のWebGPUレンダーパイプラインで描画されます。頂点シェーダーがジオメトリを投影し、ラスタライザーが面を塗りつぶし、デプスバッファが体のパーツを正しく並べ替えます。