Задаволены
У гэтым годзе адзначаецца 40-годдзе McDonald's, і ён святкуе, прадстаўляючы ўспаміны кліентаў, якія ахопліваюць пяць дзесяцігоддзяў, у інтэрактыўным дадатку, створаным Razorfish, адным з нашых любімых дызайнерскіх агенцтваў, якія будуць сачыць у Twitter.
Стварыце свой уласны сайт з дапамогай гэтых бліскучых падручнікаў па WordPress
Пабудаваны цалкам з выкарыстаннем API HTML5 Canvas, тут сапраўды кідаюцца ў вочы дзве рэчы: цудоўна аніміраваны інтэрфейс і тыпаграфія, якая дастаткова есць.
Як яны гэта зрабілі
Макет сеткі і плакаты былі створаны з выкарыстаннем Pixi.js, 2D-візуалізатара WebGL ад Goodboy Digital.Спецыяльны 3D-візуалізатар быў пабудаваны зверху, каб забяспечыць пераходную анімацыю і зрабіць іх плаўную працу нават на мабільных прыладах. Сістэма, якая стварае друкарскія плакаты, выкарыстоўвае аналіз натуральнай мовы і сінтаксісу, каб дэканструяваць кожны сказ і пазначыць словы на аснове настрояў, якія яны ўтрымліваюць.
Тэхнічны партнёр Goodboy Мэт Гроўз кажа: "Мы правялі інфармацыю пра настроі праз алгарытм, які раскладзе плакат і адлюструе яго з выкарыстаннем некаторых спецыяльных шэйдэраў WebGL. Самае крутое, што ўсё гэта адбывалася ў рэжыме рэальнага часу!"
Карыстальнікі могуць таксама дзяліцца ўспамінамі праз маўленчы ўвод у браўзэрах, якія падтрымліваюць API Web Speech - яшчэ адно выдатнае паляпшэнне на сайце, поўным прыгожа прадуманых дэталяў. Сайт больш не працуе, але вы можаце праглядзець яго на партфельным сайце Razorfish па адрасе 40together.razorfishawards.com.
Словы: Пітэр Газстан
Пітэр Газстан - ветэран-вэб-распрацоўшчык, які зараз працуе тэхнолагам і кіруючым супрацоўнікам у рэабілітацыі. Ён з'яўляецца аўтарам "Кнігі CSS3 і сучаснага сеціва".