FIELD — Quattro stati di un unico buffer
Erba, marea, braci e reticolo condividono un unico buffer — nessuna texture, nessun modello; un passaggio di calcolo riscrive 262.144 filamenti per frame, con note e un indicatore della frequenza dei fotogrammi.
Un unico buffer diventa a turno un campo d'erba, una marea, braci e un reticolo: 262.144 filamenti ricalcolati da un passaggio di calcolo WebGPU a ogni frame.
Erba, marea, braci e reticolo dispongono ciascuno di cursori in tempo reale per densità, velocità del vento e colore, così trascinando un cursore la scena cambia subito; le note di implementazione e l'indicatore della frequenza dei fotogrammi restano al loro posto.
Prova Kimi BuildCrea una pagina di scena procedurale WebGPU chiamata FIELD: quattro stati di un unico buffer. L'intera pagina funziona su un solo buffer fisso, riutilizzato a turno da quattro scene: un campo d'erba mosso dal vento, una marea che sale e scende, braci che si spengono e un reticolo regolare. 262.144 fili d'erba, o le particelle equivalenti nelle scene successive, vengono riscritti integralmente da un passaggio di calcolo a ogni frame, quindi sullo schermo non ci sono texture né modelli; ogni filamento viene calcolato. Mentre il visitatore scorre verso il basso, i quattro stati passano fluidamente l'uno nell'altro, mentre lo stesso buffer continua a essere riutilizzato in background. Ogni stato è corredato nella pagina da brevi note di implementazione che spiegano il funzionamento dell'effetto, insieme a un indicatore della frequenza dei fotogrammi in tempo reale. Quando il browser non supporta WebGPU, la pagina mostra un messaggio di fallback chiaro al posto della scena, così il visitatore sa perché non viene visualizzato nulla. Pagina statica in un unico file.
Aggiunge un quinto stato dopo il reticolo: un campo di neve che cade silenziosamente, che entra in transizione durante lo scorrimento con la stessa fluidità dei primi quattro stati.
Prova Kimi BuildCrea una pagina di scena procedurale WebGPU chiamata FIELD: quattro stati di un unico buffer. L'intera pagina funziona su un solo buffer fisso, riutilizzato a turno da quattro scene: un campo d'erba mosso dal vento, una marea che sale e scende, braci che si spengono e un reticolo regolare. 262.144 fili d'erba, o le particelle equivalenti nelle scene successive, vengono riscritti integralmente da un passaggio di calcolo a ogni frame, quindi sullo schermo non ci sono texture né modelli; ogni filamento viene calcolato. Mentre il visitatore scorre verso il basso, i quattro stati passano fluidamente l'uno nell'altro, mentre lo stesso buffer continua a essere riutilizzato in background. Ogni stato è corredato nella pagina da brevi note di implementazione che spiegano il funzionamento dell'effetto, insieme a un indicatore della frequenza dei fotogrammi in tempo reale. Quando il browser non supporta WebGPU, la pagina mostra un messaggio di fallback chiaro al posto della scena, così il visitatore sa perché non viene visualizzato nulla. Pagina statica in un unico file.
Aggiunge la possibilità di orbitare trascinando il mouse alle transizioni durante lo scorrimento, così lo stesso campo ricalcolato a ogni frame può essere osservato da un'altra angolazione.
Prova Kimi BuildCrea una pagina di scena procedurale WebGPU chiamata FIELD: quattro stati di un unico buffer. L'intera pagina funziona su un solo buffer fisso, riutilizzato a turno da quattro scene: un campo d'erba mosso dal vento, una marea che sale e scende, braci che si spengono e un reticolo regolare. 262.144 fili d'erba, o le particelle equivalenti nelle scene successive, vengono riscritti integralmente da un passaggio di calcolo a ogni frame, quindi sullo schermo non ci sono texture né modelli; ogni filamento viene calcolato. Mentre il visitatore scorre verso il basso, i quattro stati passano fluidamente l'uno nell'altro mentre lo stesso buffer continua a essere riutilizzato in background. Ogni stato è corredato nella pagina da brevi note di implementazione che spiegano il funzionamento dell'effetto, insieme a un indicatore della frequenza dei fotogrammi in tempo reale. Quando il browser non supporta WebGPU, la pagina mostra un messaggio di fallback chiaro al posto della scena, così il visitatore sa perché non viene visualizzato nulla. Pagina statica in un unico file.
I tasti freccia servono a schivare, Z a sparare, Shift rallenta il movimento e mostra la hitbox di precisione, X lancia una bomba; i mancati colpi di poco caricano un'esplosione. Crea il tuo gioco dallo stesso prompt.
Tre assi combattono nei cieli al neon sotto la pioggia: vince chi mette a segno più colpi. Il mouse dirige il velivolo, il fuoco al plasma è continuo tenendo premuto, Shift attiva il turbo fino al surriscaldamento e un colpo disattiva i sistemi per due secondi.
