用p5js绘制一条3毫米粗的会随着鼠标的移动不断变化颜色的线

在p5.js中，可以使用createCanvas()函数创建画布，并使用mouseX和mouseY变量获取鼠标的当前位置。以下是使用p5.js绘制一条3毫米粗的、随着鼠标移动不断变化颜色的线的示例代码：

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  
  // 计算线的颜色
  let lineColor = color(mouseX % 255, mouseY % 255, 0);
  
  // 设置线的属性
  strokeWeight(3);
  stroke(lineColor);
  
  // 绘制线
  line(0, 0, mouseX, mouseY);
}

在上述代码中，我们使用background(220)函数设置画布的背景颜色为灰色。然后，我们使用color()函数创建一个颜色对象，该颜色对象的红色分量取决于鼠标的X坐标，绿色分量取决于鼠标的Y坐标，而蓝色分量为0。接下来，我们使用strokeWeight()函数设置线的宽度为3个像素，并使用stroke()函数设置线的颜色为计算得到的颜色对象。最后，我们使用line()函数绘制一条从坐标(0, 0)到鼠标的当前位置的线。