Air Jordan:颠覆魔星统治

2016-12-05 H5案例分享 H5案例分享
Air Jordan:颠覆魔星统治

案例:颠覆魔星统治

出品:Air Jordan

亮点:

  1. 策划上,图文展示+小游戏类。进入页面,点击开始颠覆会进入一个模拟的朋友圈里,上下滑动屏幕可以查看内容,还能点赞甚至评论,朋友圈中的动图可以点击,点击不同的图片会进入不同的游戏环节,但正在浏览观看的时候,会接到“吉米·巴特勒”的电话,他会让你和他一起颠覆魔星统治。接下来是游戏部分,按照提示操作,如果遇到困难还能“召唤吉米”来帮你通关,最后会进入AJ I和AJ XXXI的展示页,可以点击立即购买跳转至购买链接,或“再玩一次”游戏。

 

  1. 设计上,整体科技感十足,动画效果非常炫酷,所有环节都充满活力。朋友圈可以点赞可以评论,文字出现效果也很有新意,游戏部分难易度控制得很到位。从视觉和听觉上,足以留住大部分用户。

 

  1. 体验上,背景音乐很动感,每个交互都配有音效,细节表现非常棒。但不足的是,像js之类的大框架很吃性能,如果优化不好,很容易出现崩溃的情况。小编已经彻底抛弃iPhone6以下的机型了,但连6都闪退了很多次。



技术实现: THREE.js + Vue.js + CSS3(Transform)


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

识别图中二维码

颠覆魔星统治-查阅二维码




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

标签

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

相关推荐:

Air Jordan:Court Zero

耐克 Nike:看完,请把手机摔了

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~