css动画版抓娃娃.doc

文档介绍：css
动画版抓娃娃
公司出的六一活动有个关于抓娃娃和红包雨的小游戏。自己手写一下demo。由于项目赶期，没敢尝试canvas做，准备使用canvas做一遍。
先上个小图看看吧
ui就是一个比较普通的传送带+奖品轮播
css
动画版抓娃娃
公司出的六一活动有个关于抓娃娃和红包雨的小游戏。自己手写一下demo。由于项目赶期，没敢尝试canvas做，准备使用canvas做一遍。
先上个小图看看吧
ui就是一个比较普通的传送带+奖品轮播
楼顶有个钩子
夹中的时候
感觉难点也就是计算夹子触底时候的位置计算了。我是个位置计算白痴，〜•主要实现采用了监听transitionend去做相应的判断
主要的动画效果，再一些较卡的安卓机还是有不错的感觉的，起码不会特别卡帧
做css动画还是要注意使用translate3d做一个3d的加速（据说有些手机有这一项的就会进行加速）
改进的点：人感觉多学一点动画函数，来做出更加贴切平滑的效果。
把项目代码放：
由于代码是从线上项目切分出来的可能有点乱也当做个记录！