在 cocos creator 3.7.2中 2d 使用cc.Line 绘制随机闪电

在 Cocos Creator 3.x 版本中，cc.Line 组件已经被废弃，可以使用 Graphics 组件来绘制随机闪电。具体实现步骤如下：

1. 在场景编辑器中创建一个节点，添加 Graphics 组件。
2. 编写脚本，获取 Graphics 组件，在 onEnable 生命周期回调函数中调用绘制随机闪电的方法。具体实现方法如下：

cc.Class({
    extends: cc.Component,

    properties: {
        duration: 0.2, // 闪电持续时间
        offset: 10, // 闪电偏移量
        boltWidth: 5, // 闪电宽度
        color: cc.Color.WHITE // 闪电颜色
    },

    onEnable: function () {
        this.schedule(this.drawBolt, this.duration);
    },

    onDisable: function () {
        this.unschedule(this.drawBolt);
    },

    drawBolt: function () {
        var g = this.getComponent(cc.Graphics);
        g.clear();

        var startPos = cc.v2(0, 0); // 起点坐标
        var endPos = cc.v2(cc.winSize.width, cc.winSize.height); // 终点坐标
        var midPos = cc.v2(startPos.x + (endPos.x - startPos.x) / 2, startPos.y + (endPos.y - startPos.y) / 2); // 中点坐标

        // 生成随机偏移量
        var offset1 = cc.v2(Math.random() * this.offset - this.offset / 2, Math.random() * this.offset - this.offset / 2);
        var offset2 = cc.v2(Math.random() * this.offset - this.offset / 2, Math.random() * this.offset - this.offset / 2);

        // 绘制闪电
        g.strokeColor = this.color;
        g.lineWidth = this.boltWidth;
        g.moveTo(startPos.x, startPos.y);
        g.lineTo(midPos.x + offset1.x, midPos.y + offset1.y);
        g.lineTo(endPos.x + offset2.x, endPos.y + offset2.y);
        g.stroke();
    }
});

这段代码将在节点上使用 Graphics 组件绘制随机闪电，每隔一定时间刷新一次。可以根据需要调整闪电的持续时间、偏移量、宽度和颜色等参数。需要注意的是，随机闪电的绘制效果可能会受到屏幕分辨率的影响，可以根据需要调整起点和终点坐标来适配不同的屏幕大小。