01模拟
粒子流
计算着色器在每一帧重新计算粒子位置。渲染着色器将它们组合成柔和发光的极光波。
正在检查 WebGPU…
交互式渲染探索
同一空间。
三种不同路径。
三个实时场景展示了不同的 WebGPU 技术如何将数据转化为图像。
✦
无库。纯着色器。
03实时场景
GPU实时计算
01手势旋转
SCÉNA 01
Aurora flow
COMPUTE SHADER
Tisíce částic proudí podle výpočtu na GPU
实时
实时渲染
正在初始化图形处理器…
4 096 částic
拖拽以旋转 · 滚动以缩放1 / 2 / 3
02几何体
实例城市
单个立方体以不同高度被绘制数十次。程序化灯光和深度缓冲区保持透视清晰。
03光栅化
经典 3D 渲染
角色由三角形组成，并使用标准的 WebGPU 渲染管线进行绘制。顶点着色器投影几何体，光栅化器填充表面，深度缓冲正确排列身体部位。