SOURCE
En direct
WGSL fragment shader
1
0 charactersCompilation automatique lors de la saisie
Vérification du GPU…
Réinitialiser la scène
MÉTÉO 2.5D PROCÉDURALE
Construisez l'atmosphère par couches.
Poussez les deux moteurs de rendu à travers des scènes météo cinématiques conçues pour exposer les détails procéduraux, la profondeur et le mouvement.
—FPS
0IMAGE
WGSL
GLSL
Scène de démonstration
Comparer les deux
Copier le code
Ⅱ Pause
SORTIE
Aperçu du shader en direct
⛶ Plein écran
Ready
WGSL · WebGPU
GLSL · WebGL2
!Le shader nécessite une correctionVérifiez les détails du compilateur ci-dessous.
Déplacez votre pointeur sur l'un des aperçus
Détails du compilateur×
Preparing renderer…Toile virtuelle 1920 × 1080
SOURCE DE RÉFÉRENCE
Copier HLSL
Shader HLSL
Même fondation procéduraleRéférence DirectX
⌁
Modèles de météo et de surface
Explorez treize scènes atmosphériques ainsi que des gros plans détaillés de glace, de pelouse, de pierre et de farine.
◌
L'atmosphère réagit
Utilisez le temps, la résolution, la souris et l'image pour animer chaque shader.
↗
Comparer les moteurs de rendu
Gardez WGSL et GLSL visibles simultanément pour comparer la profondeur, le mouvement, l'éclairage et les matériaux.