traccio il campo…

Archivio del build

Documentazione tecnica di questo engine — vista nascosta, raggiungibile con ?prompt. Engine 10 della serie: Vector Field Contour Tracing, versione scroll-driven sullo sprinter.

Sorgente

Concept

Brand e art direction

Prompt di ricostruzione

Prompt completo e autosufficiente per ricostruire questo engine da zero:


      

Note sullo stack

File HTML singolo e autosufficiente. WebGL2, sistema di particelle su GPU. Il video sorgente (sprinter rim-lit, 8 s) è pre-campionato in un atlante di 48 fotogrammi incorporato in base64 — così non serve decodificare video, non c'è taint del canvas su file://, e lo scrub è deterministico. Lo scroll pilota un playhead di fotogramma (curva che dilata l'esplosione); ogni frame il campo di contorno (Sobel su luminanza → magnitudine M + tangente normalize(-Gy,Gx)) viene ricalcolato dal fotogramma corrente con crossfade tra celle e stabilizzazione temporale EMA (ping-pong), poi fino a 200.000 particelle avanzano lungo la tangente e lasciano scie che sfumano verso l'esatto nero di pagina. Governor degli FPS, DPR ≤ 1.5, fallback statico al poster senza WebGL2. Nessun build step; una sola CDN (GSAP + ScrollTrigger + Lenis) solo per le rivelazioni dei testi.

← Torna all'esperienza