FIELD — Cuatro estados de un búfer
El pasto, la marea, las brasas y la retícula comparten un solo búfer: sin texturas ni modelos; una pasada de cómputo reescribe 262,144 hebras por fotograma, con notas y un indicador de velocidad de fotogramas.
Un solo búfer se transforma sucesivamente en un campo de pasto, una marea, brasas y una retícula: 262,144 hebras se recalculan mediante una pasada de cómputo de WebGPU en cada fotograma.
El pasto, la marea, las brasas y la retícula tienen controles deslizantes en tiempo real para la densidad, la velocidad del viento y el color, de modo que al arrastrar un control la escena cambia de inmediato; las notas de implementación y el indicador de velocidad de fotogramas permanecen en su lugar.
Probar Kimi BuildCrea una página de escena procedural de WebGPU llamada FIELD: cuatro estados de un búfer. Toda la página funciona con un único búfer fijo que cuatro escenas reutilizan sucesivamente: un campo de pasto mecido por el viento, una marea que sube y baja, brasas que se extinguen y una retícula regular. 262,144 briznas de pasto, o las partículas equivalentes en las escenas posteriores, se reescriben por completo mediante una pasada de cómputo en cada fotograma, por lo que nada en pantalla es una textura ni un modelo; cada hebra se calcula. A medida que el visitante se desplaza hacia abajo, los cuatro estados pasan suavemente de uno a otro mientras el mismo búfer continúa reutilizándose por debajo. Cada estado está anotado en la página con breves notas de implementación que explican cómo funciona el efecto, junto con un indicador de velocidad de fotogramas en tiempo real. Cuando el navegador no es compatible con WebGPU, la página muestra un mensaje alternativo claro en lugar de la escena, para que el visitante sepa por qué no se renderiza nada. Página estática de un solo archivo.
Agrega un quinto estado después de la retícula: un apacible campo de nieve que cae, que aparece al desplazarse con la misma suavidad que los primeros cuatro estados.
Probar Kimi BuildCrea una página de escena procedural de WebGPU llamada FIELD: cuatro estados de un búfer. Toda la página funciona con un único búfer fijo que cuatro escenas reutilizan sucesivamente: un campo de pasto mecido por el viento, una marea que sube y baja, brasas que se extinguen y una retícula regular. 262,144 briznas de pasto, o las partículas equivalentes en las escenas posteriores, se reescriben por completo mediante una pasada de cómputo en cada fotograma, por lo que nada en pantalla es una textura ni un modelo; cada hebra se calcula. A medida que el visitante se desplaza hacia abajo, los cuatro estados pasan suavemente de uno a otro mientras el mismo búfer continúa reutilizándose por debajo. Cada estado está anotado en la página con breves notas de implementación que explican cómo funciona el efecto, junto con un indicador de velocidad de fotogramas en tiempo real. Cuando el navegador no es compatible con WebGPU, la página muestra un mensaje alternativo claro en lugar de la escena, para que el visitante sepa por qué no se renderiza nada. Página estática de un solo archivo.
Agrega una órbita al arrastrar el mouse además de las transiciones al desplazarse, para que el mismo campo recalculado en cada fotograma pueda verse desde otro ángulo.
Probar Kimi BuildCrea una página de escena procedural de WebGPU llamada FIELD: cuatro estados de un búfer. Toda la página funciona con un único búfer fijo que cuatro escenas reutilizan sucesivamente: un campo de pasto mecido por el viento, una marea que sube y baja, brasas que se extinguen y una retícula regular. 262,144 briznas de pasto, o las partículas equivalentes en las escenas posteriores, se reescriben por completo mediante una pasada de cómputo en cada fotograma, por lo que nada en pantalla es una textura ni un modelo; cada hebra se calcula. A medida que el visitante se desplaza hacia abajo, los cuatro estados pasan suavemente de uno a otro mientras el mismo búfer continúa reutilizándose por debajo. Cada estado está anotado en la página con breves notas de implementación que explican cómo funciona el efecto, junto con un indicador de velocidad de fotogramas en tiempo real. Cuando el navegador no es compatible con WebGPU, la página muestra un mensaje alternativo claro en lugar de la escena, para que el visitante sepa por qué no se renderiza nada. Página estática de un solo archivo.
Las teclas de flecha esquivan, Z dispara, Shift ralentiza el movimiento y muestra la caja de impacto de enfoque, X activa una bomba; los roces cargan una ráfaga. Crea el tuyo con el mismo prompt.
Tres ases luchan en cielos lluviosos de neón; gana quien acierte más impactos: el mouse dirige, el disparo de plasma se mantiene presionado, Shift activa el impulso hasta el sobrecalentamiento y un impacto desactiva los sistemas durante dos segundos.
