如何在setup()之外使用windowWidth和windowHeight？

在setup()之外使用windowWidth和windowHeight，可以通过创建全局变量来实现。在p5.js中，可以使用windowWidth和windowHeight函数来获取当前窗口的宽度和高度。但是，这些函数只能在setup()函数内部使用。要在setup()之外使用这些值，可以在全局范围内创建两个变量，并在setup()函数内将windowWidth和windowHeight的值赋给这两个变量。

以下是一个示例代码：

let canvasWidth;
let canvasHeight;

function setup() {
  canvasWidth = windowWidth;
  canvasHeight = windowHeight;
  createCanvas(canvasWidth, canvasHeight);
}

function draw() {
  // 在这里可以使用canvasWidth和canvasHeight变量
  background(220);
  ellipse(canvasWidth / 2, canvasHeight / 2, 100, 100);
}

在这个示例中，我们创建了两个全局变量canvasWidth和canvasHeight，并在setup()函数内将windowWidth和windowHeight的值赋给它们。然后，在draw()函数中，我们可以使用这两个变量来绘制画布的宽度和高度。

需要注意的是，由于windowWidth和windowHeight的值在窗口大小改变时会发生变化，因此在使用这两个变量时要注意更新它们的值。可以使用windowResized()函数来处理窗口大小改变的事件，并在其中更新全局变量的值。

希望这个答案对你有帮助！如果你还有其他问题，请随时提问。