let animate = false;

const radius = 25;

let angle=0;

​

function preload() {

  soundFormats('mp3', 'ogg');

  soundFile = loadSound('assets/toy-button.mp3');

}

​

function setup() {

  createCanvas(640, 360);

  x = width / 2;

  y = height / 2;

  xspeed = random(3, 10);

  yspeed = random(3, 10);

  r = random(255);

  g = random(255);

  b = random(255);

  angleMode(DEGREES);

}

​

function mousePressed() {

  animate = !animate;

  soundFile.stop();

}

​

function draw() {

  background(0);

  noStroke();

  angle+=6;

  fill(r, g, b);

  circle(x, y, radius*2);

    translate(x, y);  

  rotate(-angle);

    fill(r,g,b);

  rect(30, 30, 30, 30);

  if (animate) {

    x += xspeed;

    y += yspeed;

  } 

  //When hit the wall, speed=-1,color change

  if (x <= radius || x >= width - radius) {

    xspeed = xspeed * -1;

    r = random(255);

    g = random(255);

    b = random(255);

    soundFile.play();

  }

  if (y <= radius || y >= height - radius) {

    yspeed = yspeed * -1;

    r = random(255);

    g = random(255);

    b = random(255);

    soundFile.play();

  }

​

​

}

​