NIO：熄灯后，探索更美的星空

2018-03-26 H5案例分享 H5案例分享

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

识别图中二维码

熄灯后，探索更美的星空-查阅二维码

完整欣赏此案例大约需要2分

案例：熄灯后，探索更美的星空

出品：NIO

亮点：

策划上，NIO为环保宣传做出的小游戏。刚开始进入页面，就是漫天的繁星组成的60+的样子，下方直管的点题这是一个关于环保的宣传。点击下方的start，开始游戏，移动群星，当所有星星连城线时，会出现一个形状，下方的是时间，当完成形状后，会显示连城这个形状需要多长时间。之后的界面下方有两个可以点击的，一个是挑战下一关，继续游戏；一个是和好友拼手速，把游戏分享给好友比拼速度。
设计上，颜色与黑夜时星空的颜色相对应，突出环保的主题。
体验上，手指滑动屏幕来进行星星的连线，操作简单，激发体验者的想象空间，因为散乱的星星是无序的，只有完成指定的形状后才算完后游戏。关于星空，主题上和环保非常贴切，在现在的环境下很少能看到群星在夜晚的天空中闪耀，这能大力的激发人们爱护环境保护环境的心态。

技术实现： jquery

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

标签