Obsah
V letošním roce si připomínáme 40. výročí McDonald’s a slaví to představením vzpomínek zákazníků na pět desetiletí v interaktivní aplikaci vytvořené Razorfish, jednou z našich oblíbených designových agentur, která bude následovat na Twitteru.
Vytvořte si vlastní web pomocí těchto skvělých výukových programů WordPress
Postaveno zcela pomocí API HTML5 Canvas, jsou zde dvě věci, které opravdu upoutají pozornost: krásně animované rozhraní a typografie, která se dá dobře jíst.
Jak to dokázali
Rozložení mřížky a plakáty byly vytvořeny pomocí Pixi.js, 2D WebGL rendereru od Goodboy Digital.Nahoře byl postaven vlastní 3D renderer, který poskytuje přechodové animace a zajišťuje jejich plynulý výkon i na mobilních zařízeních. Systém, který vytváří typografické plakáty, používá analýzu přirozeného jazyka a syntaxe k dekonstrukci každé věty a označení slov na základě sentimentu, který obsahuje.
Matboy Groves, technický partner společnosti Goodboy, říká: „Informace o sentimentu jsme spustili pomocí algoritmu, který rozložil plakát a vykreslil jej pomocí vlastních shaderů WebGL. Skvělá věc je, že se to všechno stalo v reálném čase!“
Uživatelé mohou také sdílet vzpomínky prostřednictvím hlasového vstupu v prohlížečích, které podporují Web Speech API - další skvělé vylepšení na webu plném krásně zvážených detailů. Web již není aktivní, ale můžete si jej prohlédnout na portfoliovém webu Razorfish na adrese 40together.razorfishawards.com.
Slova: Peter Gasston
Peter Gasston je zkušený webový vývojář, který nyní pracuje jako technolog a vedoucí frontendu v rehabilitačním studiu. Je autorem knih CSS3 a The Modern Web.