QUELLE
Live
WGSL fragment shader
1
0 charactersAutomatische Kompilierung während der Eingabe
GPU wird überprüft…
Szene zurücksetzen
PROZEDURALES 2.5D-WETTER
Baue Atmosphäre in Schichten auf.
Teste beide Renderer mit filmischen Wetterszenen, die entwickelt wurden, um prozedurale Details, Tiefe und Bewegung aufzuzeigen.
—FPS
0FRAME
WGSL
GLSL
Beispielszene
Beide vergleichen
Code kopieren
Ⅱ Pause
AUSGABE
Live-Shader-Vorschau
⛶ Vollbild
Ready
WGSL · WebGPU
GLSL · WebGL2
!Shader benötigt eine KorrekturÜberprüfen Sie die Compiler-Details unten.
Bewegen Sie Ihren Zeiger über eine der beiden Vorschauen
Compiler-Details×
Preparing renderer…1920 × 1080 virtuelle Leinwand
REFERENZQUELLE
HLSL kopieren
HLSL-Shader
Gleiche prozedurale GrundlageDirectX-Referenz
⌁
Wetter- und Oberflächenvorlagen
Entdecken Sie dreizehn atmosphärische Szenen sowie detaillierte Nahaufnahmen von Eis, Rasen, Stein und Mehl.
◌
Atmosphäre reagiert
Verwenden Sie Zeit, Auflösung, Maus und Frame, um jeden Shader zu animieren.
↗
Vergleichen Sie die Renderer
Behalten Sie WGSL und GLSL gleichzeitig im Blick, während Sie Tiefe, Bewegung, Beleuchtung und Materialien vergleichen.