蒙牛：老九门_H5案例分享

蒙牛：老九门

2016-11-28 H5案例分享 H5案例分享

案例：老九门

出品：蒙牛

亮点：

策划上，3D全景 + 测试答题类，以盗墓的地下场景作为背景，通过360度展示寻找隐藏场景中正确的6扇大门，点击大门后会出现各类关于老九门的测试题，每过一关会得到相应的设备，集满六款即可通往大门最深处，幸运的朋友还可抽奖。
设计上，盗墓笔记风格，以3D全景形式模拟盗墓的地下场景，黑色青色相融成阴冷感，符合盗墓探险的风格。
技术上，整体画面采用的是Canvas + JS实现的；集满六款设备，点击大门即可通往最深处，然而~活动时间已过，进入到大门最深处后，后续的抽奖什么的就都没有了~

技术实现： jQuery + Canvas

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

识别图中二维码

老九门-查阅二维码

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