从零开始带你用 JavaScript + Canvas 搭建塔防游戏，第六章：让塔发射子弹

在塔防游戏中，塔是抵御敌人入侵的关键。为了让塔发挥作用，我们需要让它能够发射子弹。本节将详细介绍如何使用 JavaScript 和 Canvas 来实现塔的发射子弹功能。

    首先，我们需要定义子弹的类。在 bullet.js 文件中，我们可以这样定义：

    ```javascript
    class Bullet {
        constructor(x, y, angle) {
            this.x = x;
            this.y = y;
            this.angle = angle;
            this.speed = 10; // 子弹速度
            this.damage = 1; // 子弹伤害
        }

        update() {
            this.x += this.speed * Math.cos(this.angle);
            this.y += this.speed * Math.sin(this.angle);
        }

        draw() {
            // 绘制子弹
        }
    }
    ```

    在 Enemy.js 文件中，我们可以这样修改塔的代码：

    ```javascript
    class Tower {
        constructor(x, y) {
            // 其他代码
            this.bullets = []; // 子弹数组
            this.fireRate = 1000; // 发射速率（毫秒）
            this.nextFire = 0; // 下次发射时间
        }

        update() {
            // 其他代码
            if (Date.now() > this.nextFire) {
                // 创建子弹
                this.bullets.push(new Bullet(this.x, this.y, this.angle));
                this.nextFire = Date.now() + this.fireRate;
            }

            // 更新子弹位置
            for (let i = 0; i < this.bullets.length; i++) {
                this.bullets[i].update();
            }

            // 绘制子弹
            for (let i = 0; i < this.bullets.length; i++) {
                this.bullets[i].draw();
            }
        }
    }
    ```

    最后，在 tower.js 文件中，我们可以这样更新代码：

    ```javascript
    function update() {
        // 其他代码
        // 更新塔的信息
        for (let i = 0; i < towers.length; i++) {
            towers[i].update();
        }
    }
    ```

    至此，我们就完成了塔的发射子弹功能。在下一节中，我们将学习如何让子弹能够击中敌人并造成伤害。

    我希望本教程对您有所帮助。如果您有任何问题或建议，请随时与我联系。