// Cloned by Bill on 15 Nov 2018 from World "One Cube World (P5)" by Starter user 
// Please leave this clone trail here.
 
// Put the following right at the top of the program:

const noboxes = 30;                     // how many boxes to have 
var a = new Array(noboxes);             // array of the box positions

for ( var i=0; i < noboxes; i++ )       // set up the array
{
    a[i] = [ AB.randomIntAtoB(-500,500), AB.randomIntAtoB(-500,500), AB.randomIntAtoB(-500,500) ];
        // each entry of the array is a random (x,y,z) position 
        // (an array of three random numbers) 
}

var img;

function preload() 
{
   img = loadImage (  "/uploads/byrnek68/IMG_0728.PNG" );
}

var angle = 0;                  // rotate angle starts at 0  

const objectsize    = 200;      // size of object   

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


function setup()        // "setup" is called once at start of run 
{
  createCanvas ( ABWorld.fullwidth(), ABWorld.fullheight(),  WEBGL );
}

function draw()         // "draw" is called every timestep during run 
{
    background("lightblue");    // background color 
    //fill("navy");               // paint box with this color 
    // Put the following inside the "draw" function 
// Remove the line that makes the cube a solid color, and insert this line instead:

    texture(img);      
          
    rotateX(angle);             // set each dimension rotation angle to "angle"
    rotateY(angle);
    rotateZ(angle);
  
    box(objectsize); 
    for ( var i=0; i < noboxes; i++ )
  {
    translate ( a[i][0], a[i][1], a[i][2] );            // get box position i 
    box(objectsize);             
  }
   
 
  
    angle = angle + anglechange ;       // change angle each step to get rotate movement        
}