// Cloned by Daniel Peres on 30 Sep 2019 from World "One Cube World (P5)" by Starter user 
// Please leave this clone trail here.
 
 
const objectsize    = 30;      // size of object   

const anglechange   = 0.1;     // how much the rotate angle changes each step 

var angle = 0;                  // rotate angle starts at 0  
var posX = 1;
var posY = 1;
var speedX = 5;
var speedY = 5;

var aceleration = 1;

var img;

 const MUSICFILE = '/uploads/starter/SuspenseStrings.mp3';
 //AB.backgroundMusic ( MUSICFILE );
 
function preload() 
{
   img = loadImage (  "/uploads/developdaniels/pong.jpg" );
}

canvas;
function setup()        // "setup" is called once at start of run 
{
  canvas = createCanvas ( 80, 80,  WEBGL );
}



function draw()         // "draw" is called every timestep during run 
{
    background("white");    // background color 
    fill("navy");               // paint box with this color 
    texture(img);     
    
    
    angle = angle + anglechange ;
    rotateX(angle);
    rotateY(angle);
    rotateZ(angle);

    if (posX >= ABWorld.fullwidth() - canvas.width){
        speedX = speedX * -1;
    }

    if (posX <= 0){
        speedX = speedX * -1;
    }
    
    if (posY >= ABWorld.fullheight() - canvas.height){
        speedY = speedY * -1;
    }
    
    
    if (posY <= 0){
        speedY = speedY * -1;
    }
    
  
   // if ( (Math.abs(posX - mouseX) <= objectsize) ){
       //   speedX = 0;
    //      speedY = 0;
    //}
    
    posX = posX + speedX;
    posY = posY + speedY;
    
    
    canvas.position(posX, posY);
   
    sphere(objectsize);

}