穿越火线:你要怎么牛Bi

2016-08-02 H5案例分享 H5案例分享
穿越火线:你要怎么牛Bi

案例:你要怎么牛Bi

出品:穿越火线

亮点:

  1. 策划上,故事+小游戏类,① 通过动态图文的形式讲述了伊索寓言中《父子赶驴》的故事,父子俩都不骑驴、子骑驴父牵驴、父子都骑驴,反正怎么做,都会被人骂,故事结局是悲剧的父子俩抬驴掉进河里淹死了;② 现在有两种牛人,技术牛、意识牛,你会选谁来解决驴的难题,如果你也想成为下一个牛人,快来参加“最强门徒”吧。
  2. 设计上,黑白漫画类,没有太强的视觉冲击力,但是比较有内涵。
  3. 技术上,父子和驴动画主要采用的是Canvas + CreateJs;类似于弹幕的动画采用的是CSS3的animation。



技术实现: Canvas + CreateJs


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

识别图中二维码

你要怎么牛Bi-查阅二维码




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

标签

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

相关推荐:

腾讯游戏:穿越火线CF手游推广H5案例:一起打个大波僵尸!

品客薯片 & 腾讯游戏:品客薯片&腾讯游戏双人双打H5案例:CF手游&品客组队大战僵尸

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~