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**:一个帮助制作小图标的在线工具。