FIELD — Quattro stati di un unico buffer
Un unico buffer diventa a turno un campo d'erba, una marea, braci e un reticolo: 262.144 filamenti ricalcolati a ogni fotogramma da un passaggio di calcolo WebGPU.
Un unico buffer diventa a turno un campo d'erba, una marea, braci e un reticolo: 262.144 filamenti ricalcolati a ogni fotogramma da un passaggio di calcolo WebGPU.
Prova Websites AgentCrea una pagina di scena procedurale WebGPU chiamata FIELD: quattro stati di un unico buffer. L'intera pagina funziona su un singolo 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 interamente riscritti da un passaggio di calcolo a ogni fotogramma, 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, continuando a riutilizzare lo stesso buffer sottostante. Ogni stato è accompagnato nella pagina da brevi note di implementazione che spiegano il funzionamento dell'effetto e da un indicatore della frequenza dei fotogrammi in tempo reale. Quando il browser non supporta WebGPU, al posto della scena la pagina mostra un messaggio di fallback chiaro, così il visitatore capisce perché non viene visualizzato nulla. Pagina statica in un unico file.
Erba, marea, braci e reticolo hanno ciascuno cursori in tempo reale per densità, velocità del vento e colore, così trascinando un cursore la scena si modifica immediatamente; le note di implementazione e l'indicatore della frequenza dei fotogrammi restano al loro posto.
Prova Websites AgentCrea una pagina di scena procedurale WebGPU chiamata FIELD: quattro stati di un unico buffer. L'intera pagina funziona su un singolo 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 interamente riscritti da un passaggio di calcolo a ogni fotogramma, 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, continuando a riutilizzare lo stesso buffer sottostante. Ogni stato è accompagnato nella pagina da brevi note di implementazione che spiegano il funzionamento dell'effetto e da un indicatore della frequenza dei fotogrammi in tempo reale. Quando il browser non supporta WebGPU, al posto della scena la pagina mostra un messaggio di fallback chiaro, così il visitatore capisce 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 compare durante lo scorrimento con la stessa fluidità dei primi quattro stati.
Prova Websites AgentCrea una pagina di scena procedurale WebGPU chiamata FIELD: quattro stati di un unico buffer. L'intera pagina funziona su un singolo 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 interamente riscritti da un passaggio di calcolo a ogni fotogramma, 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, continuando a riutilizzare lo stesso buffer sottostante. Ogni stato è accompagnato nella pagina da brevi note di implementazione che spiegano il funzionamento dell'effetto e da un indicatore della frequenza dei fotogrammi in tempo reale. Quando il browser non supporta WebGPU, al posto della scena la pagina mostra un messaggio di fallback chiaro, così il visitatore capisce perché non viene visualizzato nulla. Pagina statica in un unico file.
Aggiunge la rotazione orbitale tramite trascinamento del mouse alle transizioni durante lo scorrimento, così lo stesso campo ricalcolato a ogni fotogramma può essere osservato da un'altra angolazione.
Prova Websites AgentCrea una pagina di scena procedurale WebGPU chiamata FIELD: quattro stati di un unico buffer. L'intera pagina funziona su un singolo 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 interamente riscritti da un passaggio di calcolo a ogni fotogramma, 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 continuando a riutilizzare lo stesso buffer sottostante. Ogni stato è accompagnato nella pagina da brevi note di implementazione che spiegano il funzionamento dell'effetto e da un indicatore della frequenza dei fotogrammi in tempo reale. Quando il browser non supporta WebGPU, al posto della scena la pagina mostra un messaggio di fallback chiaro, così il visitatore capisce perché non viene visualizzato nulla. Pagina statica in un unico file.
Un'intera parete di copertine di riviste e otto servizi completi: il portfolio di una fotografa di moda indipendente.
Quattro camere, ciascuna affacciata sulla propria montagna, e un bagno in pietra all'aperto: una tranquilla locanda onsen nella nebbia.
