compatibilityModeOn = false; window.onload = function(){ alert("My first WebGL Project.\n\nI recommend playing it on PC because it will lagg on the phone.\nI am still new to the whole web developing so don't expect too much \'-\'\n\n There are bugs now!\n\nI don't know if I will update this because I am working on other projects.\nHave Fun xD"); alert("If it gives you an error, do:\n\n1.Reopen Sololearn\n2.Open this project again\n3.Stay on the HTML Tab and wait for it to be loaded\n4.click on the JS Tab and wait again till it's loaded\n5.Click on the Output Tag\n\n If it still don't work, do step 4 and 5 again."); document.getElementById("button-play").addEventListener("click", function(){ var radioInputs = document.getElementsByName( "comp-option" ); if(radioInputs[0].checked){ compatibilityModeOn = true; } else{ compatibilityModeOn = false; } document.getElementById( "homescreen" ).style.display = "none"; runGame(); }); }; function runGame(){ console.log = function(){}; var output = document.getElementById("info"); var camera, camera2, scene, renderer, devMode=false; var cb = document.getElementsByTagName("input")[0]; //CANNON var world, blocks=[], bodies=[]; 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 boxMaterial = new CANNON.Material(); var boxBody = new CANNON.Body( { mass:0, shape:boxShape, material:boxMaterial } ); boxBody.position.copy( currentBlock.position ); world.add( boxBody ); } currentBlock = block; } function createRubble(pos, scale){ 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 boxMaterial = new CANNON.Material(); var boxBody = new CANNON.Body( { mass:0.5, shape:boxShape, material:boxMaterial } ); 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 boxMaterial = new CANNON.Material(); var boxBody = new CANNON.Body( { mass:0.5, shape:boxShape, material:boxMaterial } ); 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/700; zoomOut = true; out("Game Over!
Score: "+scoreCount); } 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

How high can you get? Beta