伊利：助力冬奥YILI加油

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

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

识别图中二维码

助力冬奥YILI加油-查阅二维码

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

案例：助力冬奥YILI加油

出品：伊利

亮点：

策划上，游戏类，一开始是一个滑雪动画，用户点击GO进入游戏，这时弹出游戏操作说明，点击开始，玩家共有三颗星星，说明只能被雪球撞三下。之后用户拖动角色即可躲避雪球，如果被雪球撞击三次会弹出挑战失败页面，有两个按钮，一个会引导你再玩一次，另一个引导你分享出去。当分数达到1070时，会弹出挑战成功的界面，上面有一个我的冬奥会形象按钮，，点击按钮会有一个上传照片分享的页面（左右滑动可切换为喜欢的角色哦），点击上传照片，上传后点击生成即可分享自己的图片了（可以保存或分享朋友圈）。如果对合成的照片不满意还可以重新上传，再次合成。
设计上，页面简单，人物卡通，操作简单，页面与冬奥会呼应。
交互上，拖动角色进行左右移动，避开雪球。
体验上，游戏简单容易上手，很容以让人放松。在玩的过程中也会感觉比较有趣。但角色可以拖到屏幕外边，就有点作弊的感觉了。

技术实现： jQuery+epub360

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

标签