let url = "fish.png";

let x = 0;

let y = 0;

let xspeed = 1;

let yspeed = 0;

​

function preload() {

  img = loadImage(url);

}

​

function setup() {

  createCanvas(400, 400,WEBGL);

  translate(width /2, height/2);

}

​

function keyPressed(){

  if (keyCode === UP_ARROW){

   yspeed = -1;

  xspeed = 0;

  }

  else if (keyCode === DOWN_ARROW){

  yspeed = 1;

  xspeed  = 0;

  }

  else if (keyCode === RIGHT_ARROW){

  xspeed = 1;

  yspeed = 0;

  }

  else if (keyCode === LEFT_ARROW){

    xspeed = -1;

  yspeed = 0;

  }

  return false;

}

function draw() {

//  translate(width/2, height/2);

  rectMode(CENTER);

  background(255);

 // rotateX(HALF_PI);

 // texture(img);

  rect(x,y,50,50);

  x = x+xspeed*2;

  y = y+yspeed*2;

}