マウスをクリックして円の動かせたい

Question

前提・実現したいこと

キャンバス内をクリックしたら円が動きだし、もう一度クリックしたら円の動きがとまる様にしたいです。

発生している問題・エラーメッセージ

if(mouseIsPressed)にすると、マウスをクリックしている時しか動きません。

該当のソースコード

let posX;
let PosY;
let velX=10;
let velY=5;
let radius=50;

function setup(){
createCanvas(800, 800);
noStroke();
posX=width/2;
posY=height/2;
}

function draw(){
background(0);
if(mouseIsPressed){
posX+=velX;
posY+=velY;}

if (posX<width){
velX*=-1;
}

if(posX>0){
velX*=-1;
}

if(posY>0){
velY*=-1;
}

if(posY<height){
velY*=-1;
}
ellipse(posX, posY, radius);
}

java.script



### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

こういうことですかね？
マウスの動きを受け取ろう (mouseClicked, mousePressed, mouseIsPressed)