p5中为什么translate()必须放在draw()函数中？

在p5中，translate()函数可以用来移动坐标系的原点以及图形的位置。但是，这个函数必须放在draw()函数中才能正常工作。这是因为draw()函数是p5执行的主要循环，在每一帧中都会被调用。而translate()函数是在坐标系中进行移动时使用的，因此必须在每帧中执行以确保图形的位置可以正确更新。

以下是一个包含translate()函数的示例代码：

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

function draw() {
  background(220);
  
  translate(width/2, height/2); // 将坐标系原点移动到画布中央
  
  // 绘制一个矩形
  rectMode(CENTER);
  rect(0, 0, 50, 50);
}

在这个例子中，translate()函数被放在了draw()函数中，因此可以确保在每一帧中都会执行。由于translate()函数将坐标系原点移动到了画布的中央位置，所以矩形可以根据此坐标系进行绘制并正确显示在屏幕上。