Laboratorio de superficies con sombreadores 2.5D
Loading...
◈ 2.5D Shader Surface LabEntorno de pruebas procedimental para WGSL + GLSL + HLSL
Verificando GPU… Restablecer escena

CLIMA 2.5D PROCEDIMENTAL

Crea atmósfera en capas.

Pon a prueba ambos renderizadores con escenas climáticas cinemáticas diseñadas para exponer detalles, profundidad y movimiento procedimentales.

—FPS
0CUADRO
WGSL GLSL
Escena de muestra
Comparar ambos Copiar código Ⅱ Pausar
FUENTE

WGSL fragment shader

En vivo
1
0 charactersCompilación automática mientras escribes
SALIDA

Vista previa de sombreador en vivo

⛶ Pantalla completa Ready
WGSL · WebGPU
GLSL · WebGL2
!El sombreador necesita una correcciónRevisa los detalles del compilador a continuación.
Mueve el puntero sobre cualquiera de las vistas previas
Detalles del compilador×

          
Preparing renderer…Lienzo virtual de 1920 × 1080
FUENTE DE REFERENCIA

Sombreador HLSL

Copiar HLSL
Misma base procedimentalReferencia de DirectX
⌁
Plantillas de clima y superficie

Explora trece escenas atmosféricas además de acercamientos detallados de hielo, césped, piedra y harina.

◌
La atmósfera responde

Usa tiempo, resolución, mouse y fotograma para animar cada sombreador.

↗
Compara los renderizadores

Mantén visibles WGSL y GLSL mientras comparas profundidad, movimiento, iluminación y materiales.