Cenas 3D WebGPU
Loading...
Três cenas, três técnicas
Laboratório WebGPU Três cenas, três técnicas
Verificando WebGPU…

Exploração interativa de renderização

O mesmo espaço.
Três caminhos diferentes.

Três cenas ao vivo mostram como diferentes técnicas de WebGPU transformam dados em imagem.

Sem bibliotecas. Shaders puros.
03cenas ao vivo
GPUcálculos em tempo real
01gesto para girar
SCÉNA 01

Aurora flow

COMPUTE SHADER Tisíce částic proudí podle výpočtu na GPU
Inicializando processador gráfico…
01SIMULAÇÃO

Fluxo de partículas

Um shader de computação recalcula as posições das partículas a cada quadro. Um shader de renderização as compõe em uma onda polar suave e brilhante.

02GEOMETRIA

Cidade de instâncias

Um único cubo é renderizado dezenas de vezes com alturas diferentes. Luzes procedurais e um buffer de profundidade mantêm a perspectiva limpa.

03RASTERIZAÇÃO

Renderização 3D clássica

O personagem é composto por triângulos e renderizado pela pipeline de renderização padrão do WebGPU. O vertex shader projeta a geometria, o rasterizador preenche as superfícies e o buffer de profundidade ordena corretamente as partes do corpo.

Playground WebGPU·Três caminhos diferentes para uma única imagem