WebGPU 3D 场景
Loading...
三个场景,三种技术
WebGPU 实验室 三个场景,三种技术
正在检查 WebGPU…

交互式渲染探索

同一空间。
三种不同路径。

三个实时场景展示了不同的 WebGPU 技术如何将数据转化为图像。

无库。纯着色器。
03实时场景
GPU实时计算
01手势旋转
SCÉNA 01

Aurora flow

COMPUTE SHADER Tisíce částic proudí podle výpočtu na GPU
正在初始化图形处理器…
01模拟

粒子流

计算着色器在每一帧重新计算粒子位置。渲染着色器将它们组合成柔和发光的极光波。

02几何体

实例城市

单个立方体以不同高度被绘制数十次。程序化灯光和深度缓冲区保持透视清晰。

03光栅化

经典 3D 渲染

角色由三角形组成,并使用标准的 WebGPU 渲染管线进行绘制。顶点着色器投影几何体,光栅化器填充表面,深度缓冲正确排列身体部位。

WebGPU 游乐场·通往同一画面的三种不同路径