compatibilityModeOn = false; onMobile = true; window.onload = function(){ if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( navigator.userAgent ) ) onMobile = true; else onMobile = false; document.getElementById("button-play").addEventListener("click", function(){ document.getElementById( "homescreen" ).style.display = "none"; }); alert("If it shows you a WebGL error, try this:\n\n1.Restart Sololearn\n2.Open this project again\n3.Click on the JS Tab and wait again till it's loaded\n4.Click on the Output Tag\n\n If it still don't work, do step 3 and 4 again. Enjoy!"); runGame(); }; function runGame(){ console.log = function(){}; document.getElementById( "button-restart" ).addEventListener("click", function(e){ this.style.display = "none"; restartGame(); e.preventDefault(); }, false); var output = document.getElementById("info"); var camera, camera2, scene, renderer, devMode=false; var cb = document.getElementsByTagName("input")[0]; //CANNON var world, blocks=[], bodies=[], rubble=[]; var checked, scoreCount = 0, lastPos = new THREE.Vector3(); var toDelete=[]; function deleteRubble(body){ if(alreadyAdded(body))return; toDelete.push(body); function alreadyAdded(bod){ for( var i=0;i= borderBounds) moveDir = -1; blockTransition += moveDir * speed; currentBlock.position.set(blockTransition, scoreCount, secondaryPosition); } else { if (pos.z <= -borderBounds) moveDir = 1; else if(pos.z >= borderBounds) moveDir = -1; blockTransition += moveDir * speed; currentBlock.position.set(secondaryPosition, scoreCount, blockTransition); } } function addNewBlock(){ lastBlockPosition = currentBlock.position; colorVal= colorVal-colorStep <= 0 ? 360 : colorVal-colorStep; var material = new THREE.MeshLambertMaterial({ //color:0xF3FFE2 color:"hsl("+colorVal+", 20%, 50%)" ,overdraw:true }); block = new THREE.Mesh(geometry, material); block.scale.x = currentBlock.scale.x; block.scale.y = 1; block.scale.z = currentBlock.scale.z; block.position.y = scoreCount; if(movingOnX){ block.position.x = -borderBounds; } else{ block.position.z = -borderBounds; } scene.add(block); if( !compatibilityModeOn ){ block.castShadow = false; block.receiveShadow = false; var boxShape = new CANNON.Box( new CANNON.Vec3( currentBlock.scale.x/2, currentBlock.scale.y/2, currentBlock.scale.z/2 )); var boxBody = new CANNON.Body( { mass:0, shape:boxShape} ); boxBody.position.copy( currentBlock.position ); world.add( boxBody ); } currentBlock = block; } function createRubble(pos, scale){ if(onMobile && bodies.length>=5){ deleteRubble(bodies[0]); } var material = new THREE.MeshLambertMaterial({ color:"hsl("+colorVal+", 20%, 50%)" ,overdraw:true }); block = new THREE.Mesh( geometry, material ); block.useQuaternions = true; block.scale.copy( scale ); scene.add( block ); blocks.push( block ); var boxShape = new CANNON.Box( new CANNON.Vec3( scale.x/2, scale.y/2, scale.z/2 )); var boxBody = new CANNON.Body( { mass:0.5, shape:boxShape } ); boxBody.position.copy( pos ); world.add( boxBody ); bodies.push( boxBody ); } function placeBlock(){ if(!currentBlock)return; var b = currentBlock; if( movingOnX ){ var diffX = lastBlockPosition.x - currentBlock.position.x; if(Math.abs( diffX ) > ERROR_MARGIN){ //Cut the block combo = 0; stackBounds.x -= Math.abs( diffX ); if( stackBounds.x <= 0) return false; //alert(stackBounds.x); var middle = lastBlockPosition.x + currentBlock.position.x / 2; currentBlock.scale.set(stackBounds.x, 1, stackBounds.z); createRubble( new THREE.Vector3((currentBlock.position.x > 0) ? currentBlock.position.x + (currentBlock.scale.x / 2) : currentBlock.position.x - (currentBlock.scale.x / 2) , currentBlock.position.y , currentBlock.position.z ), new THREE.Vector3(Math.abs( diffX ), 1, currentBlock.scale.z) ); currentBlock.position.set(middle - (lastBlockPosition.x / 2), scoreCount, lastBlockPosition.z); } else{ if( combo >= COMBO_START_GAIN ){ stackBounds.x += STACK_BOUNDS_GAIN; stackBounds.x = Math.min(stackBounds.x, BLOCK_SIZE) var middle = lastBlockPosition.x + currentBlock.position.x / 2; currentBlock.scale.set(stackBounds.x, 1, stackBounds.z); currentBlock.position.set(middle - (lastBlockPosition.x / 2), scoreCount, lastBlockPosition.z); } combo++; currentBlock.position.set(lastBlockPosition.x, scoreCount, lastBlockPosition.z); } } else{ var diffZ = lastBlockPosition.z - currentBlock.position.z; if(Math.abs( diffZ ) > ERROR_MARGIN){ //Cut the block combo = 0; stackBounds.z -= Math.abs( diffZ ); if( stackBounds.z <= 0) return false; var middle = lastBlockPosition.z + currentBlock.position.z / 2; currentBlock.scale.set(stackBounds.x, 1, stackBounds.z); createRubble( new THREE.Vector3(currentBlock.position.x , currentBlock.position.y , (currentBlock.position.z > 0) ? currentBlock.position.z + (currentBlock.scale.z/2) : currentBlock.position.z - (currentBlock.scale.z/2) ), new THREE.Vector3(currentBlock.scale.x, 1, Math.abs( diffZ )) ); currentBlock.position.set(lastBlockPosition.x, scoreCount, middle - (lastBlockPosition.z / 2)); } else{ if( combo >= COMBO_START_GAIN ){ stackBounds.z += STACK_BOUNDS_GAIN; stackBounds.z = Math.min(stackBounds.z, BLOCK_SIZE) var middle = lastBlockPosition.z + currentBlock.position.z / 2; currentBlock.scale.set(stackBounds.x, 1, stackBounds.z); currentBlock.position.set(lastBlockPosition.x, scoreCount, middle - (lastBlockPosition.z / 2)); } combo++; currentBlock.position.set(lastBlockPosition.x, scoreCount, lastBlockPosition.z); } } blockTransition = -borderBounds; moveDir = 1; //alert("hi"); secondaryPosition = (movingOnX) ? currentBlock.position.x : currentBlock.position.z; movingOnX = !movingOnX; return true; } function endGame(){ gameOver=true; blocks.push( currentBlock ); var boxShape = new CANNON.Box( new CANNON.Vec3( currentBlock.scale.x/2, currentBlock.scale.y/2, currentBlock.scale.z/2 )); var boxBody = new CANNON.Body( { mass:0.5, shape:boxShape} ); boxBody.position.copy( currentBlock.position ); world.add( boxBody ); boxBody.addEventListener("collide", function(e){ //alert("Collided with ground!") }); bodies.push( boxBody ); boxBody.angularVelocity.set(0.1,0.2,0); endFac = 0.015 + scoreCount/900; zoomOut = true; out("Game Over!
Score: "+scoreCount); setTimeout(function(){ document.getElementById( "button-restart" ).style.display = "block"; }, 1000); } function out(text){ output.innerHTML = text; } function lerp(value1, value2, amount) { amount = amount < 0 ? 0 : amount; amount = amount > 1 ? 1 : amount; return value1 + (value2 - value1) * amount; } function deleteFromList(){ for( var i=0;i 0 ){ scene.remove( scene.children[ 0 ] ); } while( world.bodies.length > 0 ){ world.removeBody( world.bodies[ 0 ] ); } //world.prototype.clear(); lastBlockPosition = new THREE.Vector3(); blockTransition = -borderBounds; stackBounds = new THREE.Vector3(BLOCK_SIZE, 1, BLOCK_SIZE); secondaryPosition = 0; blocks=[]; bodies = []; colorVal= 228; setUpWorld(); scoreCount= 0; endFac = 0.012; out(0); gameOver = false; } function animate(){ if(!gameStarted)return; requestAnimationFrame( animate ); if(!gameOver){ moveBlock(); } deleteFromList(); world.step( 1.0 / 60.0 ); for( var i=0, j=blocks.length; i

(Game) How high can you get?