var x = 173;

var y = 20;

var changeX = 1;

var changeY = 0;

var r = 700;

var b = 200;

var changeR = 1;

var changeB = 0;

var l = 100;

var n = 100;

var Sonic;

var idle;

var s;

var inhale;

var original;

​

function setup() {

createCanvas(600, 500);

  background(0)

  stroke (255);

   textSize(15);

  Sonic = loadImage ("spin.gif");

  idle = loadImage ("idle.gif");

  s = loadImage ("s.gif");

  inhale = loadImage ("inhale.gif");

  original = loadImage ("idle.gif");

   frameRate (70);

}

​

​

function draw() {

  background(0,158,164,10);

  fill("blue");

  rect (x,y-20,200,110);

  fill("white");

  rect(x,y,200,100)

  fill("Red");

  rect(x+180,y-20,20,20);

  fill("blue");

  rect(x+73,y+73,64,23);

  fill("lightgray");

  rect(x+75,y+75,60,20);

  {

  textSize (20);

  stroke("black");

  fill ("black");

  text ("ERROR 404",x+50,y+45)

  fill("white");

  text ("X",x+183,y-3);

  textSize(10);

  fill("Black");

  text ("OK", x+100,y+90);

  text("An error has occured. See the log files", x+15, y+60);

  text("E:\Developer\.metadata\.log.", x+15, y+70);

  }

​

  x = x + changeX;

  y = y + changeY;

  changeY = changeY + 0.2;

  if (x > 400){

changeX = -1;

  }

  if (x < 0){

    changeX = 1;

  }

  if(y > 400){

    changeY = -changeY;

  }

    if(y < 0){

    changeY = 1;

  }

​

​

  r = r + changeR;

  b = b + changeB;

  changeB = changeB + 0.01;

  if (r > 675){

changeR = -1;

  }

  if (r < 125){

    changeR = 1;

  }

  if(b > 475){

    changeB = -changeB;

  }

   if(b < 0){

    changeB = -changeB;

  }

  {

  if (keyIsDown(LEFT_ARROW)) {

    l -= 7;

  }

​

  if (keyIsDown(RIGHT_ARROW)) {

    l += 7;

  }

​

  if (keyIsDown(UP_ARROW)) {

    n -= 5;

  }

​

  if (keyIsDown(DOWN_ARROW)) {

    n += 5;

  }

         if (key === 'd') {

    idle = original;

}

   {

  if (key === 'w') {

    idle = inhale;

  } 

     if (key === 's') {

    idle = s;

  }

  }

  image(Sonic,l, n, 50, 50);

  image (idle, 100, 400, 100,100);

}

  //if (keyIsDown)

  if (l < 0){

  l = 600;

}

  if (l > 600){

  l = 0;

  }

  if (n < 0){

  n = 500;

}

   if (n > 500){

  n = 0;

  } 

​

​

  textSize(20);

  fill ("lightgreen");

    text("PRESS ANY ARROW KEY",125, 50)

    text("EXTRA: PRESS W OR S, AND THEN PRESS D",100, 75)

  stroke (0,0,0);

  translate (l+25,n+25);

  rotate (rot);

  strokeWeight (7);

  stroke(0,255,0);

  line (0,0,50-100,85-100);

  strokeWeight(1);

  stroke("black");

​

  rot = rot + 0.07;

  fill (240,0,0);

  rotate (rot);

  rotate (-rot);

}