var snakePiecesX = []; var snakePiecesY = []; var snakePieceDiameter; var foodCount; var oldFoodLeft; var oldFoodTop; var foodDiameter; var toP; var bottom; var left; var right; var boardInterval; var canvas; var foodCanvas; var newfood; var canvasHeight; var canvasWidth; var initialX; var finalX; var initialY; var finalY; var WALL; var TIMING; var pauseGame; var easy; var normal; var hard; var extra_hard; var AMOUNT; window.onload = function() { // alert("This is my platinum code"); alert("You can use the arrow keys if you are using pc, otherwise use the buttons"); /*alert("You can also swipe to move, swipe down to move down, left to move left, right to move right and top to move up\n"+ "but swiping right will stop the code because of sololearn playground design"+ " so alternatively to move up double-click the upper part of the screen, to move down double-click down. double-click left to move left and double-click right to move right")*/ normal = true; AMOUNT = 2; easy = hard = extra_hard = false; pauseGame = false; document.getElementById("menu_button").click(); } function clearMenu(){ var menu = document.getElementById("menu"); var menuStyle = window.getComputedStyle(menu); pauseGame = false; if(boardInterval==undefined) boardInterval = setInterval(updateBoard,TIMING); if(menuStyle.getPropertyValue("display")=="block"); menu.style.display = "none"; } function difficultyChanged(event){ if(event.target.matches("#easy")){ easy = true; normal = hard = extra_hard = false; AMOUNT = 1; } else if(event.target.matches("#normal")){ normal = true; easy = hard = extra_hard = false; AMOUNT = 2; } else if(event.target.matches("#hard")){ hard = true; easy = normal = extra_hard = false; AMOUNT = 3; } else if(event.target.matches("#extra_hard")){ extra_hard = true; easy = normal = hard = false; AMOUNT = 6; } } function initialize(){ WALL = 10; snakePieceDiameter = 20; foodCount = 0; foodDiameter = snakePieceDiameter; newfood = true; toP = false; bottom = false; left = false; right = true; window.addEventListener("keydown",keydownFunc); var c = document.getElementById("board"); var canvasStyle = window.getComputedStyle(c); canvasWidth = Math.floor(((pxValue(canvasStyle.getPropertyValue('width')))/(snakePieceDiameter)))*snakePieceDiameter +1 * WALL; canvasHeight = Math.floor(((pxValue(canvasStyle.getPropertyValue('height')))/(snakePieceDiameter)))*snakePieceDiameter +1 * WALL; c.style.width = canvasWidth + "px"; c.style.height = canvasHeight + "px"; } function setTime(){ if(easy==true) TIMING = 350; else if(normal==true) TIMING = 250; else if(hard==true) TIMING = 150; else if(extra_hard==true) TIMING = 100; } function start(){ setTime(); initialize(); if(boardInterval!=undefined){ clearInterval(boardInterval); boardInterval=undefined; } boardInterval = setInterval(updateBoard,TIMING); setTimeout(newFood,0); if(!(snakePiecesX==undefined&&snakePiecesY==undefined)){ snakePiecesX.splice(0,snakePiecesX.length); snakePiecesY.splice(0,snakePiecesY.length); } snakePiecesX[0] = 55; snakePiecesY[0] = 15; snakePiecesX[1] = 35; snakePiecesY[1] = 15; snakePiecesX[2] = 15; snakePiecesY[2] = 15; toggleMenu(); } function pause(){ if(pauseGame==false){ clearInterval(boardInterval); boardInterval=undefined; pauseGame = true; document.getElementById("pause_button").innerHTML = "Resume"; } else{ boardInterval = setInterval(updateBoard,TIMING); pauseGame = false; document.getElementById("pause_button").innerHTML = "Pause"; } } function menu(){ pause(); toggleMenu(); pause(); document.getElementById("pause_button").innerHTML = "Pause"; } function toggleMenu(){ var menu = document.getElementById("menu"); var menuStyle = window.getComputedStyle(menu); if(menuStyle.getPropertyValue("display")=="none") menu.style.display = "block"; else menu.style.display = "none"; pauseGame = false; } function updateBoard(){ move(); updateScore(); newFood(); checkCollision(); } function touchDown(event){ initialX = event.touches[0].clientX; initialY = event.touches[0].clientY; } function touchMove(event){ finalX = event.touches[0].clientX; finalY = event.touches[0].clientY; if(Math.abs(finalX-initialX)>Math.abs(finalY-initialY)){ if(finalX>initialX) changeDirection(2); else if(finalXinitialY) changeDirection(3); else if(finalYcanvasWidth/2&&initialY>=canvasHeight/2-50&&initialY<=canvasHeight/2+50) changeDirection(2);//Right else if(initialX=canvasHeight/2-50&&initialY<=canvasHeight/2+50) changeDirection(4);//Left else if(initialY=canvasWidth/2-50&&initialX<=canvasWidth/2+50) changeDirection(1);//Top else if(initialY>canvasHeight/2&&initialX>=canvasWidth/2-50&&initialX<=canvasWidth/2+50) changeDirection(3);//Bottom } function keydownFunc(e){ e.preventDefault(); switch(e.keyCode){ case 37:changeDirection(4); break; case 38:changeDirection(1); break; case 39:changeDirection(2); break; case 40:changeDirection(3); break; } } function updateScore(){ var scoreBoard = document.getElementById("score"); var score = "Score: "+foodCount; scoreBoard.innerHTML = score; } function move(){ var snakeHeadX = snakePiecesX[0]; var snakeHeadY = snakePiecesY[0]; if(toP==true){ snakePiecesY[0]-=snakePieceDiameter; } else if(right==true){ snakePiecesX[0]+=snakePieceDiameter; } else if(bottom==true){ snakePiecesY[0]+=snakePieceDiameter; } else if(left==true){ snakePiecesX[0]-=snakePieceDiameter; } if((snakePiecesX[0]canvasWidth-snakePieceDiameter/2||snakePiecesY[0]canvasHeight-snakePieceDiameter/2)&&!(easy==true||normal==true)){ gameOver(); return; } for(var i=1;i1;i--){ snakePiecesX[i] = snakePiecesX[i-1]; snakePiecesY[i] = snakePiecesY[i-1]; } snakePiecesX[1] = snakeHeadX; snakePiecesY[1] = snakeHeadY; paintSnake(); } function paintSnake(){ if(canvas!=undefined) document.getElementById("board").removeChild(canvas); canvas = document.createElement("canvas"); canvas.width = canvasWidth + ""; canvas.height = canvasHeight + ""; //canvas.style.border = "5px solid #E5E4E2"; canvas.style.position = "absolute"; canvas.style.left = "0px"; var ctx = canvas.getContext("2d"); ctx.beginPath() ctx.strokeStyle = "#E5E4E2"; ctx.lineWidth = WALL + ""; ctx.moveTo(0,0); ctx.lineTo(canvasWidth,0); ctx.moveTo(0,0); ctx.lineTo(0,canvasHeight); ctx.moveTo(0,canvasHeight); ctx.lineTo(canvasWidth,canvasHeight); ctx.moveTo(canvasWidth,0); ctx.lineTo(canvasWidth,canvasHeight); ctx.stroke(); for(var i=0;i0) ctx.fillStyle = "#E5E4E2"; else ctx.fillStyle = "#FFD700"; ctx.arc(snakePiecesX[i],snakePiecesY[i],snakePieceDiameter/2,0,Math.PI*2); ctx.fill(); ctx.stroke(); } document.getElementById("board").appendChild(canvas); } function newFood(){ if(foodCanvas!=undefined) document.getElementById("board").removeChild(foodCanvas); foodCanvas = document.createElement("canvas"); foodCanvas.width = foodDiameter+""; foodCanvas.height = foodDiameter+""; var xBoxes = (canvasWidth-WALL)/foodDiameter; var yBoxes = (canvasHeight-WALL)/foodDiameter; foodCanvas.style.position = "absolute"; /* foodCanvas.style.width = foodDiameter+"px"; foodCanvas.style.height = foodDiameter + "px";*/ if(newfood==true){ oldFoodLeft = foodCanvas.style.left = Math.round(Math.random()*(xBoxes-1))*foodDiameter+WALL/2 + "px"; oldFoodTop = foodCanvas.style.top = Math.round(Math.random()*(yBoxes-1))*foodDiameter+WALL/2 + "px"; foodCanvas.style.border = "0px"; foodCanvas.style.margin = "0px"; foodCanvas.style.padding = "0px"; for(var i=0;icanvasWidth-snakePieceDiameter/2||snakeHeadYcanvasHeight-snakePieceDiameter/2){ gameOver(); }*/ if(snakeHeadXcanvasWidth-snakePieceDiameter/2&&(easy==true||normal==true)) snakePiecesX[0] = WALL/2 + snakePieceDiameter/2; else if(snakeHeadYcanvasHeight-snakePieceDiameter/2&&(easy==true||normal==true)) snakePiecesY[0] = WALL/2 + snakePieceDiameter/2; } function changeDirection(x){ switch(x){ case 1: if(bottom==true) return; right = bottom = left = false; toP = true; break; case 2: if(left==true) return; toP = bottom = left = false; right = true; break; case 3: if(toP==true) return; toP = right = left = false; bottom = true; break; case 4: if(right==true) return; toP = right = bottom = false; left = true; break; } } function gameOver(){ clearInterval(boardInterval); boardInterval=undefined; snakePiecesX.splice(0,snakePiecesX.length); snakePiecesY.splice(0,snakePiecesY.length); alert("Game Over\nDrop your highest score in the comments"); } function pxValue(pixString){ return parseInt(pixString.replace("px","")); }

Platinum Code - Snake