美文网首页
[H5案例分享]一镜到底漫游港珠澳大桥(虚拟与真景的结合)

[H5案例分享]一镜到底漫游港珠澳大桥(虚拟与真景的结合)

作者: H5案例分享 | 来源:发表于2018-10-25 13:38 被阅读0次

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

案例链接:https://c.m.163.com/nc/qa/activity/gzabridge/index.html

案例:一分钟漫游港珠澳大桥

出品:网易新闻

亮点:

1.创意定位

第一视角一镜到底的方式,带领用户体验港珠澳大桥的风采。

2.策划上

用户长按屏幕,便是在前进,左上角还有公里数供读者参考。随着不断前进,画面上的景色也不断变换着,分为8个里程段(01-07公里、07-14公里、14-21公里、21-28公里、28-35公里、35-46公里、46-49公里、49-55公里),每到一个里程段松手可以拍照,里程段范围内拍照相同,不同里程段拍照不同。走完全程后邀请用户将自己拍摄的照片做成明信片转发给好友。

3.设计上

蓝色为主色调,整体为手绘漫画风格,拍照后的照片为真实景物。

4.技术上

案例整体为一个1分22秒的视频,用户长按播放视频,使用video的play()方法,松手停止播放视频,使用video的pause()方法。

5.体验上

加载速度快、操作流畅,真的有开车在路上的感觉~要说哪里不好,可能是明信片设计的部分有点减分了。

以上为【H5案例分享】团队原创文章!

转载请务必注明出处!

相关文章

网友评论

      本文标题:[H5案例分享]一镜到底漫游港珠澳大桥(虚拟与真景的结合)

      本文链接:https://www.haomeiwen.com/subject/qugqtqtx.html