ПРОЦЕДУРНАЯ 2.5D ПОГОДА

Создавайте атмосферу слоями.

Протестируйте оба рендерера на кинематографических сценах погоды, созданных для демонстрации процедурной детализации, глубины и движения.

—FPS

0КАДР

WGSL GLSL

Демонстрационная сцена

Сравнить оба Копировать код Ⅱ Пауза

ИСХОДНЫЙ КОД

WGSL fragment shader

В реальном времени

0 charactersАвтоматическая компиляция при вводе

ВЫВОД

⛶ Полноэкранный режим Ready

WGSL · WebGPU

GLSL · WebGL2

!Шейдер требует исправленияПроверьте детали компилятора ниже.

Наведите указатель на любой из превью

Детали компилятора×

Preparing renderer…Виртуальный холст 1920 × 1080

ИСХОДНЫЙ КОД ДЛЯ СПРАВКИ

Копировать HLSL

Та же процедурная основаСправочник DirectX

⌁

Шаблоны погоды и поверхностей

Изучите тринадцать атмосферных сцен, а также детальные крупные планы льда, газона, камня и муки.

◌

Атмосфера реагирует

Используйте время, разрешение, мышь и кадры для анимации каждого шейдера.

↗

Сравнение рендереров

Сравнивайте WGSL и GLSL, наблюдая за глубиной, движением, освещением и материалами.