CÓDIGO-FONTE
Ao vivo
WGSL fragment shader
1
0 charactersCompila automaticamente ao digitar
Verificando GPU…
Reiniciar cena
CLIMA 2.5D PROCEDURAL
Construa a atmosfera em camadas.
Leve ambos os renderizadores através de cenas climáticas cinematográficas criadas para expor detalhes procedurais, profundidade e movimento.
—FPS
0QUADRO
WGSL
GLSL
Cena de demonstração
Comparar ambos
Copiar código
Ⅱ Pausar
SAÍDA
Visualização de shader ao vivo
⛶ Tela cheia
Ready
WGSL · WebGPU
GLSL · WebGL2
!O shader precisa de um ajusteVerifique os detalhes do compilador abaixo.
Mova o ponteiro sobre qualquer uma das visualizações
Detalhes do compilador×
Preparing renderer…Canvas virtual 1920 × 1080
CÓDIGO-FONTE DE REFERÊNCIA
Copiar HLSL
Shader HLSL
Mesma base proceduralReferência DirectX
⌁
Modelos de clima e superfície
Explore treze cenas atmosféricas além de closes detalhados de gelo, grama, pedra e farinha.
◌
A atmosfera responde
Use tempo, resolução, mouse e quadro para animar cada shader.
↗
Compare os renderizadores
Mantenha WGSL e GLSL visíveis juntos enquanto compara profundidade, movimento, iluminação e materiais.