Code viewer for World: Gentle Intro

// Cloned by Dheera on 30 Sep 2021 from World "One Cube World (P5)" by Starter user 
// Please leave this clone trail here.
 let img;

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

const noboxes = 7;                 	// 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(-100,100), AB.randomIntAtoB(-10,10), AB.randomIntAtoB(-10,10) ];
}	


function preload() 
{
   img = loadImage ( '/uploads/dheera0704/space1.jpg' );
   img1 = loadImage ( '/uploads/dheera0704/Walloffire.jpg' );
   img4 = loadImage ('/uploads/starter/earth.1.jpg');
   img5 = loadImage('/uploads/aravicl2/marsmap.jpg');
   img2 = loadImage("/uploads/aravicl2/mercurymap.jpg");
   img3 = loadImage("/uploads/aravicl2/venusmap.jpg");
   img6 = loadImage("/uploads/aravicl2/jupitermap.jpg");
   img7 = loadImage("uploads/dheera0704/saturn.jpg");
   img8 = loadImage("uploads/dheera0704/uranus.jpg");
   img9 = loadImage("/uploads/aravicl2/plutobump.jpg");
   
}

 
const objectsize    = 50;     // size of object   

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

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


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 
{
    image(img,-720,-385,2000,2000);
    //background("green");    // background color 
    
    texture(img1);
    //fill("green");               // paint box with this color 
           
    rotateX(PI / 3.0);             // set each dimension rotation angle to "angle"
    rotateY(angle + 20);
    rotateZ(angle - 20);
  
    sphere(objectsize,50,100);  // draw a cube of this size 
    
    //push(); 
    translate(55, 50, 50);
    texture(img2);
    rotateX(180);             // set each dimension rotation angle to "angle"
    rotateY(angle);
    rotateZ(angle);
    sphere(50,50,50);
    //pop();
    
    translate(55, 50, 150);
    texture(img3);
    rotateX(150);             // set each dimension rotation angle to "angle"
    rotateY(angle + 30);
    rotateZ(angle +30);
    sphere(50,50,50);
    
   for ( var i=0; i < noboxes; i++ )
{
  translate ( a[i][0], a[i][1], a[i][2] );	// get box position i 
  //texture(img[i]);
  sphere(20,20,20);
}
 

  
    angle = angle + anglechange ;       // change angle each step to get rotate movement
}