人民日报新媒体 + 抖音:冰雪动物城
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要4分钟
案例:冰雪动物城
品牌:人民日报新媒体 + 抖音
技术实现: Cocos2d-JS + p5.js
亮点:
1、创意定位
人民日报新媒体和抖音发布的关于冬奥体育项目的H5,以卡通小动物在冰雪城参加体验项目,介绍5项目冰雪项目。
2、策划上
① loading进入后是5项冰雪项目,分别是单板滑雪障碍追逐、花样滑冰、冰球、冬季两项、高山滑雪;点击不同的项目下面的“挑战TA”按钮,进入体育项目;
② 进入每个项目,开始都有操作说明,而后自动进入倒计时,开始比赛,比赛完毕后和其他小动物比赛成绩的排名;
③ 尾页中,用户可以获得当前比赛的成绩海报,也可以重新再玩一遍当前选择的体验项目;同时,也可以选择其他的比赛项目。
3、设计上
传统的中国风画面,有点水墨风格,背景中是冬季的冰雪山脉,配有长城、中国庭院、中国的红灯笼、松柏。
4、交互上
每个体验项目的操作都不相同,给用户的体验会不一样;像我这种类型的,5个体育项目都想体验一下,在H5中停留的时间会长些,但是体验过程中,不会觉得时间长。
5项目体验项目操作说明
单板滑雪障碍追逐:单击、双击;
花样滑冰:手指划线沿着轨迹画线完成动作;
冰球:手指滑动射门;
冬季两项:调起重力感应,旋转摆动,通过手机重力感应进行瞄准,点击任意位置射击;
高山滑雪:手指左右滑,穿过旗门,但是不要错失旗门。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号