p5.js入门学习-redraw

71 阅读1分钟

redraw()函数可以使draw()函数执行一次。

image.png

// 程序开始时,setup() 函数中的语句执行一次。
function setup() {
  createCanvas(720, 400);
  stroke(255);
  // draw()函数只执行一次
  noLoop();
  y = height * 0.5;
}
function draw() {
  background(0);
  y = y - 4;
  if (y < 0) {
    y = height;
  }
  line(0, y, width, y);
}
// 点击鼠标后,重新执行一次draw函数
function mousePressed() {
  redraw();
}
new p5();