网易：寻找1987与伟大一起诞生的你

2017-12-05 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

寻找1987与伟大一起诞生的你-查阅二维码

完整欣赏此案例大约需要40秒

案例：寻找1987与伟大一起诞生的你

出品：网易

亮点：

策划上，画中画类，这支H5主要分为两部分，①第一部分以画中画的形式展现了从Windows97时代到2008奥运再到2017现代化科技时代，网易的变迁；② 而后通过点击手机上的网易APP图标，打开网易新闻即可看到1987年出生的陈晓为网易做的代言，并引出凯迪拉克致敬中国互联网30周年，寻找1987与伟大一起诞生的你，点击报名填写个人信息即有机会参与“纪念中国互联网30周年”走心视频拍摄并获得丰厚大礼哦。
设计上，插画风格，前半部分主要采用棕色作为主色调，有种年代感，很好地衬托了互联网30发展史的变迁，后半部分采用玫瑰金作为主色调，华丽而典雅，展现了现代互联网的蓬勃发展。
交互上，画中画部分采用长按动画自动播放的交互方式。
技术上，此案例主要是采用Canvas + PixiJs + TweenMax来实现的。

技术实现： Zepto + PixiJS + TweenMax

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签