人民日报新媒体 + 抖音:冰雪动物城

2022-02-16 H5案例分享 H5案例分享
人民日报新媒体 + 抖音:冰雪动物城


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

识别图中二维码

冰雪动物城-查阅二维码

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


案例:冰雪动物城

品牌:人民日报新媒体 + 抖音

技术实现: Cocos2d-JS + p5.js

亮点:

1、创意定位

人民日报新媒体和抖音发布的关于冬奥体育项目的H5,以卡通小动物在冰雪城参加体验项目,介绍5项目冰雪项目。

 

2、策划上

① loading进入后是5项冰雪项目,分别是单板滑雪障碍追逐、花样滑冰、冰球、冬季两项、高山滑雪;点击不同的项目下面的“挑战TA”按钮,进入体育项目;

② 进入每个项目,开始都有操作说明,而后自动进入倒计时,开始比赛,比赛完毕后和其他小动物比赛成绩的排名;

③ 尾页中,用户可以获得当前比赛的成绩海报,也可以重新再玩一遍当前选择的体验项目;同时,也可以选择其他的比赛项目。

 

3、设计上

传统的中国风画面,有点水墨风格,背景中是冬季的冰雪山脉,配有长城、中国庭院、中国的红灯笼、松柏。

 

4、交互上

每个体验项目的操作都不相同,给用户的体验会不一样;像我这种类型的,5个体育项目都想体验一下,在H5中停留的时间会长些,但是体验过程中,不会觉得时间长。

5项目体验项目操作说明

单板滑雪障碍追逐:单击、双击;

花样滑冰:手指划线沿着轨迹画线完成动作;

冰球:手指滑动射门;

冬季两项:调起重力感应,旋转摆动,通过手机重力感应进行瞄准,点击任意位置射击;

高山滑雪:手指左右滑,穿过旗门,但是不要错失旗门。





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

标签

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

相关推荐:

【合集】8支国外创意,不同的角度看创意

BEIJING 2022:定制你的冬奥“春游照”

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~