我想使用 for 或 while 循环来提高线路生成速度，

Question

有没有办法在我的代码中循环这个？

}

  line(700,lineY + 90, 0, lineY + 90);
  lineY = lineY + speed
  if(lineY >= 370){
      
    lineY = 250


  }

正如您在我的代码中看到的那样，每次都是相同的代码，但变化了 30


let lineY=250;
let speed=0.3;
var r;
var g;
var b;
var a;
var n;
var m;

function setup() {
  createCanvas(700, 500);
  rectMode(CORNER);
  frameRate(60);
  n = color(255,0,0);
  m = color(0,0,255);
}

function draw() {
  background(0, 0, 0);
  
  r = random(255); // r is a random number between 0 - 255
  g = random(255); // g is a random number betwen 100 - 200
  b = random(255); // b is a random number between 0 - 100
  a = random(200,255); // a is a random number between 200 - 255
  var t = map(mouseX,0,width,0,1.0);
  var c = lerpColor(n,m,t);

  strokeWeight(0); //Horizont Rechteck
  fill(41,0,33)
  rect(0, 0, 700, 250);


  fill(c)
  circle(350, 80, 250);

  fill(0) //Berg links
  triangle(125, 250, 275, 250, 200, 150);

  fill(0) //Berg Mitte
  triangle(225, 250, 475, 250, 350, 100);

  fill(0) // Berg rechts
  triangle(575, 250, 425, 250, 500, 125);

  strokeWeight(5);
  stroke(r,g,b);
  line(125,250, 200, 150);

  strokeWeight(5);
  stroke(r,g,b);
  line(425,250, 500, 125);

  strokeWeight(5);
  stroke(r,g,b);
  line(225,250, 350, 100);


  strokeWeight(3);  // Linie am Horizont
  stroke(0,204,204);
  line(700,250, 0, 250);

  strokeWeight(3); //mitte‚
  stroke(0,204,204);
  line(350,250, 350, 700);

  strokeWeight(3); //linksmitte
  stroke(0,204,204);
  line(250,250, 50, 700);

  strokeWeight(3); //links
  stroke(0,204,204);
  line(100,250, -100, 700);

  strokeWeight(3); //rechtsmitte
  stroke(0,204,204);
  line(450,250, 650, 700);

  strokeWeight(3); //rechts
  stroke(0,204,204);
  line(600,250, 800, 700);


  line(700,lineY , 0, lineY );
  lineY = lineY + speed
  if(lineY >= 280){
      
    lineY = 250


  }
  
  line(700,lineY + 30, 0, lineY + 30);
  lineY = lineY + speed
  if(lineY >= 310){
      
    lineY = 250


  }

  line(700,lineY + 60, 0, lineY + 60);
  lineY = lineY + speed
  if(lineY >= 340){
      
    lineY = 250


  }

  line(700,lineY + 90, 0, lineY + 90);
  lineY = lineY + speed
  if(lineY >= 370){
      
    lineY = 250


  }

  line(700,lineY + 120, 0, lineY + 120);
  lineY = lineY + speed
  if(lineY >= 400){
      
    lineY = 250


  }

  line(700,lineY + 150, 0, lineY + 150);
  lineY = lineY + speed
  if(lineY >= 430){
      
    lineY = 250


  }

  line(700,lineY + 180, 0, lineY + 180);
  lineY = lineY + speed
  if(lineY >= 460){
      
    lineY = 250


  }

  line(700,lineY + 210, 0, lineY + 210);
  lineY = lineY + speed
  if(lineY >= 490){
      
    lineY = 250


  }

}

Answer 1

您可以使用 for loop :

for (let i = 0; i <= 7; i++) {
  line(700, lineY + (i * 30), 0, lineY + (i * 30));
  lineY += speed; //equivalent to lineY = lineY + speed;
  if (lineY >= 280 + (i * 30)) {
    lineY = 250;
  }
}

我想使用 for 或 while 循环来提高线路生成速度，

I want to use a for or while loop for the line genarting speed,

javascript

p5.js