孔雀城X网易新闻：诚意星球超速计划限时开跑

2023-05-29 H5案例分享 H5案例分享

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

识别图中二维码

诚意星球超速计划限时开跑-查阅二维码

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

案例：诚意星球超速计划限时开跑

品牌：孔雀城X网易新闻

技术实现： html5

亮点：

孔雀城与网易新闻联合推出的积分游戏，用户在环形增高的跑道上完成跑酷任务，即可获得积分，沿途收集幸福币，用游戏乐趣与成就感促进商城活跃度的提高。

选择一个人物形象，输入名字进入城市，左上角有地图缩略图标注，用户根据光标提示，用左下角的操作盘让人物前后左右跑步移动，沿着固定路线跑完全程即可完成任务，所得积分自动兑入个人账号，可在积分商城使用。

赛博朋克的视觉效果，时尚感与未来感拉满，跑酷过程中用户可以点击右下角触点让人物跳舞或打招呼，丰富人物形态，提高操作过程中的趣味，高亢的励志背景乐很燃，充盈跑酷情绪。

操作很灵敏，在跑道上要小幅度范围的去操作人物移动方向，不然会半路从跑道掉下来。

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

标签