纪念碑谷2：一步一世界

2017-11-03 H5案例分享 H5案例分享

案例：一步一世界

出品：纪念碑谷2

亮点：

策划上，视频类。这是由纪念碑谷2打造的一款宣传h5。① 首屏，一束的光上升拉开了纪念碑谷2 的帷幕。② 主人公从山谷到满月，从大海再到星辰，演绎整个世界的岁月乾坤。③ 尾屏，“一步一世界”，推广纪念碑谷2这款游戏。
设计上，细腻唯美风格。① 黄绿蓝三色的糅合，渲染了一幅又一幅细腻唯美的画面。② 色彩饱和度的变化使的整体的局面变得缤纷迷幻。
技术上，整款h5视频的播放采用了html5中的Video标签技术进行实现。其中Video标签的主要属性如下：preload x-webkit-airplay airplay webkit-playsinline

技术实现： Video+Zepto

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

识别图中二维码

一步一世界-查阅二维码

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

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

标签