央视网&亿众互动:雪墙冲冲冲
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分钟
案例:雪墙冲冲冲
品牌:央视网&亿众互动
技术实现: HTML5
制作:央视网&亿众互动
亮点:
1,创意定位
冬奥号角响彻神州大地,华夏儿女热“雪”沸腾。央视网联合亿众互动共同推出一款让人肾上腺素直线飙升的冰雪游戏,为北京冬奥会的顺利举办加油助力!
此H5以“雪墙冲冲冲”为主题,以“骨骼动画技术”为创意形式,在线上打造了一款紧张刺激的“指尖冰雪运动”游戏;拖动人物身体上的光点,让人物做出四肢弯曲、下蹲、倾斜等动作;
当雪墙靠近时,将人物摆弄至墙洞所示的对应姿势,即能顺利通过墙洞,反之则不然;最后给予具有爱国元素的个性称号,新颖独特。
墙洞姿势千奇百怪,游戏难度不断升级;单人模式开启全场solo,不断挑战自我,突破极限;双人模式开启语音对话,在线沟通战术,考验默契;游戏中随机获取新装备、解锁新皮肤,惊喜连连。
- 策划逻辑
①Loading页:卡在雪墙中的人物姿势不停变换,其中致敬经典动漫《龙珠》合体姿势——悟天克斯;随后人物被拍在雪墙上,在重心引力作用下向下滑落,自动进入【首页】;
②首页:雪花飘扬,树木攒动,人物站在墙洞中奔跑向前,画面灵动有生机;点击“进入游戏”进入【模式选择页】;
③模式选择页:单双人模式卡片采用上下排布的形式,简洁清晰;点击“单人挑战”进入【单人游戏页】;点击“双人挑战”进入【双人游戏页】;
- 单人模式页:倒计时开始,人物根据雪墙所示动作迅速调整姿势,在镜像辅助下,可观察动作是否到位,;游戏结束进入【海报页】;
- 双人模式页:开启语音交流,邀请好友,双方在线沟通穿墙战术,默契配合站位及姿势,一人不慎,全盘皆输;游戏结束进入【海报页】;
④海报页:姿势多变的人物手持照片,穿墙高光时刻定格其上,精彩有趣,个性十足;点击“再来一局”重新进入【游戏页】;点击“分享好友”进入【分享页】;
⑤分享页:遮层弹窗配合分享文案,引导用户分享至好友或朋友圈。
三、视觉设计
①整支H5以蓝紫冷色调为主,辅之以黄、橙等暖系色调,充分营造了冬奥盛事的冰雪氛围,具有强烈的视觉狙击与无尽的想象空间;
②镜像设置清晰鲜明,强化了游戏引导,用户体验更加愉悦舒畅;
③白胖的雪人,虎年生肖皮肤等元素的设计精美,构思精巧,总能给人意外惊喜。
四、转场与动效
①转场新颖有趣,丝滑流畅;页面衔接自然连贯,游戏节奏明快有序,体验感极其舒适;
②动效酷炫灵活,非常灵动不死板,具有鲜活的呼吸感;
③反馈动效提示清晰鲜明,减少了用户学习成本,游戏体验更佳。
五、互动体验
①交互简洁,操作简单,人物四肢灵活,可往任意方向拖动,灵敏度非常高;
②游戏难度逐渐升级,姿势千奇百怪,非常考验用户的反应力,充分调动其注意力与胜负欲;
速度与激情并存的雪墙冲刺游戏,还等什么,快和我一起全力冲刺,体验指尖冰雪运动的乐趣!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号