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;
}

[codepen_embed height="265" theme_id="0" slug_hash="OEdmbz" default_tab="js,result" user="kyamashiro"]See the Pen <a href='https://codepen.io/kyamashiro/pen/OEdmbz/'>p5.js 4</a> by kyamashiro (<a href='https://codepen.io/kyamashiro'>@kyamashiro) on <a href='https://codepen.io'>CodePen.[/codepen_embed]