2.5D Shader Surface Lab
Loading...
2.5D Shader Surface Lab
2.5D Shader Surface LabWGSL + GLSL + HLSL procedural playground
Checking GPU…

PROCEDURAL 2.5D WEATHER

Build atmosphere in layers.

Push both renderers through cinematic weather scenes built to expose procedural detail, depth, and motion.

FPS
0FRAME
SOURCE

WGSL fragment shader

Live
OUTPUT

Live shader preview

Ready
WGSL · WebGPU
GLSL · WebGL2
Move your pointer over either preview
REFERENCE SOURCE

HLSL shader

Weather and surface templates

Explore thirteen atmospheric scenes plus detailed close-ups of ice, lawn, stone, and flour.

Atmosphere responds

Use time, resolution, mouse, and frame to animate each shader.

Compare the renderers

Keep WGSL and GLSL visible together while you compare depth, motion, lighting, and materials.