var yChange = 4;

var kanna;

​

function setup() {

  createCanvas(400, 400);

  kanna = loadImage("kanna.png");

}

​

function draw() {

  background("skyblue");

  noStroke();

  fill(255, 245, 59, 100);

  ellipse(20, 20, 160, 160);

  ellipse(20, 20, 140, 140);

  ellipse(20, 20, 120, 120);

  ellipse(20, 20, 120, 120);

  trampoline();

​

  image(kanna, 125, y, 150, 140);

​

  y += yChange;

  yChange += 0.1;

​

  if (y > 220) {

    yChange *= -1;

  } else if (y < 35) {

    yChange = 1;

  }

}

​

function trampoline() {

  stroke(102, 110, 128);

  strokeWeight(3);

  fill("grey");

  rect(5, 365, 10, 35);

  rect(385, 365, 10, 35);

​

  stroke("blue");

  strokeWeight(3);

  fill(64, 114, 222);

  rect(0, 350, 400, 20);

}

​