海航：神秘密码在哪里？

2017-07-23 H5案例分享 H5案例分享

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

识别图中二维码

神秘密码在哪里？-查阅二维码

案例：神秘密码在哪里？

出品：海航

亮点：

1.策划上，以探索解密为核心，整体以探索和公益为内容展现，通过四种交互方式，探索到4个数字，分别为“3056”。每找到一个数字，会显示一屏公益内容。

2.设计上，纪念碑谷游戏的设计风格。深色的背景，配合鲜亮的色彩，小小神秘色彩。在展示的内容方面，以牛筋纸的书页为公益的承载，最后，形成一本书。

3.交互上，第一关，采用擦一擦的交互方式，找到数字“3”；第二关，采用摇一摇的方式，找到数字“0”；第三关，采用点击，找到数字“5”；第四关，采用滑动屏幕，找到数字“6”。每一个数字的出现和找到，都很巧妙，很符合H5小巧精悍的特色。

技术实现： jQuery

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

标签