洁柔：全民探案寻找神秘贵族Doctor.J

2017-12-18 H5案例分享 H5案例分享

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

识别图中二维码

全民探案寻找神秘贵族Doctor.J-查阅二维码

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

案例：全民探案寻找神秘贵族Doctor.J

出品：洁柔

制作：左启互动

亮点：

策划上，寻宝小游戏类，① loading结束进入首页，交代游戏背景，一个神秘的“Doctor.J”手中的研究成果，将影响我们的生活，集齐长图故事里隐藏的6个线索，揭秘隐藏在谜团背后的真相；② 点击开始探索，进入到长图页，在长图页里点击文案里左上角的喇叭小图标接口收听提示音，点击线索道具即可进行搜集，点击右下角的线索框即可查看自己收集到的道具；③ 通过滑动来到长图尾部后，长按指纹开启揭秘，即可看到自己的揭秘成果，揭秘成功的小伙伴还有神秘奖励可领哦。
设计上，卡通漫画风格，首页以黑色作为主色调，再配以极具特色的背景音，营造了一种神秘的气氛，勾起人们的好奇心；长图页面，画面偏卡通，有趣好玩，音效也比较欢快。
技术上，这支H5主要是采用Canvas + CreateJs来实现的。
体验上，loading加载太慢了，等待的时间有些长啊，这点体验有些不太好。

技术实现： jQuery + Canvas + CreateJs

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

标签