网易：态度日历让每一天更有趣

2018-01-03 H5案例分享 H5案例分享

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

识别图中二维码

态度日历让每一天更有趣-查阅二维码

完整欣赏此案例大约需要1分53秒

案例：态度日历让每一天更有趣

出品：网易

亮点：

策划上，这支H5是为了态度日历产品做的，态度日历是历史上的今天为主题的一款日历。H5以一镜到底滑屏形式将历史上的人和事串联起来，配以长诗朗诵让用户身临其境，让古人穿越时空来见你。
设计上，黑白线条，配合金棕色辅助色，有说明，有强调。
交互上，横屏观看，慢慢向左滑动手机屏幕，随着滑动，展示叙事的推进，背景独白也随之变化。

技术实现： pixi.js + TweenMax.js + Scroller.js

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

标签