此时的果实，假如超出了可视区域，就不会再回来了，所以我们应该需要让存活为 flase 的果实在某些时机复活。

    所以我们需要一个监视果实的方法，当存活的果实小于15个的时候，就重置一个果实的状态，让它又涨出来。

    1.   // 监视果实
    2.   monitor() : void {
    3.     let num = 0;
    4.     for (let i = 0; i < this.num ; ++i) {
    5.       if(this.alive[i]) num++; // 计数存活果实的数量
    7.       if(num < 15) {
    8.         // 产生一个果实
    9.         this.reset()
    10.         return ;
    11.       }
    12.     }
    13.   }
    15.   //重置果实的状态
    16.   reset() {
    17.     for (let i = 0; i < this.num; ++i) {
    18.       if(!this.alive[i]) {
    19.         this.born(i); // 假如存活为 false ， 让它重新出生。
    20.         return ; // 每次只重置一个果实
    21.       }
    22.     }
    23.   }

    因为我们要在 born 里面重置，所以，我们要把构造器里面的一些重置属性的代码放到 born 方法里面。

    1.   // 初始化果实
    2.   born(i){
    3.     let aneId = Math.floor( Math.random() * anemones.num ) // 随机拿到一个果实的 ID
    4.     this.x[i] = anemones.x[aneId]; // 设置果实的 x 坐标为海葵的 x 坐标
    5.     this.y[i] = cvs_height - anemones.height[aneId]; // 设置果实的 y 坐标，为海葵高度的顶点坐标
    6.     this.speed[i] = Math.random() * 0.02 + 0.005; // 设置速度在区间 0.005 - 0.025 里
    7.     this.alive[i] = true; // 先设置它的存活为 true
    8.     this.diameter[i] = 0; // 未生长出来的果实半径为0
    9.   }

    而我们构造会像这样，简单很多。

    1.   constructor(){
    2.     for (let i = 0; i < this.num; ++i) {
    3.       this.born(i);
    4.     }
    5.     this.orange.src = 'assets/img/fruit.png';
    6.     this.blue.src = 'assets/img/blue.png';
    7.   }

    当然，这个监视果实的方法需要我们在，游戏循环里面调用

    1. function gameLoop() {
    2.   const now = Date.now()
    3.   deltaTime = now - lastTime;
    4.   lastTime = now;
    6.   console.log(deltaTime);
    8.   drawBackbround()
    10.   anemones.draw()
    11.   fruits.draw()
    12.   fruits.monitor()
    13.   requestAnimationFrame(gameLoop);
    14. }

    增加果实的类型 - 图1

    这样就会有果实不断的消失，不断的重生，死去意味着新的生命开始。