网易新闻：在深圳的上空rock

2020-09-01 H5案例分享 H5案例分享

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

识别图中二维码

在深圳的上空rock-查阅二维码

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

案例：在深圳的上空rock

品牌：网易新闻

技术实现： zepto + video

亮点：

深圳特区40周年的宣传作品，展现深圳青春活力时尚的一面，加深用户对深圳的印象和兴趣。

先是一个简单小游戏，在光标划过圆点的时候点击触点，三个触点都被成功点亮后，一小段视频自动播放，是深圳的各个地标性建筑和场所，京基100，深圳音乐厅，深交所大楼，大芬美术馆，深圳大运中心，保安国际机场，最后还有实拍照片依次浮现，视频结束后用户可重新观看或分享作品。

每个地标性建筑都是实拍的场景图，外观图，加上手绘的动态人物，手臂等活力元素，颜色鲜亮，造型潮酷，整个作品在强烈的节奏中展开，观看起来很带劲儿。

点亮节奏圆点的游戏，小光标会重复划过，直到用户准确点击把三个小圆点都点亮为止。

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

标签