FIELD — Quatro Estados de um Buffer
Grama, maré, brasas e malha compartilham um buffer — sem texturas nem modelos; uma etapa de computação reescreve 262.144 fios por quadro, com notas e um indicador de taxa de quadros.
Um buffer se transforma sucessivamente em um campo de grama, uma maré, brasas e uma malha: 262.144 fios recalculados por uma etapa de computação WebGPU a cada quadro.
Grama, maré, brasas e malha têm controles deslizantes em tempo real para densidade, velocidade do vento e cor, de modo que arrastar um controle altera a cena imediatamente; as notas de implementação e o indicador de taxa de quadros permanecem no lugar.
Experimente o Kimi BuildCrie uma página de cena procedural WebGPU chamada FIELD: quatro estados de um buffer. Toda a página funciona com um único buffer fixo, reutilizado alternadamente por quatro cenas: um campo de grama ao vento, uma maré que sobe e desce, brasas se apagando e uma malha regular. 262.144 lâminas de grama, ou as partículas equivalentes nas cenas posteriores, são integralmente reescritas por uma etapa de computação a cada quadro; assim, nada na tela é uma textura e nada é um modelo — cada fio é calculado. À medida que o visitante rola a página, os quatro estados fazem transições suaves 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 um indicador de taxa de quadros em tempo real. Quando o navegador não é compatível com 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 arquivo único.
Adiciona um quinto estado após a malha: um campo tranquilo de neve caindo, que surge com a rolagem e faz uma transição tão suave quanto a dos quatro primeiros estados.
Experimente o Kimi BuildCrie uma página de cena procedural WebGPU chamada FIELD: quatro estados de um buffer. Toda a página funciona com um único buffer fixo, reutilizado alternadamente por quatro cenas: um campo de grama ao vento, uma maré que sobe e desce, brasas se apagando e uma malha regular. 262.144 lâminas de grama, ou as partículas equivalentes nas cenas posteriores, são integralmente reescritas por uma etapa de computação a cada quadro; assim, nada na tela é uma textura e nada é um modelo — cada fio é calculado. À medida que o visitante rola a página, os quatro estados fazem transições suaves 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 um indicador de taxa de quadros em tempo real. Quando o navegador não é compatível com 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 arquivo único.
Adiciona rotação orbital ao arrastar o mouse às transições de rolagem, para que o mesmo campo recalculado a cada quadro possa ser visto de outro ângulo.
Experimente o Kimi BuildCrie uma página de cena procedural WebGPU chamada FIELD: quatro estados de um buffer. Toda a página funciona com um único buffer fixo, reutilizado alternadamente por quatro cenas: um campo de grama ao vento, uma maré que sobe e desce, brasas se apagando e uma malha regular. 262.144 lâminas de grama, ou as partículas equivalentes nas cenas posteriores, são integralmente reescritas por uma etapa de computação a cada quadro; assim, nada na tela é uma textura e nada é um modelo — cada fio é calculado. À medida que o visitante rola a página, os quatro estados fazem transições suaves 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 um indicador de taxa de quadros em tempo real. Quando o navegador não é compatível com 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 arquivo único.
As teclas de seta desviam, Z atira, Shift reduz a velocidade do movimento e mostra a hitbox de foco, X dispara uma bomba; passar rente aos projéteis carrega uma explosão de raspada. Crie o seu a partir do mesmo prompt.
Três ases lutam em céus chuvosos de néon, e vence quem acertar mais: o mouse controla a direção, mantenha pressionado para disparar plasma, Shift acelera até superaquecer, e um acerto desativa os sistemas por dois segundos.
