WebGPU 3D-сцены
Loading...
Три сцены, три метода
Лаборатория WebGPU Три сцены, три метода
Проверка WebGPU…

Интерактивное исследование рендеринга

Одно пространство.
Три разных пути.

Три живые сцены показывают, как различные методы WebGPU превращают данные в изображение.

Без библиотек. Чистые шейдеры.
03живые сцены
GPUвычисления в реальном времени
01жест для вращения
SCÉNA 01

Aurora flow

COMPUTE SHADER Tisíce částic proudí podle výpočtu na GPU
Инициализация графического процессора…
01СИМУЛЯЦИЯ

Поток частиц

Вычислительный шейдер пересчитывает позиции частиц в каждом кадре. Шейдер рендеринга собирает из них мягкую светящуюся полярную волну.

02ГЕОМЕТРИЯ

Город инстансов

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

03РАСТЕРИЗАЦИЯ

Классический 3D-рендер

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

Игровая площадка WebGPU·Три разных пути к одному изображению