// Cloned by Liam on 30 Nov 2022 from World "User-controlled Model World" by Starter user
// Please leave this clone trail here.
// ==== Starter World =================================================================================================
// This code is designed for use on the Ancient Brain site.
// This code may be freely copied and edited by anyone on the Ancient Brain site.
// To include a working run of this program on another site, see the "Embed code" links provided on Ancient Brain.
// ====================================================================================================================
// User controlled (not Mind controlled) 3D model World with various features:
// - User controlled UP/LEFT/RIGHT arrows move model
// - "First Person View" - Camera rotates with direction you are facing
// Best effect is with "Move with" camera
// - Can have one or multiple ZOMBIEs chasing you
// Smooth movement
// UP moves forward in whatever angle you are at
// LEFT/RIGHT rotate by small angle
// Uses x,y,z rather than grid of squares
// Has collision detection for ZOMBIE moves
// Things to do:
// - Initialise ZOMBIEs so they are not already colliding
// - Collision detection for agent moves
// ===================================================================================================================
// === Start of tweaker's box ========================================================================================
// ===================================================================================================================
// The easiest things to modify are in this box.
// You should be able to change things in this box without being a JavaScript programmer.
// Go ahead and change some of these. What's the worst that could happen?
var hitCount = 0;
AB.clockTick = 100; // Speed of run: Step every n milliseconds. Default 100.
AB.maxSteps = 10000; // Length of run: Maximum length of run in steps. Default 1000.
AB.screenshotStep = 100; // Take screenshot on this step. (All resources should have finished loading.) Default 50.
AB.drawRunControls = false; // Scrap the Run/Step/Pause controls
//---- global constants: -------------------------------------------------------
var zombieAmount = 300; // number of ZOMBIEs:
const OBJ_ZOMBIE = '/uploads/goobert/zombie.obj' ;
const floorTextureFile = "/uploads/goobert/grass2.png"; // floor texture
const steveScale = 70; // multiply model sizes by some amount:
const TEXTURE_ZOMBIE = '/uploads/goobert/zombie.png';
var SCALE_ZOMBIE = AB.randomFloatAtoB ( 0, 0 );
const MUSIC_BACK = '/uploads/liam/mc.mp3';
const MAXPOS = 3500; // length of one side of the arena
const SKYCOLOR = 0xffffcc; // a number, not a string
const LIGHTCOLOR = 0xffffff ;
const startRadiusConst = MAXPOS ; // distance from centre to start the camera at
const maxRadiusConst = MAXPOS * 10 ; // maximum distance from camera we will render things
var steveSpeed = 0; // how much agent moves each step
var zombieSpeed = 0; // how much enemy moves each step
const CLOSE_LIMIT = 25; // this is as close as models come to other models
const mixers = [];
const clock = new THREE.Clock();
const timeClock = new THREE.Clock();
var WorldSize = 10000;
//--- lookat and follow -----------------------------------------------------------------
// camera on "Move With" should move up/down in y axis as we re-scale objects
// to place the follow camera just above the agent, something like:
// to point the camera at ZOMBIE's face, sssomething like:
const FOLLOW_Y = steveScale * 4; // going high up (or forward/back) means we get it out of agent's hair (makes it first person)
const LOOKAT_Y = SCALE_ZOMBIE * 40;
const CAMERASHIFT = - steveScale * 40 ; // shift camera behind agent, looking past agent along line of sight
function mainMenu(){
AB.newSplash();
let splash = document.getElementById("splash-inner");
let play = document.getElementById("splashbutton");
document.getElementById("splash").style.backgroundImage = "url('https://cdn.discordapp.com/attachments/791350055810367488/1049424119130755083/mc.gif')";
var h1 = document.createElement("p");
h1.innerHTML = "HOW TO PLAY";
h1.style.fontSize = "25px";
h1.style.font = "bold 20px helvetica";
h1.style.color = "white";
var p = document.createElement("p");
p.innerHTML = "Compete with another player to see who can survive the longest!<br> Select a difficulty to spawn the zombies and survive from the zombies for as long as you can! <br> The Zombies are bigger and faster depending on the difficulty you select.";
p.style.color = "white";
p.style.font = " 20px helvetica";
p.style.fontSize = "18px";
var h2 = document.createElement("p");
h2.innerHTML = "CONTROLS";
h2.style.fontSize = "25px";
h2.style.font = "bold 20px helvetica";
h2.style.color = "white";
splash.appendChild(h1);
splash.appendChild(p);
splash.appendChild(h2);
play.addEventListener("click", beginGame);
splash.appendChild(play); // adds the button start button to the splash page.\
if (AB.socket) {
if (AB.socket.connected) {
console.log("SOCKET CONNECTED");
// AB.socketOut("TESTING SOCKETS!!!");
}
}
document.getElementById("splash").style.backgroundImage = "url('https://media.tenor.com/GNSUo4LGY8AAAAAC/wall-paper.gif')"; // adds background image with entire splash death screen
document.getElementById("splash").style.backgroundSize = "cover"; // sets the background image to cover the entire splash.
var p = document.createElement("p");
var p1 = document.createElement("p");
var h2 = document.createElement("p");
}
function splashScreen(text) {
return (text);
}
function death(){ // this function is called when the player has no more lives.
steve.position.y = 0;
steve.position.x = 0;
steve.position.z = 0;
steveSpeed = 0
AB.newSplash();
let splash = document.getElementById("splash-inner");
let span = document.getElementById("splashbutton");
span.innerHTML = "Play again";
document.getElementById("splash").style.backgroundImage = "url('https://picfiles.alphacoders.com/478/478314.png')"; // adds background image with entire splash death screen
document.getElementById("splash").style.backgroundSize = "cover"; // sets the background image to cover the entire splash.
span.addEventListener("click", beginGame); // when the restart button is clicked the beginGame function is executed.
var winmessage = document.createElement("p");
winmessage.innerHTML = "<br><b><font color=white> You ran out of lives! Your opponent has won!<b>";
splash.append(winmessage);
winmessage.style.fontSize = "25px";
zombieSpeed = 0; // freezes the zombies in place until updated when game is restarted.
steve.rotation.z = Math.PI / 1; // faces steve model in the default direction (forward).
for ( var i = 0; i < zombieAmount ; i++ ) // loops for all zombies and changes their scale.
{
zombieArray[i].scale.set(0, 0, 0); // sets the zombies to 0 so invisible.
}
}
function winner(){ // this function is called when the player has no more lives.
steve.position.y = 0;
steve.position.x = 0;
steve.position.z = 0;
steveSpeed = 0;
AB.newSplash();
let splash = document.getElementById("splash-inner");
let span = document.getElementById("splashbutton");
span.innerHTML = "Restart";
document.getElementById("splash").style.backgroundImage = "url('https://picfiles.alphacoders.com/478/478314.png')"; // adds background image with entire splash death screen
document.getElementById("splash").style.backgroundSize = "cover"; // sets the background image to cover the entire splash.
span.addEventListener("click", beginGame); // when the restart button is clicked the beginGame function is executed.
var winmessage = document.createElement("p");
winmessage.innerHTML = "<br><b>YOU WONNNN!!!<b>";
splash.append(winmessage);
winmessage.style.fontSize = "25px";
zombieSpeed = 0 // freezes the zombies in place until updated when game is restarted.
steve.rotation.z = Math.PI / 1 // faces steve model in the default direction (forward).
for ( var i = 0; i < zombieAmount ; i++ ) // loops for all zombies and changes their scale.
{
zombieArray[i].scale.set(0, 0, 0); // sets the zombies to 0 so invisible.
}
}
ABHandler.MAXCAMERAPOS = maxRadiusConst ;
ABHandler.GROUNDZERO = true; // "ground" exists at altitude zero
const SKYBOX_ARRAY = [
"/uploads/starter/sky_pos_z.jpg",
"/uploads/starter/sky_neg_z.jpg",
"/uploads/starter/sky_pos_y.jpg",
"/uploads/starter/sky_neg_y.jpg",
"/uploads/starter/sky_pos_x.jpg",
"/uploads/starter/sky_neg_x.jpg"
];
var zombieArray = new Array ( zombieAmount );
var steve, zombie;
var steveRotation = 0 ;
var enemyRotation = 0 ;
var ZOMBIE_texture;
function loadResources() // asynchronous file loads - call initScene() when all finished
{
var loader = new THREE.OBJLoader ( new THREE.LoadingManager() ); // load ZOMBIE - OBJ that we will paint with a texture
loader.load ( OBJ_ZOMBIE, function ( object )
{
zombie = object; // canonical enemy object - may be copied multiple times
if ( asynchFinished() ) initScene();
});
THREE.DefaultLoadingManager.addHandler ( /\.tga$/i, new THREE.TGALoader() );
// load textures
var loader2 = new THREE.TextureLoader();
loader2.load ( TEXTURE_ZOMBIE, function ( thetexture )
{
thetexture.minFilter = THREE.LinearFilter;
ZOMBIE_texture = thetexture;
if ( asynchFinished() ) initScene();
});
}
var difficulty = "<p align=\"center\"><button id='easyButton', style=\"height:50px;width:100px;\"><b>EASY</b></button><button id='normalButton', style=\"height:50px;width:100px\"><b>NORMAL</b></button><button id='hardButton', style=\"height:50px;width:100px\"><b>HARD</b></button></p>";
var chooseDifficulty = "<p align=\"center\"><div id='chooseDifficulty', <b>CHOOSE A DIFFICULTY TO PLAY:</b></div></p>";
function setDifficulty()
{
$("#user_span4").html( chooseDifficulty );
$("#user_span5").html( difficulty );
easyButton.style.background = '#4CAF63';
normalButton.style.background = '#FA9E2A';
hardButton.style.background = '#C43737';
document.getElementById("chooseDifficulty").style.font = "20px Helvetica ";
document.getElementById("chooseDifficulty").style.fontStyle = "bold";
document.getElementById("easyButton").style.font = "17px Helvetica ";
document.getElementById("normalButton").style.font = "17px Helvetica ";
document.getElementById("hardButton").style.font = "17px Helvetica ";
document.getElementById("easyButton").addEventListener("click", easyMode); // checks if the button with the ID of easyButton is pressed, if so the easyMode is set (function is called)
document.getElementById("normalButton").addEventListener("click", normalMode); // checks if the button with the ID of normalButton is pressed, if so the normalMode is set (function is called)
document.getElementById("hardButton").addEventListener("click", hardMode); // checks if the button with the ID of hardButton is pressed, if so the hardMode is set (function is called)
}
function loadModels()
{
const loader = new THREE.GLTFLoader();
const onLoad = ( gltf, position ) =>
{
var model = gltf.scene.children[ 0 ]; // the model is the first child of the scene
model.position.copy( position ); // set the position of the model
var animation = gltf.animations[ 1 ];
var animationIdle = gltf.animations[ 0 ]; // get the animation from the gltf object
const mixer = new THREE.AnimationMixer( model );
mixers.push( mixer );
const action = mixer.clipAction( animation );
action.play();
ABWorld.scene.add( model );
steve = model;
model.scale.set(5, 5, 5);
initScene();
lighting();
};
var stevePosition = new THREE.Vector3 ( 0, 0, 0 );
const mutantPosition = new THREE.Vector3 ( 10, 0, -60 );
// can load 3D models of other user:
loader.load ( '/uploads/liam/steve.glb', glb => onLoad ( glb, stevePosition ) );
// loader.load ( '/uploads/liam/mutant.glb', glb => onLoad ( glb, mutantPosition ) );
}
function asynchFinished() // all file loads returned
{
if ( ZOMBIE_texture && zombie && steve ) return true;
else return false;
}
function initScene() // all file loads have returned
{
// add agent model start at center
// ABWorld.scene.add( steve );
setLookatFollow(); // set up lookat and follow in direction agent is pointing in
// add enemies
// first paint and size the canonical enemy object
zombie.traverse ( function ( child )
{
if ( child instanceof THREE.Mesh )
child.material.map = ZOMBIE_texture ;
});
zombie.scale.multiplyScalar ( SCALE_ZOMBIE ); // scale it
// add perhaps multiple enemy models, starting near outside of arena
for ( var i = 0; i < zombieAmount ; i++ )
{
var object = zombie.clone(); // copy the object multiple times
object.position.y = 0;
object.position.x = AB.randomPick ( AB.randomIntAtoB ( -MAXPOS/2, -MAXPOS/3 ), AB.randomIntAtoB ( MAXPOS/3, MAXPOS/2 ) );
object.position.z = AB.randomPick ( AB.randomIntAtoB ( -MAXPOS/2, -MAXPOS/3 ), AB.randomIntAtoB ( MAXPOS/3, MAXPOS/2 ) );
ABWorld.scene.add( object ); // adds the ZOMBIE enemies
zombieArray[i] = object; // save in array for later
}
}
function lighting() // this function is called on the first new run of the game.
{
steve.scale.multiplyScalar ( steveScale ); // sets steve's scale
ABWorld.scene.background = new THREE.CubeTextureLoader().load ( SKYBOX_ARRAY, function() // skybox
{
ABWorld.render(); // skybox
AB.removeLoading(); // removes loading splash
AB.runReady = true;
});
}
// --- lookat and follow -----------------------------------
// we do NOT automatically look at enemy / enemies
// instead we look in direction we are facing
function setLookatFollow() // set up lookat and follow
{
// follow - camera position
// start with agent centre, then adjust it by small amount
ABWorld.follow.copy ( steve.position );
ABWorld.follow.y = FOLLOW_Y ;
// shifted forward/back along line linking agent with direction it is facing
ABWorld.follow.x = ABWorld.follow.x + ( CAMERASHIFT * Math.sin(steveRotation) );
ABWorld.follow.z = ABWorld.follow.z + ( CAMERASHIFT * Math.cos(steveRotation) );
// lookat - look at point in distance along line we are facing
// start with agent centre, then adjust it along line by huge amount
ABWorld.lookat.copy ( steve.position );
ABWorld.lookat.y = LOOKAT_Y ;
ABWorld.lookat.x = ABWorld.lookat.x + ( (startRadiusConst * 3) * Math.sin(steveRotation) );
ABWorld.lookat.z = ABWorld.lookat.z + ( (startRadiusConst * 3) * Math.cos(steveRotation) );
}
// --- enemy move -----------------------------------
// angle between two points (x1,y1) and (x2,y2)
function angleTwoPoints ( x1, y1, x2, y2 )
{
return Math.atan2 ( x2 - x1, y2 - y1 );
}
function dist ( a, b ) // distance between them when a,b are Three vectors
{
return ( a.distanceTo ( b ) );
}
var liveCount = 0;
var lives = 5;
var lives2 = 0;
function collision ( proposedMove, k ) // proposed move FOR ZOMBIE k
{
if ( dist ( proposedMove, steve.position ) < CLOSE_LIMIT )
hitCount += 1; // updates every tick the enemey is inside the range of the close limit
// console.log(hitCount);
if ( hitCount == 2 ) // if the player has been hit 4 times, the game is over (around being hit for 0.5 second)
{
lives -= 1;
hitCount = 0; // hit count is resit back to zero
var deathSound = new Audio('/uploads/liam/damage.mp3'); // play damage sound everytime hitcounter is 4.
deathSound.play();
}
if ( lives === 0 ) // if the player has no lives left, the death menu is displayed.
{
death(); // calling the death function
lives = 1000;
}
for ( var i=0 ; i < zombieAmount ; i++ )
if ( i != k )
if ( dist ( proposedMove, zombieArray[i].position ) < CLOSE_LIMIT )
return true;
// else
return false;
}
function moveEnemy()
{
for ( var i = 0; i < zombieAmount ; i++ )
{
var e = zombieArray[i] ;
enemyRotation = angleTwoPoints ( e.position.x, e.position.z, steve.position.x, steve.position.z ); // rotate enemy to face agent
e.rotation.set ( 0, enemyRotation + 85, 0 );
// move along that line, if no collision with any other model
var proposedMove = new THREE.Vector3
(
e.position.x + ( zombieSpeed * Math.sin(enemyRotation) ),
e.position.y,
e.position.z + ( zombieSpeed * Math.cos(enemyRotation) )
);
if ( ! collision ( proposedMove, i ) )
e.position.copy ( proposedMove );
// else enemy i just misses a turn
}
}
//--- key control of agent -------------------------------------------------------------
const KEY_UP = 38;
const KEY_LEFT = 37;
const KEY_RIGHT = 39;
const KEY_DOWN = 40;
const SPACEBAR = 32;
const KEY_W = 87;
const KEY_A = 65;
const KEY_S = 83;
const KEY_D = 68;
var pressedcount = 0; // counts how long the key is pressed for.
var OURKEYS = [ KEY_UP, KEY_DOWN, KEY_LEFT, KEY_RIGHT, KEY_W, KEY_A, KEY_S, KEY_D ];
function ourKeys ( event ) { return ( OURKEYS.includes ( event.keyCode ) ); }
function keyHandler ( event )
{
if ( ! AB.runReady ) return true; // not ready yet
// if not handling this key, send it to default:
if ( ! ourKeys ( event ) ) return true;
// else handle it and prevent default:
if ( event.keyCode == KEY_UP || event.keyCode == KEY_W) // if the Up arrow or W key is pressed.
{
pressedcount = pressedcount + 1; // updates the pressed count each time the W key is pressed
console.log(pressedcount) // logs the pressing to console.
if ( pressedcount > 8 ) // only play the sound every 8 key presses to avoid the sound effect overlapping.
{
pressedcount = 0; // resets the pressedcount
var forwardSound = new Audio('/uploads/liam/walk_forward.mp3'); // play the walking forward sound effect
forwardSound.setLoop = ( false );
forwardSound.setVolume = ( 0.1 );
forwardSound.play(); // audio is played
}
if ( steve.position.z > -(WorldSize / 2)){
// console.log("up", (WorldSize / 2) );
steve.rotation.z = 0; // face the agent backwards
steveRotation = steve.rotation.z;
steve.position.z = steve.position.z - ( steveSpeed * Math.cos(steveRotation) ); // moves the agent in the direction its facing (backwards)
}
}
if ( event.keyCode == KEY_DOWN || event.keyCode == KEY_S) // if the down arrow or S key is pressed.
{
pressedcount = pressedcount + 1; // updates the pressed count each time the W key is pressed
console.log(pressedcount) // logs the pressing to console.
if ( pressedcount > 8 ) // only play the sound every 8 key presses to avoid the sound effect overlapping.
{
pressedcount = 0; // resets the pressedcount
var backwardsSound = new Audio('/uploads/liam/walk_backward.mp3'); // play the walking forward sound effect
backwardsSound.setLoop = ( false );
backwardsSound.setVolume = ( 0.1 );
backwardsSound.play(); // audio is played
}
if ( steve.position.z < (WorldSize / 2)){
// console.log("down", steve.position.z);
steve.rotation.z = Math.PI / 1; // face the agent forward
steveRotation = steve.rotation.z;
steve.position.z = steve.position.z - ( steveSpeed * Math.cos(steveRotation) ); // moves the agent in the direction its facing (forward)
}
}
if ( event.keyCode == KEY_LEFT || event.keyCode == KEY_A) // if the left arrow or A key is pressed.
{
pressedcount = pressedcount + 1; // updates the pressed count each time the W key is pressed
console.log(pressedcount) // logs the pressing to console.
if ( pressedcount > 8 ) // only play the sound every 8 key presses to avoid the sound effect overlapping.
{
pressedcount = 0; // resets the pressedcount
var leftSound = new Audio('/uploads/liam/walk_left.mp3'); // play the walking forward sound effect
leftSound.setLoop = ( false );
leftSound.setVolume = ( 0.1 );
leftSound.play(); // audio is played
}
if (steve.position.x > -(WorldSize / 2) ){
// console.log("left", steve.position.x);
steve.rotation.z = Math.PI / 2; // face the agent left
steveRotation = steve.rotation.z;
steve.position.x = steve.position.x - ( steveSpeed * Math.sin(steveRotation) ); // moves the agent in the direction its facing (left)
}
}
if ( event.keyCode == KEY_RIGHT || event.keyCode == KEY_D) // if the right arrow or D key is pressed.
{
pressedcount = pressedcount + 1; // updates the pressed count each time the W key is pressed
console.log(pressedcount) // logs the pressing to console.
if ( pressedcount > 8 ) // only play the sound every 8 key presses to avoid the sound effect overlapping.
{
pressedcount = 0; // resets the pressedcount
var rightSound = new Audio('/uploads/liam/walk_right.mp3'); // play the walking forward sound effect
rightSound.setLoop = ( false );
rightSound.setVolume = ( 0.1 );
rightSound.play(); // audio is played
}
if (steve.position.x < (WorldSize / 2) ){
// console.log("right", steve.position.x);
steve.rotation.z = Math.PI / -2; // face the agent right
steveRotation = steve.rotation.z;
steve.position.x = steve.position.x - ( steveSpeed * Math.sin(steveRotation) ); // moves the agent in the direction its facing (left)
}
}
// if ( event.keyCode == SPACEBAR )
// {
// steve.rotation.z = Math.PI / -2; // face the agent right
// steveRotation = steve.rotation.z;
// steve.position.y = steve.position.y - ( steveSpeed * Math.sin(steveRotation) ); // moves the agent in the direction its facing (left)
// steve.position.y = steve.position.y + ( steveSpeed * Math.sin(steveRotation) ); // moves the agent in the direction its facing (left)
// }
setLookatFollow(); // lookat/follow depend on change in agent position/rotation: M.H
event.stopPropagation(); event.preventDefault(); return false;
}
function easyMode() // this function is called when Easy difficulty is selected.
{
lives = 10
steveSpeed = 100
zombieSpeed = 50; // makes the enemy speed 50% slower.
for ( var i = 0; i < zombieAmount ; i++ ) // loops for all zombies and increases their size to 700x700x700
{
zombieArray[i].scale.set(300, 300, 300); // initial zombie size is set.
}
}
function normalMode() // this function is called when Normal difficulty is selected.
{
lives = 3
steveSpeed = 100
zombieSpeed = 80; // increased zombie movement speed.
for ( var i = 0; i < zombieAmount ; i++ ) // loops for all zombies and increases their size to 700x700x700
{
zombieArray[i].scale.set(500, 500, 500);
}
}
function hardMode() // this function is called when Easy difficulty is selected.
{
lives = 1
steveSpeed = 100
zombieSpeed = 200 ; // makes the enemy speed much faster
for ( var i = 0; i < zombieAmount ; i++ )
{
zombieArray[i].scale.set(700, 700, 700); // zombie is larger then normal mode.
}
}
AB.world.nextStep = function()
{
time_elapsed = Math.trunc(timeClock.getElapsedTime());
var playtime = "<p align=\"center\"><b>Playtime: " + time_elapsed + "s</p>";
$("#user_span6").html( playtime );
moveEnemy(); // enemies moves on their own clock
const delta = clock.getDelta();
mixers.forEach( ( mixer ) => { mixer.update( delta ); } );
if(AB.socket)
{
if(AB.socket.connected)
{
if ( lives2 > 100 ) { // if the users currently lives are over 100 that means the user is dead. as we set it to 1000 between rounds.
AB.msg("<p align=\"center\"> <font color=red> <B> Your lives: " + lives + "<p align=\"center\"> <font color=blue> <B> Opponent's Lives: " + " Dead </B>" );
}
if ( lives2 < 100 ) { // if the user lives are not bigger then 100, that means real lives are in play and the value can be displayed.
AB.socketOut(lives)
AB.msg("<p align=\"center\"> <font color=red> <B> Your lives: </B>" + lives + "<p align=\"center\"> <font color=blue> <B> Opponent's Lives: </B> " + lives2);
}
}
}
};
AB.backgroundMusic ( MUSIC_BACK );
function beginGame(){ // removes the splash menu when button is pressed
steve.position.y = 0;
steve.position.x = 0;
steve.position.z = 0;
initScene();
AB.removeSplash();
lives = 5
}
AB.world.newRun = function()
{
AB.socketStart();
mainMenu();
AB.loadingScreen();
AB.runReady = false;
ABWorld.init3d ( startRadiusConst, maxRadiusConst, SKYCOLOR );
loadResources(); // aynch file loads // calls initScene() when it returns
loadModels();
setDifficulty();
// light
var ambient = new THREE.AmbientLight();
ABWorld.scene.add( ambient );
var thelight = new THREE.DirectionalLight ( LIGHTCOLOR, 3 );
thelight.position.set ( startRadiusConst, startRadiusConst, startRadiusConst );
ABWorld.scene.add(thelight);
var BlockSize = 500;
var floorGeometry = new THREE.PlaneBufferGeometry( WorldSize, WorldSize );
floorGeometry.rotateX( - Math.PI / 2 );
// loading the floor texture
var floorTexture = new THREE.ImageUtils.loadTexture ( floorTextureFile );
floorTexture.minFilter = THREE.LinearFilter;
floorTexture.wrapS = floorTexture.wrapT = THREE.RepeatWrapping;
// world floor texture size and location
floorTexture.offset.set( 0, 0 );
floorTexture.repeat.set( WorldSize / BlockSize, WorldSize / BlockSize );
var floor = new THREE.Mesh(floorGeometry, new THREE.MeshBasicMaterial({map : floorTexture}));
floor.position.set(0,0,0);
threeworld.scene.add(floor);
document.onkeydown = keyHandler;
};
AB.socketUserlist = function ( array ) {
if (array.length > 4) {
AB.newSplash (splashScreen("<font color=white> <h2>GAME HAS 2/2 PLAYERS PLEASE WAIT...</h1>"));
document.getElementById("splashbutton").innerHTML = "Retry";
document.getElementById("splashbutton").onclick = function () { // reload the page when the button is clicked
location.reload();
};
} else if (array.length === 1) {
AB.newSplash (splashScreen("<font color=white> <h2>WAITING FOR ANOTHER USER...</h1>"));
// update the button from "start" to "retry"
document.getElementById("splashbutton").innerHTML = "Retry";
// reload the page when the button is clicked
document.getElementById("splashbutton").onclick = function () {
location.reload();
};
}
// ensure that when this function is called again, the user array is not passed
// this will avoid the error message displaying for all users currently playing and ensure it only displays for
// the new user trying to join
AB.socketUserlist = function() {};
};
AB.socketIn = function (score)
{
lives2 = score;
}