FIELD — Quatro estados de um buffer
Um buffer se transforma, sucessivamente, em um campo de grama, uma maré, brasas e uma malha: 262.144 filamentos são recalculados por um passe de computação WebGPU a cada quadro.
Um buffer se transforma, sucessivamente, em um campo de grama, uma maré, brasas e uma malha: 262.144 filamentos são recalculados por um passe de computação WebGPU a cada quadro.
Experimentar o Websites AgentCrie uma página de cena procedural em WebGPU chamada FIELD: quatro estados de um buffer. Toda a página funciona com um único buffer fixo, reutilizado sucessivamente por quatro cenas: um campo de grama ao vento, uma maré que sobe e desce, brasas que se apagam e uma malha regular. 262.144 lâminas de grama, ou as partículas equivalentes nas cenas posteriores, são totalmente reescritas por um passe de computação a cada quadro; assim, nada na tela é textura ou modelo: cada filamento é calculado. À medida que o visitante rola a página, os quatro estados transitam suavemente entre si, enquanto o mesmo buffer continua sendo reutilizado por baixo. Cada estado é anotado na página com breves notas de implementação que explicam como o efeito funciona, além de uma leitura da taxa de quadros em tempo real. Quando o navegador não oferece suporte a WebGPU, a página exibe uma mensagem alternativa adequada em vez da cena, para que o visitante saiba por que nada é renderizado. Página estática em um único arquivo.
Grama, maré, brasas e malha têm controles deslizantes em tempo real para densidade, velocidade do vento e cor, para que arrastar um controle reformule a cena imediatamente; as notas de implementação e a leitura da taxa de quadros permanecem no lugar.
Experimentar o Websites AgentCrie uma página de cena procedural em WebGPU chamada FIELD: quatro estados de um buffer. Toda a página funciona com um único buffer fixo, reutilizado sucessivamente por quatro cenas: um campo de grama ao vento, uma maré que sobe e desce, brasas que se apagam e uma malha regular. 262.144 lâminas de grama, ou as partículas equivalentes nas cenas posteriores, são totalmente reescritas por um passe de computação a cada quadro; assim, nada na tela é textura ou modelo: cada filamento é calculado. À medida que o visitante rola a página, os quatro estados transitam suavemente entre si, enquanto o mesmo buffer continua sendo reutilizado por baixo. Cada estado é anotado na página com breves notas de implementação que explicam como o efeito funciona, além de uma leitura da taxa de quadros em tempo real. Quando o navegador não oferece suporte a WebGPU, a página exibe uma mensagem alternativa adequada em vez da cena, para que o visitante saiba por que nada é renderizado. Página estática em um único arquivo.
Adiciona um quinto estado após a malha: um campo de neve caindo silenciosamente, que aparece durante a rolagem com a mesma suavidade dos quatro primeiros estados.
Experimentar o Websites AgentCrie uma página de cena procedural em WebGPU chamada FIELD: quatro estados de um buffer. Toda a página funciona com um único buffer fixo, reutilizado sucessivamente por quatro cenas: um campo de grama ao vento, uma maré que sobe e desce, brasas que se apagam e uma malha regular. 262.144 lâminas de grama, ou as partículas equivalentes nas cenas posteriores, são totalmente reescritas por um passe de computação a cada quadro; assim, nada na tela é textura ou modelo: cada filamento é calculado. À medida que o visitante rola a página, os quatro estados transitam suavemente entre si, enquanto o mesmo buffer continua sendo reutilizado por baixo. Cada estado é anotado na página com breves notas de implementação que explicam como o efeito funciona, além de uma leitura da taxa de quadros em tempo real. Quando o navegador não oferece suporte a WebGPU, a página exibe uma mensagem alternativa adequada em vez da cena, para que o visitante saiba por que nada é renderizado. Página estática em um único arquivo.
Adiciona uma órbita com arrasto do mouse às transições de rolagem, permitindo ver o mesmo campo recalculado a cada quadro por outro ângulo.
Experimentar o Websites AgentCrie uma página de cena procedural em WebGPU chamada FIELD: quatro estados de um buffer. Toda a página funciona com um único buffer fixo, reutilizado sucessivamente por quatro cenas: um campo de grama ao vento, uma maré que sobe e desce, brasas que se apagam e uma malha regular. 262.144 lâminas de grama, ou as partículas equivalentes nas cenas posteriores, são totalmente reescritas por um passe de computação a cada quadro; assim, nada na tela é textura ou modelo: cada filamento é calculado. À medida que o visitante rola a página, os quatro estados transitam suavemente entre si enquanto o mesmo buffer continua sendo reutilizado por baixo. Cada estado é anotado na página com breves notas de implementação que explicam como o efeito funciona, além de uma leitura da taxa de quadros em tempo real. Quando o navegador não oferece suporte a WebGPU, a página exibe uma mensagem alternativa adequada em vez da cena, para que o visitante saiba por que nada é renderizado. Página estática em um único arquivo.



