紫龙游戏：新御剑情缘

2018-01-20 H5案例分享 H5案例分享

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

识别图中二维码

新御剑情缘-查阅二维码

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

案例：新御剑情缘

出品：紫龙游戏

亮点：

策划上，以一段2分15秒的视频为主。视频中，两个小姑娘，因一个手镯产生的羁绊，走上了寻找对方的旅程。他们走过了山川河流，庙宇宫廷，历经种种困难与危机，最终相见于一片田野。引出 “遇见另一个你”，新剑侠情缘的推广slogan，品牌露出。最后展示海报，引导下载。
设计上，唯美国风卡通，与《大鱼海棠》相近，主题又与《你的名字》相似。画面流畅，颜色偏暖。
技术上，虽然是视频的形式，但是一个H5中，同时只能播放一个video视频。本案例，制作时采用上下同时播放一个video视频。借助canvas，在表现时，感觉是绘制左右两个视频，这一点给技术点个赞。
交互上，部分视频片段，长按一侧屏幕，可查看全画幅视频。
体验上，很棒的体验，视觉享受，画风很好，内容也不庸俗，设计走心，创意满分。

技术实现： Zepto + video

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

标签