WebGPU 3D Scény
Loading...
Tři scény, tři techniky
WebGPU laboratoř Tři scény, tři techniky
Kontroluji WebGPU…

Interaktivní průzkum vykreslování

Stejný prostor.
Tři různé cesty.

Tři živé scény ukazují, jak různé WebGPU techniky mění data na obraz.

Bez knihovny. Čisté shadery.
03živé scény
GPUvýpočty v reálném čase
01gesto pro rotaci
SCÉNA 01

Aurora flow

COMPUTE SHADER Tisíce částic proudí podle výpočtu na GPU
Inicializuji grafický procesor…
01SIMULACE

Proud částic

Compute shader každý snímek přepočítá pozice částic. Render shader z nich skládá měkkou zářící polární vlnu.

02GEOMETRIE

Město instancí

Jediná kostka se vykreslí desítkykrát s různou výškou. Procedurální světla a depth buffer drží perspektivu čistou.

03RASTERIZACE

Klasický 3D render

Postava je složená z trojúhelníků a vykreslená standardní WebGPU render pipeline. Vertex shader promítá geometrii, rasterizér vyplní plochy a depth buffer správně řadí části těla.

WebGPU playground·Tři odlišné cesty k jednomu obrazu