Code viewer for World: Learning Three.js

// Cloned by Udit Srivastava on 29 Sep 2022 from World "One Cube World (Three.js)" by Starter user 
// Please leave this clone trail here.
 
const MUSICFILE = '/uploads/starter/SuspenseStrings.mp3';
AB.backgroundMusic ( MUSICFILE );

const skycolor          = 'yellow';           
const boxcolor          = 'blue';

const objectsize    = 300;                  // size of object   

const startRadius   = 900;                 // distance from centre we start the camera at

const maxRadius     = startRadius * 10;     // maximum distance from camera we render things 


// the object is a cube (each dimension equal): 
  
var shape       = new THREE.BoxGeometry ( objectsize, objectsize, 100 );
var material    = new THREE.MeshBasicMaterial ( { color: boxcolor.toLowerCase() } );
var theobject   = new THREE.Mesh ( shape, material );


// Define what the World does at the start of a run: 

AB.world.newRun = function() 
{ 
    const texturefile  = '/uploads/starter/earth.5.jpg';
    var   loader       = new THREE.TextureLoader();
 
    loader.load ( texturefile, function ( thetexture ) 
    // this defines a function to be called whenever the file is loaded 
    {			 
        thetexture.minFilter  = THREE.LinearFilter;
        theobject.material    = new THREE.MeshBasicMaterial ( { map: thetexture } );
    }); 

    
    // start a 3D scene: 
    ABWorld.init3d ( startRadius, maxRadius, skycolor ); 

    // add the object to the scene:
    ABWorld.scene.add ( theobject );
};

AB.world.nextStep = function()
{
    theobject.position.x = theobject.position.x + AB.randomIntAtoB ( -30, 30 );
    theobject.position.y = theobject.position.y + AB.randomIntAtoB ( -30, 30 );
    theobject.position.z = theobject.position.z + AB.randomIntAtoB ( -30, 30 );
};