p5.js マウスクリック時の動きと関数化

function setup() {
    createCanvas(480, 480);
}

var r = 10;

function draw() {
    background('skyblue');
    noStroke();
    //mouseX, mouseYでマウスの動きに追従する
    ellipse(mouseX, mouseY, r, r);

    //マウスが押されたときに円の色が変わる
    if (mouseIsPressed === true) {
        fill('black');
        mousePressed();
    } else {
        fill('white');
    }

}

//関数
function mousePressed() {
    r += 10;
}

See the Pen p5.js 4 by kyamashiro (@kyamashiro) on CodePen.