腾讯影业：元城特大杀人悬案，谁才是活下来那一个？

2016-12-19 H5案例分享 H5案例分享

案例：元城特大杀人悬案，谁才是活下来那一个？

出品：腾讯影业

亮点：

策划上，小游戏类，① 首页利用放大镜，表示此次破案的细节问题及其重要，通过9个人，n条线索，为警方提供有效线索破解杀人案；② 当点击其中某一人的时候，会显示出与其相关的人员，并播放相关简短视频；③ 通过发现与谨慎推断得出答案提交警方；④ 若想看真正答案，则点击可在微票儿，猫眼或糯米进行购票哦。
设计上，神秘阴郁风格，采用黑色作为主色调，九个线索人物采用照片墙的方式展现，。
交互上，点击线索墙上任意一人的照片，即可看到该人物相关的人，选择任意一个相关人，查看他们之间的故事碎片，线索就在视频里。
技术上，整个H5主要采用Canvas + JavaScript来实现，当然啦，视频还是采用的是html5的Video。

技术实现： Canvas + JavaScript

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

识别图中二维码

元城特大杀人悬案，谁才是活下来那一个？-查阅二维码

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

标签