let sb;

​

function setup() {

  createCanvas(500, 500, WEBGL);

  background("#F3EEEA");

​

  noFill();

  strokeWeight(2);

  sb = new Scribble();

  sb.roughness = 3;

​

  translate(-width / 2, -height / 2);

​

  push();

  for (let i = 0; i < 100; i ++) {

    stroke(random(colors));

    base(i * 10);

  }

  pop();

}

​

keyPressed = () => {

  if (key === "s") {

    saveCanvas(canvas, "canvas", "png");

    //saveGif('canvas', 4);

  }

};

​

// 線を引くサンプル

function base(r) {

  const x = r;

  const y = r;  

  sb.scribbleLine(x, y, x, height - y);

  sb.scribbleLine(x, height - y, width - x, height - y);

}

​