FOREVERMARK：探秘永恒

2017-03-24 H5案例分享 H5案例分享

案例：探秘永恒

出品：FOREVERMARK

亮点：

策划上，小游戏类，① 神秘的摩尔斯电码，给你留下了神秘的信息，请点击选择一颗钻石，开始破译，得到一串摩斯；② 先查看密码本，而后破译框内的摩斯密码，然后选择区域中正确的字母，输入到填写区域中，破解密码；③ 看到FOREVERMARK经典广告语：钻石恒久远，一颗永留传；④ 然后有“THE ONE”、封存钻石两个选项可供选择，选择“THE ONE”可欣赏唯美MV或者去鉴赏美钻，选择封存钻石将其封存起来转发朋友圈与TA共同揭开。
设计上，浪漫神秘风，采用蓝色作为主色调，晶莹闪亮的钻石很漂亮，摩尔斯电码充满神秘感，非常有韵味。
技术上，音乐控制采用的是SoundJS，预加载采用的是PreloadJS，里面的小动画主要采用的是CSS3的animation。

技术实现： Zepto + SoundJS + PreloadJS

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

识别图中二维码

探秘永恒-查阅二维码

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

标签