纪念碑谷2：心世界的旅程
案例：心世界的旅程
出品：纪念碑谷2
亮点：
- 策划上，交互视频。手游《纪念碑谷2》的宣传。Loading完毕，在首页点击屏幕下方的按钮，画面会出现游戏主角母女，她们向前走到一处停下，此时镜头上移，并提示用户“选择你的心情颜色”，红、蓝、绿三选一之后，再提示“选择你向往的世界”，同样也是三选一。选择完毕后会开启这段属于你的“心世界旅程”，画面以视频的形式展现。视频播放完毕，结尾页可以选择“下载游戏”，或“再次启程”去体验别的旅程。
- 设计上，原汁原味的《纪念碑谷2》风格。画面将昏暗和明亮二者结合，主要的元素得到了很好的突出，同时在整体上不会显得非常花眼。9种旅程的设计都各具特色，用户体验时在视觉上会有极大的满足感。用户所选择的“心世界旅程”，虽然是视频，却还原了《纪念碑谷2》的游戏操作过程及画面，让人不用花钱下APP就能抢先体验。
- 体验上，非常精美的一支H5，连用户不会停留很久的首页，都设置了重力感应的星空变换效果。案例中的视频与交互衔接得非常完美，很流畅，不会有断开的感觉。专属旅程的设定，使得案例的新鲜感可以持续很久。说实话，小编一直还没有机会体验《纪念碑谷》游戏，但已经确信了“随便一截图，就是一张壁纸”这句话，也已经迫不及待去下一个玩玩了。除此之外，用户分享到票圈或好友时的标题，也会由用户选择的旅程来决定。
技术实现： CreateJS + THREE.js + Zepto + Video视频
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
