p5.jsで手書きの線

p5.jsを使って簡単に手書きキャンバスを作成してみます。

Web Editorを使うと、 １０行のコードで、手書きがでるようです。

実装

index.js

function setup() {
  createCanvas(400, 400);
  background(100);
}

function draw() {
  noStroke();
  fill('yellow');
  ellipse(mouseX, mouseY, 10, 10);
}

動作確認