// Period 3

​

​

var circle ;

var speedball = 5;

var slider;

var button;

​

​

function setup() {

  createCanvas(300, 300);

  bgcolor = 220;

  circle = {

    yDown : 0,

  x: 0,

  z: 15,

}

  button = createButton("go");

  button.mousePressed(changeColor);

  slider = createSlider(0,300,0);

}

​

function draw() {

   background(bgcolor);

  circle.yDown += speedball

   if (circle.yDown > height){

     speedball = speedball * -1

     }

  if(circle.yDown < 0){

    speedball = speedball * -1

  }

​

//Draw circle  

    fill(255,0,0);

    ellipse(150,circle.yDown,slider.value());

}

​

//Change color of background by clicking "go"

function changeColor() {

  bgcolor = random(225);

}