p5.js入门学习-条件判断

62 阅读1分钟

计算机之所以能做很多自动化的任务,主要的原因就是他可以自己做判断。

条件判断的关键词为if,通过判断条件的真假来决定是否需要执行某段程序。

function setup() {
  // 画布:720 * 360
  createCanvas(720, 360);
  background(0);
  noLoop();
}
function draw() {
  for (let i = 10; i < width; i += 10) {
    // 条件判断:i与20取余,若值为0,则画短线,否则就画长线。
    if (i % 20 === 0) {
      stroke(255);
      line(i, 80, i, height / 2);
    } else {
      stroke(153);
      line(i, 20, i, height / 2);
    }
  }
}
new p5();