ECI Awards:首个朋友圈发布的3D无死角创新奖杯
案例:首个朋友圈发布的3D无死角创新奖杯
出品:ECI Awards
亮点:
- 策划上,小游戏+图文展示类,① 滑动屏幕,欣赏3D孔明锁形式的ECI奖杯,点击“抽离”,即可抽出一根完整的木块,点击“相扣”,即可将木块再次插入,这一根可自由抽插的木块,是解开孔明锁的关键,象征着“创新”;② 点击ECI Awards的logo和右上方的小图标,即可看到写在3D ECI奖杯上的ECI Awards简介;③ 点击右下角“奖杯”图标和“鸣谢”图标,即可了解ECI奖杯的设计理念和相关参与制作的公司小简介设计上,
- 交互上,可上下左右滑动屏幕,欣赏ECI奖杯
- 技术上,滑动屏幕采用的是HammerJS(移动端手势库),3D ECI奖杯采用的是Canvas+ PlayCanvas(基于WebGL的游戏引擎)
技术实现: jQuery + HammerJS(移动端手势库)+ PlayCanvas(基于WebGL的游戏引擎)
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号