p5.js入门学习-变量

84 阅读1分钟

变量是用于存储数值的容器,主打一个可以修改数值。

function setup() {
  // 画布大小:720*400
  createCanvas(720, 400);
  noLoop();
}
function draw() {
  background(0);
  stroke(153);
  strokeWeight(4);
  strokeCap(SQUARE);
  // 定义变量
  let a = 50;
  let b = 120;
  let c = 180;
  // 画直线
  line(a, b, a + c, b);
  line(a, b + 10, a + c, b + 10);
  line(a, b + 20, a + c, b + 20);
  line(a, b + 30, a + c, b + 30);
  // 修改变量数值
  a = a + c;
  b = height - b;
  // 画直线
  line(a, b, a + c, b);
  line(a, b + 10, a + c, b + 10);
  line(a, b + 20, a + c, b + 20);
  line(a, b + 30, a + c, b + 30);
  // 修改变量数值
  a = a + c;
  b = height - b;
  // 画直线
  line(a, b, a + c, b);
  line(a, b + 10, a + c, b + 10);
  line(a, b + 20, a + c, b + 20);
  line(a, b + 30, a + c, b + 30);
}
new p5();

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