p5.js入门学习-true和false

65 阅读1分钟

true和false是两个布尔类型的常量,其不能用在赋值语句的左边,通常会被用于控制语句的条件判断。

function setup() {
  // 画布:720*400
  createCanvas(720, 400);
  noLoop();
}
function draw(){
  background(0);
  stroke(255);
  // 定义变量,注意false的位置。
  let b = false;
  let d = 20;
  let middle = width / 2;
  // 循环遍历
  for (let i = d; i <= width; i += d) {
    b = i < middle;
    // 注意b什么时候为true,什么时候为false,是根据上一句话做出的判断,当前i的值是否已经自增到宽度的一半了。来决定是画水平线还是垂直线。
    if (b === true) {
      // 垂直线
      line(i, d, i, height - d);
    }
    if (b === false) {
      // 水平线
      line(middle, i - middle + d, width - d, i - middle + d);
    }
  }
}
new p5();

p5js 开源社区 - 乐述云享 (aleshu.com)