Contenuto
Un sito con un solo trucco, ma che trucco delizioso! Pablo è un fenicottero che ama ballare e ha preso vita magnificamente in WebGL completamente reattivo. Basta non provare a disattivare l'audio ...
Pablo è il risultato di una collaborazione tra gli autori Nathan Gordon, Pascal van der Haar e Jono Yuen. Non è un sito promozionale, ma un progetto collaterale nato da una conversazione tra lo sviluppatore web Gordon e l'art director Van der Haar.
Come è stato fatto
Pablo ha iniziato la vita come un modello costruito in Maya. Questa è stata poi esportata come una semplice maglia a griglia, a cui sono state aggiunte le illustrazioni del designer Yuen come texture. I modelli sono stati quindi importati nel browser, dove la libreria di modellazione 3D three.js e la libreria fisica Matter.js sono state utilizzate per dare vita a Pablo online.
"Sono stato in grado di creare una forma precisa che potesse essere mappata direttamente sulla base fisica. Questo mi ha dato il risultato che stavo cercando, ed è stato il momento 'aha!' Più grande dell'intero progetto", dice Gordon.
La risposta del pubblico è stata incredibile: nella sua prima settimana online Pablo è stato visto 60.000 volte, ha vinto il sito FWA del giorno e ha ottenuto innumerevoli consensi sui social media.
Parole: Peter Gasston
Peter Gasston è uno sviluppatore web veterano che ora lavora come tecnologo e frontend lead presso rehabstudio. È l'autore di The Book of CSS3 e The Modern Web.