Nilalaman
Isang site na isang trick, ngunit isang kasiya-siyang trick! Si Pablo ay isang flamingo na mahilig sumayaw, at binuhay niya ng maganda sa ganap na tumutugon sa WebGL. Huwag lamang subukang i-mute ang tunog ...
Si Pablo ay resulta ng isang pakikipagtulungan sa pagitan ng mga may-akda na sina Nathan Gordon, Pascal van der Haar at Jono Yuen. Hindi ito isang pang-promosyon na site, ngunit isang panig na proyekto na nagmula sa pamamagitan ng isang pag-uusap sa pagitan ng web developer na si Gordon at art director na si Van der Haar.
Kung paano ito ginawa
Sinimulan ni Pablo ang buhay bilang isang modelo na itinayo sa Maya. Pagkatapos ay na-export ito bilang isang simpleng grid mesh, kung saan ang mga guhit ng taga-disenyo na si Yuen ay idinagdag bilang isang texture. Ang mga modelo ay dinala sa browser, kung saan ang 3D modeling library three.js at physics library Matter.js ay ginamit upang buhayin si Pablo sa online.
"Nakapaglikha ako ng isang tumpak na form na maaaring direktang nai-map sa base ng pisika. Nagbigay ito sa akin ng resulta na ako ay naging, at ang pinakamalaking‘ aha! ’Sandali ng buong proyekto," sabi ni Gordon.
Ang tugon mula sa publiko ay hindi kapani-paniwala - sa kanyang unang linggo sa online na si Pablo ay nakita ng 60,000 beses, nanalo sa FWA Site of the Day at nakakuha ng hindi mabilang na mga pandaraya sa buong social media.
Mga salita: Peter Gasston
Si Peter Gasston ay isang beterano na developer ng web na nagtatrabaho ngayon bilang isang technologist at nangunguna sa frontend sa rehabstudio. Siya ang may-akda ng The Book of CSS3 at The Modern Web.