课程/HTML/CSS/前端开发
HTML5小游戏---爱心鱼(下)
-
-
java家洼
2016-06-25
- 2-1:大鱼喂小鱼:
大鱼喂小鱼的逻辑和之前的大鱼吃果实的逻辑是一样的,
在collision.js文件中:
添加如下代码:
//mom baby collision
function momBabyCollision(){
var l=calLength2(mom.x,mom.y,baby.x,baby.y);
if(l<900){
baby.babyBodyCount=0;
}
}
并且将momBabyCollision()放在主循环gameloop中,放在momFruitsCollision();之后。然后把baby.draw();放在mom.draw();之后
刷新是F5,到浏览器看效果:大鱼没吃到果实,没有能量给小鱼,小鱼身体应该不会变红,因为大鱼的动画还没有加上去,包括分值的计算也没有加上去,我们先把这个功能放着,下一个任务是做大鱼的动画。
-
2赞 · 1采集