​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(255);

  noStroke();

  window.confirm('キャンバス上を左右ドラッグしてみてください');

}

​

function draw() {

  if (mouseIsPressed) {

    fill(random(100, 255), random(100, 255), random(100, 255));

    if (mouseButton === LEFT) {

      circle(mouseX, mouseY, size);

    } else if (mouseButton === RIGHT) {

      square(mouseX - size / 2, mouseY - size / 2, size);

    }

  }

}

​

// 右クリックしたときにメニューを表示させないためのおまじない

document.oncontextmenu = (e) => { e.preventDefault(); }