01СИМУЛЯЦИЯ
Поток частиц
Вычислительный шейдер пересчитывает позиции частиц в каждом кадре. Шейдер рендеринга собирает из них мягкую светящуюся полярную волну.
Проверка WebGPU…
Интерактивное исследование рендеринга
Одно пространство.
Три разных пути.
Три живые сцены показывают, как различные методы WebGPU превращают данные в изображение.
✦
Без библиотек. Чистые шейдеры.
03живые сцены
GPUвычисления в реальном времени
01жест для вращения
SCÉNA 01
Aurora flow
COMPUTE SHADER
Tisíce částic proudí podle výpočtu na GPU
В РЕАЛЬНОМ ВРЕМЕНИ
РЕНДЕРИНГ В РЕАЛЬНОМ ВРЕМЕНИ
Инициализация графического процессора…
4 096 částic
Перетащите для вращения · используйте колесо мыши для масштабирования1 / 2 / 3
02ГЕОМЕТРИЯ
Город инстансов
Один куб отрисовывается десятки раз с разной высотой. Процедурное освещение и буфер глубины сохраняют перспективу четкой.
03РАСТЕРИЗАЦИЯ
Классический 3D-рендер
Персонаж состоит из треугольников и отрисовывается стандартным конвейером рендеринга WebGPU. Вершинный шейдер проецирует геометрию, растеризатор заполняет области, а буфер глубины правильно сортирует части тела.