2.5D Shader Surface Lab

2.5D Shader Surface Lab

v1
by
a
aka11
2.5D Shader Surface Lab
Loading...
◈ 2.5D Shader Surface LabWGSL + GLSL + HLSL procedural playground
Checking GPU… Reset scene

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
WGSL GLSL
Showcase scene
Compare both Copy code Ⅱ Pause
SOURCE

WGSL fragment shader

Live
1
0 charactersAuto-compiles while typing
OUTPUT

Live shader preview

⛶ Full screen Ready
WGSL · WebGPU
GLSL · WebGL2
!Shader needs a fixCheck the compiler details below.
Move your pointer over either preview
Compiler details×

          

          
Preparing renderer…1920 × 1080 virtual canvas

        


        

          

            
REFERENCE SOURCE
HLSL shader

            Copy HLSL
          

          

            
          

          
Same procedural foundationDirectX reference

        

      


      

        
⌁
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.