阿里游戏:给枯燥的世界来点不一样

2017-08-03 H5案例分享 H5案例分享
阿里游戏:给枯燥的世界来点不一样

案例:给枯燥的世界来点不一样

出品:阿里游戏

亮点:

策划上,此项h5是阿里游戏为了宣传“让游戏一分钟,给枯燥的世界不一样”的游戏理念,进而所打造的宣传h5页面。

在此项h5中,动画是这个页面的最主要展示形式,整个画面以文字的叙述过程缓缓切出。刚开始时切出一个“手机屏幕”,并逐渐扩大到整个屏幕,给用户一种以下画面全部是手机中的既视感,表明这是以手游为主题的宣传。接着切换出一些游戏中的场景及一个小男孩在玩着手机,同时弹出当下十分火热的游戏语句,接着通过用手滑动的方式,翻转屏幕,使之前的玩游戏的男孩变身成为游戏中的第一名,之后又通过“手机屏幕”向用户推荐之前出现的游戏场景,前呼后应,更加突出了“让游戏一分钟,给枯燥的世界不一样”的理念。

设计上全局以暖色调为主,给人一种很舒服,很自然的感觉突出了“不一样的”感受。

全局主要以清新动画风格为主,在动画中通过游戏的一些情景,向用户展示着游戏带给人的视觉感受,又通过小男孩玩游戏,向用户展示着游戏可以带给人不一样的喜悦。

技术上,这支H5主要是采用Canvas + CreateJs来实现的。



技术实现: Canvas + CreateJs


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

识别图中二维码

给枯燥的世界来点不一样-查阅二维码




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

标签

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

相关推荐:

【手游类】H5案例大汇总(干货精选)——2017大合集第32波

阿里:阿里旅行大61召集令

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~