穿越火线:你要怎么牛Bi

案例:你要怎么牛Bi
出品:穿越火线
亮点:
- 策划上,故事+小游戏类,① 通过动态图文的形式讲述了伊索寓言中《父子赶驴》的故事,父子俩都不骑驴、子骑驴父牵驴、父子都骑驴,反正怎么做,都会被人骂,故事结局是悲剧的父子俩抬驴掉进河里淹死了;② 现在有两种牛人,技术牛、意识牛,你会选谁来解决驴的难题,如果你也想成为下一个牛人,快来参加“最强门徒”吧。
- 设计上,黑白漫画类,没有太强的视觉冲击力,但是比较有内涵。
- 技术上,父子和驴动画主要采用的是Canvas + CreateJs;类似于弹幕的动画采用的是CSS3的animation。
技术实现: Canvas + CreateJs
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

微信扫一扫
关注该公众号