// Cloned by Ethan Kavanagh on 19 Sep 2023 from World "One Cube World (P5)" by Starter user 
// Please leave this clone trail here.
 
 
const objectsize    = 1;      // size of object   

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

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

var img;

// make an array of random (x,y,z) positions 

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

a = [
  {"x": 0, "y": 0, "z": 0},
  {"x": 1, "y": 0, "z": 0},
  {"x": 1, "y": 1, "z": 0},
  {"x": 0, "y": 1, "z": 0},
  {"x": 0, "y": 0, "z": 0}
];

function preload() 
{
   img = loadImage ( '/uploads/kavane39/jack.jpg' );
}

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("green");    // background color
    texture(img)
           
    rotateX(angle);             // set each dimension rotation angle to "angle"
    rotateY(angle);
    rotateZ(angle);
  
    for ( var i=0; i < a.length; i++ )
    {
        translate(a[i]['x'] + 20, a[i]['y']+ 20, a[i]['z'] + 20);		// get box position i 
        box(objectsize);             
    }

           // draw a cube of this size 
  
    angle = angle + anglechange ;       // change angle each step to get rotate movement
}