alert("Get to the top. The powerup gives you a permanent speed boost, and gives the red square a temporary one.") window.onload = function() { var redMoveSpeed = 0.5; var leftSpeed = 10; var rightSpeed = 10; var posLeft = 0; var posTop = 400; var falling = true; var tickInterval = setInterval(tick, 10); var square = document.getElementById('square'); var powerUp = document.getElementById('powerUp'); var leftHeld = false; var rightHeld = false; var a = 0; var b = 0; var jumping = false; var c = 0; var x = 0; var platformArray = []; var plLeftPos = []; var plTopPos = []; var touchingPlatform = false; var jumpCooldown = false; var cooldownInterval = 0; var canGoLeft = true; var canGoRight = true; var touchingPlatformTrue = 0; var secondLoop = 0; var canGoLeftTrue = true; var canGoRightTrue = true; var currentLvl = 1; var levelCooldown = 0; var nextLevelTrue = true; var xPlus = false; var dejaVu = false; var jumpingTrue = false; var redPosLeft = 300; var redPosTop = 10; var pwPosLeft = Math.floor(400*Math.random()); var pwPosTop = Math.floor(600*Math.random()); var powerUpActivated = false; //level generation function levelUpdate() { if(dejaVu == false) { removeOtherLvl(); powerUpActivated = false; pwPosLeft = Math.floor(400*Math.random()) pwPosTop = Math.floor(600*Math.random()) for(z = 0; 30 > z; z++) { createPlatform(Math.floor(400*Math.random()), Math.floor(600*Math.random())) } createPlatform(250, 100); createPlatform(100, 150) createPlatform(150, 250); createPlatform(290, 300) createPlatform(200, 350); createPlatform(240, 400) createPlatform(260, 450); createPlatform(140, 500) createPlatform(160, 550); createPlatform(100, 600) } dejaVu = true; } function removeOtherLvl() { for(z = 0; platformArray.length > z; z++) { platformArray[z].parentNode.removeChild(platformArray[z]) } platformArray = []; plLeftPos = []; plTopPos = []; }; //setup & gameOver function gameOver() { posTop = 400; posLeft = 10; redPosTop = 10; redPosLeft = 300; currentLvl = 1; powerUpActivated = false; levelUpdate(); } function tick() { //updates if(powerUpActivated) { redMoveSpeed = 0.75; } powerUp.style.left = pwPosLeft + 'px' powerUp.style.top = pwPosTop + 'px' if(powerUpActivated == true) { pwPosLeft = posLeft; pwPosTop = posTop; }; function powerUpTrue() { powerUpActivated = true; }; if((posLeft - pwPosLeft) <= 16 && (posLeft - pwPosLeft) >= -16 && (posTop - pwPosTop) <= 16 && (posTop - pwPosTop) >= -16) { if(leftSpeed > 5) { leftSpeed--; rightSpeed--; powerUpTrue(); } } //d o e s i t l o o k l i k e i k n o w (above is collision, below is red square navigation) if(posLeft < redPosLeft) { redPosLeft -= redMoveSpeed; }; if(posLeft > redPosLeft) { redPosLeft += redMoveSpeed; }; if(posTop < redPosTop) { redPosTop -= redMoveSpeed; }; if(posTop > redPosTop) { redPosTop += redMoveSpeed; }; if((posLeft - redPosLeft) <= 16 && (posLeft - redPosLeft) >= -16 && (posTop - redPosTop) <= 16 && (posTop - redPosTop) >= -16) { gameOver(); } level.textContent = currentLvl; if(posTop >= 750) { gameOver(); } if(posTop <= -1) { nextLevel(); posTop = 400; posLeft = 10; dejaVu = false; } if(xPlus == true) { x++; if(x >= 101) { x = 0; jumpCooldown = false; xPlus = false; } if(x >= 100) { jumping = false; falling = true; }; }; levelUpdate(); function nextLevel() { if(nextLevelTrue == true) { nextLevelTrue = false; currentLvl++; levelCooldown = setInterval(canDoNextLevel, 100); } } function canDoNextLevel() { nextLevelTrue = true; clearInterval(levelCooldown); } for(z = 0; platformArray.length > z; z++) { if((posLeft - plLeftPos[z]) == 16 && (posTop - plTopPos[z]) <= 15 && (posTop - plTopPos[z]) >= -15) { canGoLeftTrue = true; } if(z == platformArray.length -1) { if(canGoLeftTrue == true) { canGoLeft = false; canGoLeftTrue = false; } else { canGoLeft = true; } } if((posLeft - plLeftPos[z]) == -20 && (posTop - plTopPos[z]) <= 20 && (posTop - plTopPos[z]) >= -20) { canGoRightTrue = true; } if(z == platformArray.length -1) { if(canGoRightTrue == true) { canGoRight = false; canGoRightTrue = false; } else { canGoRight = true; } } }; detectCollision(); if(touchingPlatform) { falling = false; }; if(touchingPlatform == false && jumping == false) { falling = true; }; square.style.top = posTop + 'px'; square.style.left = posLeft + 'px'; redSquare.style.top = redPosTop + 'px'; redSquare.style.left = redPosLeft + 'px' if(falling == true) { posTop++; }; if(jumping == true) { posTop -= 1.2; }; }; //movement //left leftBtn.ontouchstart = function() { leftHeld = true; a = setInterval(moveLeft, leftSpeed); function moveLeft() { if(canGoLeft == true) { posLeft--; } } }; leftBtn.ontouchend = function() { leftHeld = false; clearInterval(a); }; //right rightBtn.ontouchstart = function() { rightHeld = true; b = setInterval(moveRight, rightSpeed) function moveRight() { if(canGoRight == true) { posLeft++; } }; }; rightBtn.ontouchend = function() { rightHeld = false; clearInterval(b); }; //up OMG JUST WORK PLEEEEEASE jumpBtn.ontouchstart = function() { if(touchingPlatform == true && jumpCooldown == false) { falling = false; jumpCooldown = true; jumping = true; xPlus = true; }; }; //world gen?? kinda?? (creating platforms and obstacles each level) function createPlatform(left, top) { let platform = document.querySelector(".platform") let plClone = platform.cloneNode(true); plClone.style.left = left + "px"; plClone.style.top = top + "px"; plLeftPos.push(left); plTopPos.push(top); platformArray.push(plClone); document.body.appendChild(plClone); }; //collision. yay. -_- function detectCollision() { for(z = 0; platformArray.length > z; z++) { if((posLeft - plLeftPos[z]) <= 20 && (posLeft - plLeftPos[z]) >= -20 && (posTop - plTopPos[z]) <= 20 && (posTop - plTopPos[z]) >= -20) { touchingPlatformTrue = true; } if(z == platformArray.length -1) { if(touchingPlatformTrue == true) { touchingPlatform = true; touchingPlatformTrue = false; } else { touchingPlatform = false; } }; } }; //deleting elements (thinks its so special getting its own section) };

Neon Platformer