新华社客户端X新华社体育部X新华社技术局X新浪微博:燃...燃起来了

2021-08-09 H5案例分享 H5案例分享
新华社客户端X新华社体育部X新华社技术局X新浪微博:燃...燃起来了


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

识别图中二维码

燃...燃起来了-查阅二维码

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


案例:燃...燃起来了

品牌:新华社客户端X新华社体育部X新华社技术局X新浪微博

技术实现: html5

亮点:

  1. 创意定位

全民健身时代,远离高热量食物,用运动消耗卡路里,才能实现身材升级。参与新华社出品的足球游戏,了解运动,卡路里,与实物数量之间的换算,还可以用成绩兑换奖品哦!

 

  1. 策划逻辑

作品主要有三个环节

 

①初始界面

一位身着球服的胖男生背影,上方是标题和该男子肥胖程度,下方是开始触点,排行榜与游戏方法详情。

 

②游戏挑战

点击“运动有奖”开始挑战,男生大脚开球,向前奔跑,用户点击跑道让运动员左右移动,在奔跑时需要注意足球位置,及时挪去带球,同时接住水,避开高热量食品和裁判,接住水可以保持左上角身体含水量进度条不枯竭,接住高热量食品会抵消减掉的卡路里,没有及时接回球和冲撞裁判会导致游戏结束,奔跑一定距离后男子身材会变瘦一个等级。

 

③落地海报

游戏结束后自动生成结果海报,包括本次步数,几等奖,消耗了多少卡路里,折合多少食物和出品方名字,用户可点击领奖和重新开始。

 

  1. 设计上

立体效果的界面设计,看起来简洁可爱,绿色的跑道,蓝色的水滴,和彩色的下方有动态能量圈的食物图标,跟生活中用美味魔力吸引人的食物一样,都是汉堡薯条披萨一类的高热量美食。

 

  1. 音效上

背景音激烈有力,激发运动热情,表达减肥决心!





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

贝壳X中国国家女子排球队:为女排加油

人民体育X腾讯看点XQQ浏览器:我们能一起看奥运么?

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~