Croccanti e pralinati
Miele e mandorle. La frutta secca sospesa, il miele che la avvolge, la barra che si compone. Calcolata offline in HD, riprodotta sullo scroll.
Vetrina · 1600×900 · 5,5 s in loop
Punto di partenza
Un produttore di croccanti e pralinati con tre linee e 62 schede prodotto. Serviva un'apertura che facesse sentire il prodotto prima di leggerlo, senza mai spegnere il 3D e senza bloccare il browser.
- Cliente
- Settore
- Croccanti e pralinati, Verona
- Sede
- Contatti
- P.IVA
- Marchio
La scena
Mandorle, nocciole e pistacchi sospesi nel buio caldo; un filo di miele li raggiunge, la camera entra nelle bolle, poi si allarga sulla barra finita. 144 fotogrammi in alta definizione che avanzano con lo scroll.
Palette della scena · #3B2412 · #7A3A0A · #E59A2B · #F0D6A8
Le scelte tecniche, in chiaro
Calcolata offline, non sul tuo dispositivo
Su una grafica integrata alta definizione e fluidità non stanno insieme. La scena è calcolata fotogramma per fotogramma con lo stesso shader, poi riprodotta sullo scroll: la tecnica delle pagine prodotto più curate.
Si carica a strati
Prima il primo e l'ultimo fotogramma, poi uno ogni 16, 8, 4, 2, 1, sei richieste in parallelo, decodifica fuori dal thread principale. La scena è navigabile subito e si infittisce mentre scorri.
Un'inquadratura per il telefono
In verticale non si ritaglia: c'è una serie dedicata di 120 fotogrammi 810×1755.
Precisione prima della risoluzione
In HD una costante troppo grande nelle unioni morbide quantizzava il miele a bande: corretta nello shader prima del calcolo, invece di nasconderla.
Peso e prestazioni
Punti di forza
- Il 3D resta acceso su qualunque macchina
- Nessun calcolo pesante sul dispositivo del visitatore
- Dissolvenza tra fotogrammi: nessuno scalino
- Con riduzione del movimento: un solo fotogramma significativo