Javascript 您好，您能帮我提高这个艺术代码的效率吗？

你能帮我提高代码的效率吗。今天我开始使用p5.js，我想知道如何使这个循环更有效

函数设置（）{
createCanvas（窗口宽度、窗口高度）；
背景（0）；
noLoop（）；
}
函数绘图（）{
平移（宽度/2，高度/2）；
中风（255）；
冲程重量（1）；
行（0，高度，0，-高度）
行（宽度，0，-宽度，0）
对于（变量y=250，x=0；y>=0；y-=50，x+=50）{
直线（0，y，x，0）
}
对于（变量y1=-250，x1=0；y1=0；y2-=50，x2-=50）{
线（0，y2，x2，0）
}
对于（var y3=-250，x3=0；y3这应该更干净一些（并且更有效）

代码效率低下的地方是什么？如果形状是静态的，那么创建一个p5.Renderer对象（）或绘制一个线条形状（）
function setup() {
createCanvas(windowWidth, windowHeight);
background(0);
noLoop();
}
function draw() {
translate(width /2, height /2);
stroke(255);
strokeWeight(1);
line(0, height, 0, -height)
line(width, 0, -width, 0)
y = -250
x = 0
while (y != 0) {
  y += 50
  x -= 50
  line(0, y, x, 0)
  line(0, -y, -x, 0)
  line(0, -y, x, 0)
  line(0, y, -x, 0)
}
}