var a=0;

var r=50;   // Size of cube

var by=0;   // Y of Box

var bx=0;   // X of Box

var c=0;

​

var l=90;    // Left

var rt=90;    // Right;

var u=90;    // Up

var d=90;    // Down;

​

var cy=0;

var cx=0;

​

​

var speed=2;

function preload() {

 img= loadImage('data/up.png'); 

}

​

function setup() {

  createCanvas(400, 400, WEBGL);

}

​

function draw() {

  lights();

  background(220);

 //rotateX(radians(60));

  fill(255);

  rect(-width/2,-height/2, width, height);

  texture(img);

  //normalMaterial();

​

  //translate(bx,by, r);

  //rotateX(radians(a));

  if(u<90)

  {

  rotateX(radians((u)));

  by-=speed;

  u+=speed;

  cx+=speed;

  }

  if(d<90)

  {

  rotateX(radians(cx));

  by+=speed;

  d+=speed;

  cx-=speed;

  }

  if(l<90)

  {

  rotateY(radians(cy));

  bx-=speed;

  l+=speed;

  cy-=speed;

  }

  if(rt<90)

  {

  rotateY(radians(cy));

  bx+=speed;

  rt+=speed;

  cy+=speed;

  }

 rotateY(radians(-a));

  noStroke();

  //sphere();

  box(r*2);

  if(a<90)

  {

  a++;

  }

}

​

​

function keyPressed()

{

//console.log(keyCode); 

if(d+u+rt+l>= 90*4)

{

switch(keyCode){

  case 40: d=0;

    break;

    case 38: u=0;

    break;

    case 39: rt=0;

    break;

    case 37: l=0;

    break;

  }

}

}

​