腾讯：千里之行_H5案例分享

腾讯：千里之行

2020-11-12 H5案例分享 H5案例分享

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

识别图中二维码

千里之行-查阅二维码

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

案例：千里之行

品牌：腾讯

技术实现： html5

亮点：

腾讯22周年纪念公益类作品，用户参与障碍奔跑游戏，全球累计到一定步数即可开启公益之门，以此显示腾讯的社会责任感和品牌高度。

打开作品，点击开始，查看活动规则，点击选择角色，查看当前所有用户累计步数和自己捐赠的步数，此页面可点击开始游戏，切换角色或查看排行榜，点击开始游戏，查看操作方法，倒数三秒后游戏开始，左右移动人物避开障碍物，上方有米数显示和标语旗不断掠过，碰到障碍物后游戏结束，成绩和获得的称号出现，点击生成海报。

人物在路上奔跑，有蓝天白云，有高楼大厦，画面干净，看着轻松舒服。

操作简单，人物奔跑速度不快，躲过障碍物很容易，左上方有暂停键可随时暂停游戏。

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