1. import utils from "./utils";
    3. import { FruitType } from "./fruits";
    6. let lastTime: number = Date.now(), // 记录上一次绘制的时间
    7.     deltaTime: number = 0; // requestAnimationFrame 执行完成所用的时间 = 当前时间 - 上一次绘制的世界
    9. /**
    10.  * 鱼妈妈与果实的碰撞检测
    11.  */
    12. function fishAndFruitsCollision() {
    13.   for (let i = fruits.num; i >= 0; i--) {
    14.     // 假如或者就计算鱼儿与果实的距离
    15.     if(fruits.alive[i]) {
    16.       // 得到距离的平方根
    17.       const distance = utils.getDistance(
    18.         {x: fruits.x[i], y: fruits.y[i]},
    19.         {x: fish_mother.x, y: fish_mother.y}
    20.       );
    22.       // 假如距离小于 500 让果实死亡
    23.       if(distance < 500) {
    24.         fruits.dead(i)
    25.         score.fruitNum++; // 计分系统的果实数加一
    26.         if(fruits.fruitType[i] === FruitType.Blue) { // 假如吃到蓝色道具果实，开启双倍模式
    27.           score.doubleMode = 2;
    28.         }
    29.     }
    30.   }
    31. }
    33. /**
    34.  * 鱼妈妈与鱼宝宝的碰撞检测
    35.  */
    36. function fishMotherAndBabyCollision() {
    38.     // 得到距离的平方根
    39.     const distance = utils.getDistance(
    40.       {x: fish_baby.x, y: fish_baby.y},
    41.       {x: fish_mother.x, y: fish_mother.y}
    42.     );
    44.     // 假如距离小于 900 就喂食给 baby，且必须要鱼妈妈吃到了果实才能喂给小鱼
    45.     if (distance < 900 && score.fruitNum != 0) {
    46.       fish_baby.recover();
    48.       // 把能力给小鱼，果实数清零，计算分数一次
    49.       score.reset()
    50.     }
    52. }
    54. function gameLoop() {
    55.   const now = Date.now()
    56.   deltaTime = now - lastTime;
    58.   //  给 deltaTime 设置上线
    59.   if(deltaTime > 40) deltaTime = 40;
    61.   // console.log(deltaTime);
    63.   drawBackbround()  // 画背景图片
    65.   anemones.draw()  // 海葵绘制
    66.   fruits.draw()  // 果实绘制
    67.   fruits.monitor() // 监视果实，让死去的果实得到新生
    69.   ctx_one.clearRect(0, 0, cvs_width, cvs_width); // 清除掉所有，再进行绘制，要不然的话会多次绘制而进行重叠。
    70.   fish_mother.draw() // 绘制鱼妈妈
    71.   fish_baby.draw() // 绘制鱼宝宝
    72.   fishAndFruitsCollision() // 每一帧都进行碰撞检测
    73.   fishMotherAndBabyCollision()
    75.   score.draw() // 绘制分数
    76.   requestAnimationFrame(gameLoop); // 不断的循环 gameLoop，且流畅性提升
    77. }
    80. function drawBackbround() {
    81.   ctx_two.drawImage(bgPic, 0, 0, cvs_width, cvs_height)
    82. }
    84. export { deltaTime }
    85. export default gameLoop;