function silentErrorHandler() { return true; } window.onerror = silentErrorHandler; window.onload = function () { var creepMusic = new Audio("https://saantonandre.github.io/creep.wav"); creepMusic.volume=0.5; var creepMusic2 = new Audio("https://saantonandre.github.io/creep2.wav"); creepMusic2.volume=0.3; var creepMusic3 = new Audio("https://saantonandre.github.io/creep3.wav"); creepMusic3.volume=1; var soulGained = new Audio("https://saantonandre.github.io/soulGained.wav"); soulGained.volume=1; var soulGained2 = new Audio("https://saantonandre.github.io/soulGained.wav"); var revive = new Audio("https://saantonandre.github.io/revive.wav"); revive.volume=0.1; var canvas = document.getElementById("canvas"); var c = canvas.getContext("2d"); canvas.width = window.innerWidth; canvas.height = window.innerHeight; var facesImage = document.getElementById("facesImage") var playerStat = document.getElementById("playerStat") var souls = 0; var upArrow = document.getElementById("up") var downArrow = document.getElementById("down") var leftArrow = document.getElementById("left") var rightArrow = document.getElementById("right") c.imageSmoothingEnabled = false; var things, x, faces, colors, player, incSize; var song = 0; creepMusic2.loop = true; creepMusic3.loop = true; creepMusic.loop = true; function switchSong() { if (!creepMusic.paused) { creepMusic.pause(); creepMusic2.play() } else if (!creepMusic2.paused) { creepMusic2.pause(); creepMusic3.play() } else if (!creepMusic3.paused) { creepMusic3.pause(); creepMusic.play() } } clickedOnce = 0; function init() { if (clickedOnce) { switchSong(); } souls = 0; incSize = 0; x = 0; faces = [0, 32, 64, 96, 128, 160, 192]; player = { x: 0, y: 200, size: 32, speed: 3, accel: 0.25, xVel: 0, yVel: 0, face: faces[Math.floor(Math.random() * 7)], L: false, R: false, T: false, B: false }; things = []; for (i = 0; i < 40; i++) { things.push({ x: Math.random() * (canvas.width - player.size * 3) + player.size, y: Math.random() * (canvas.height - player.size * 3) + player.size, //colors[Math.floor(Math.random()*8)], size: Math.random() * 30, face: faces[Math.floor(Math.random() * 7)], bomb: Math.floor(Math.random() * 30) }); } } init(); requestAnimationFrame(loop) function loop() { c.fillStyle = "rgba(0,0,0,0.1)" c.fillRect(0, 0, canvas.width, canvas.height); drawThings(); c.fillStyle = "#fff"; drawPlayer() requestAnimationFrame(loop) } function drawThings() { for (i = 0; i < things.length; i++) { things[i].size -= incSize; things[i].x += incSize / 2; things[i].y += incSize / 2; c.fillStyle = (things[i].bomb) ? "darkred" : "cyan"; c.fillRect( things[i].x, things[i].y, things[i].size, things[i].size ) if (!things[i].bomb) { c.drawImage( facesImage, 0, things[i].face, 32, 32, things[i].x, things[i].y, things[i].size, things[i].size ); } if (player.x < things[i].x + things[i].size && player.x + player.size > things[i].x && player.y < things[i].y + things[i].size && player.y + player.size > things[i].y ) { (things[i].bomb) ? deathCallOnce() : (delete things[i].x, souls++,soulGainedSound()) } } } function soulGainedSound(){ if(soulGained.paused){ soulGained.play() }else { soulGained2.play() } } function deathCallOnce(){ if(!incSize){ setTimeout(init, 1000); incSize += 2; revive.play(); } } function newRoom() { things = []; for (i = 0; i < 40; i++) { things.push({ x: Math.random() * (canvas.width - player.size * 3) + player.size, y: Math.random() * (canvas.height - player.size * 3) + player.size, //colors[Math.floor(Math.random()*8)], size: Math.random() * 30, face: faces[Math.floor(Math.random() * 7)], bomb: Math.floor(Math.random() * 30) }); } } function drawPlayer() { directionCheck(); player.x += player.xVel; player.y += player.yVel; /* if (player.x>canvas.width){player.x=-player.size;} if (player.x<-player.size){player.x=canvas.width} if (player.y>canvas.height){player.y=-player.size;} if (player.y<-player.size){player.y=canvas.height}*/ if (player.x > canvas.width) { player.x = -player.size; newRoom(); } if (player.x < -player.size) { player.x = canvas.width; newRoom(); } if (player.y > canvas.height) { player.y = -player.size; newRoom(); } if (player.y < -player.size) { player.y = canvas.height; newRoom(); } c.fillRect( player.x, player.y, player.size, player.size ); playerStat.innerHTML = "souls: " + souls + ""; /* + player.xVel + "
" + player.yVel;*/ c.drawImage( facesImage, 0, player.face, 32, 32, player.x, player.y, player.size, player.size ); } function directionCheck() { if (player.L || player.R) { if (player.R && player.xVel < player.speed) { player.xVel += player.accel; } if (player.L && player.xVel > -player.speed) { player.xVel -= player.accel; } } else { if (player.xVel !== 0) { (player.xVel > 0) ? player.xVel -= player.accel / 4: player.xVel += player.accel / 4; } } if (player.B || player.T) { if (player.B && player.yVel < player.speed) { player.yVel += player.accel; } if (player.T && player.yVel > -player.speed) { player.yVel -= player.accel; } } else { if (player.yVel !== 0) { (player.yVel > 0) ? player.yVel -= player.accel / 4: player.yVel += player.accel / 4; } } } window.onclick = loadMusic; window.ontouch = loadMusic; function loadMusic() { if (!clickedOnce) { creepMusic2.play(); creepMusic2.pause(); creepMusic3.play(); creepMusic3.pause(); creepMusic.play(); creepMusic.pause(); revive.play(); revive.pause(); soulGained.play(); soulGained.pause(); soulGained2.play(); soulGained2.pause(); xSong=Math.floor(Math.random()*3) switch(xSong){ case 0: creepMusic.play(); break; case 1: creepMusic2.play(); break; case 2: creepMusic3.play(); break; } } clickedOnce = 1; } window.addEventListener("keydown", function (event) { var key = event.keyCode; switch (key) { case 37: //left key down player.L = true; break; case 38: //top key down player.T = true; break; case 39: //right key down player.R = true; break; case 40: //bot key down player.B = true; break; case 90: //??? key down x++; if (x > faces.length) x = 0; player.face = faces[x]; break; } }); window.addEventListener("keyup", function (event) { var key = event.keyCode; switch (key) { case 37: //left key up player.L = false; break; case 38: //top key up player.T = false; break; case 39: //right key up player.R = false; break; case 40: //bot key up player.B = false; break; } }); leftArrow.addEventListener("touchstart", function () { player.L = true; }); rightArrow.addEventListener("touchstart", function () { player.R = true; }); upArrow.addEventListener("touchstart", function () { player.T = true; }); downArrow.addEventListener("touchstart", function () { player.B = true; }); leftArrow.addEventListener("touchend", function () { player.L = false; }); rightArrow.addEventListener("touchend", function () { player.R = false; }); upArrow.addEventListener("touchend", function () { player.T = false; }); downArrow.addEventListener("touchend", function () { player.B = false; }); }

Ghosts and mines