美文网首页
[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