源码
实时
WGSL fragment shader
1
0 characters输入时自动编译
正在检查 GPU…
重置场景
程序化 2.5D 天气
分层构建氛围。
通过电影级天气场景推动两个渲染器，以展现程序化的细节、深度和运动。
—帧率
0帧
WGSL
GLSL
展示场景
两者对比
复制代码
Ⅱ 暂停
输出
实时着色器预览
⛶ 全屏
Ready
WGSL · WebGPU
GLSL · WebGL2
!着色器需要修复请查看下方的编译器详情。
将指针移动到任一预览区域
编译器详情×
Preparing renderer…1920 × 1080 虚拟画布
参考源码
复制 HLSL
HLSL 着色器
相同的程序化基础DirectX 参考
⌁
天气和表面模板
探索 13 种大气场景以及冰、草坪、石头和面粉的详细特写。
◌
大气响应
使用时间、分辨率、鼠标和帧来为每个着色器制作动画。
↗
比较渲染器
在比较深度、运动、光照和材质时，保持 WGSL 和 GLSL 同时可见。