写项目遇到的问题和解决办法

1.设置每条鱼的生命值

刚开始想的是创建一个对象，然后让每一个对象和每条鱼相匹配，每当遇到别的鱼时， 会根据两个鱼的生命值进行判断，如果大于，则玩家控制的鱼生命加1，反之， 当玩家操作的鱼生命为0时，游戏结束。当实际写代码时，发现难操作，

解决方法 给每一条设置一个自定义属性data-index，用这个属性来代替每条鱼的生命值，然后当两条鱼碰撞时，在进行判断 ，从而改变data-index ；但要注意一点 ，获取的data-index为字符型，所以要转换成整数型

2.判断两条鱼是否发生碰撞

刚开始做时，就在这里卡住了，两个鱼相碰就是让两条鱼的位置相同，由于情况有很多，所以

Math.abs(obj1rect.top - obj2rect.top) < 10 && Math.abs(obj1rect.left - obj2rect.left) < 40

用绝对值的方法来写就比较简单许多，另外，将碰撞写成一个函数，再调用，就比较好用，但有一个缺点，我用CSS动画给其他鱼，让他们能动起来，但是，比较麻烦，有时候必须找对位置才能让两个鱼碰在一起，这个问题会在以后的学习中改善，

3.由自己鼠标操控的鱼不能变大，和进化

这个问题 我这几天一直在想，但还是解决不了，以后会进行改善

给大家推荐几个很好用的网站

iconfont-阿里巴巴矢量图标库里面有很多小图标，很好用

Bulk Resize Photos**：一个帮助制作小图标的在线工具。