ECI Awards:首个朋友圈发布的3D无死角创新奖杯

2016-07-29 H5案例分享 H5案例分享
ECI Awards:首个朋友圈发布的3D无死角创新奖杯

案例:首个朋友圈发布的3D无死角创新奖杯

出品:ECI Awards

亮点:

  1. 策划上,小游戏+图文展示类,① 滑动屏幕,欣赏3D孔明锁形式的ECI奖杯,点击“抽离”,即可抽出一根完整的木块,点击“相扣”,即可将木块再次插入,这一根可自由抽插的木块,是解开孔明锁的关键,象征着“创新”;② 点击ECI Awards的logo和右上方的小图标,即可看到写在3D ECI奖杯上的ECI Awards简介;③ 点击右下角“奖杯”图标和“鸣谢”图标,即可了解ECI奖杯的设计理念和相关参与制作的公司小简介设计上,
  2. 交互上,可上下左右滑动屏幕,欣赏ECI奖杯
  3. 技术上,滑动屏幕采用的是HammerJS(移动端手势库),3D ECI奖杯采用的是Canvas+ PlayCanvas(基于WebGL的游戏引擎)



技术实现: jQuery + HammerJS(移动端手势库)+ PlayCanvas(基于WebGL的游戏引擎)


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

识别图中二维码

首个朋友圈发布的3D无死角创新奖杯-查阅二维码




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

标签

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

相关推荐:

ElloWorld 艾洛互动:三维旋转跳跃游戏

杭州象文科技有限公司:微物志-H5史上第一部原创3D动画短片

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~