var y = 20;

  var changeX = 1;

  var changeY = 0;

  var kawaiiFace;

function preload(){

  kawaiiFace = loadImage("kawaii-face.png");

}

function setup() {

  createCanvas(400, 400);

}

​

function draw() {

  var red = 255;

  var green = 204;

  var blue = 204;

  var a = 0;

  while(a < 400)

    {

      stroke(red,green,blue);

      line(a,0,a,400);

      a = a + 1;

      red = red + (255-255)/400;

      green = green + (229-204)/400;

      blue = blue + (204-204)/400;

    }

  ellipse(x,y,90,90);

  strokeWeight(5);

  image(kawaiiFace,x,y,40,20);

  x = x + changeX;

  y = y + changeY;

  changeY = changeY + 0.2;

  if(x > 400){

    changeX = -1;

    fill(229,255,204);

  }

  if(x < 0){

    changeX = 1;

    fill(255,204,255);

    }

    if(y < 0){

    changeY = 1;

    fill(204,255,255);

    }

  if(y > 400){

    changeY = -changeY;

    fill(204,204,255);

  }

}