alert("How to control:\nImagine there are touchpads triggered after touchstart\nLeft touchpad is for movement\nRight touchpad is for turning around\nOn pc use mouse and WASD"); alert("You are ghost so can go through walls but try not wake up black guys"); alert("If you dont like current world rerun the code"); alert("Maze Runner 2 [ extreme game ] comming soon"); function Camera(x, y) { this.x = x; this.y = y; } Camera.prototype.follow = function(obj, offsetX, offsetY) { this.x = obj.x - offsetX; this.y = obj.y - offsetY; } function Light(x = 0, y = 0, radius = 300, angle = 0, range = 0.8) { this.x = x; this.y = y; this.radius = radius; this.angle = angle; this.range = range; } Light.prototype.setAngle = function(dx, dy) { this.angle = Math.atan2(dy, dx); } Light.prototype.update = function() { const speed = 2; if("ontouchstart" in document) { if(mousePressed) { const angle = Math.atan2(tpLeft.y - tpLeft.y0, tpLeft.x - tpLeft.x0); this.x += Math.cos(angle) * speed; this.y += Math.sin(angle) * speed; } } else { const vec = [0, 0]; if(keys.left) { vec[0] = -1; } else if(keys.right) { vec[0] = 1; } if(keys.up) { vec[1] = -1; } else if(keys.down) { vec[1] = 1; } const z = Math.hypot(vec[0], vec[1]); const unit = vec.map(a => a == 0 ? 0 : a / z * speed); this.x += unit[0]; this.y += unit[1]; } } Light.prototype.display = function(g) { const grd = g.createRadialGradient(this.x, this.y, 0, this.x, this.y, this.radius); grd.addColorStop(0, lc); grd.addColorStop(1, "black"); g.beginPath(); g.fillStyle = grd; g.moveTo(this.x, this.y); g.arc(this.x, this.y, this.radius, this.angle - this.range / 2, this.angle + this.range / 2); g.closePath(); g.fill(); g.beginPath(); g.fillStyle = "white"; g.arc(this.x, this.y, 5, 0, 2 * Math.PI) g.fill(); } function Wall(x1, y1, x2, y2) { this.x1 = x1; this.y1 = y1; this.x2 = x2; this.y2 = y2; } Wall.prototype.display = function(g) { g.beginPath(); g.lineWidth = 2; g.strokeStyle = "white"; g.moveTo(this.x1, this.y1); g.lineTo(this.x2, this.y2); g.stroke(); } Wall.prototype.displayShadow = function(g, light) { g.beginPath(); g.fillStyle = "black"; g.moveTo(this.x1, this.y1); g.lineTo(light.x + (this.x1 - light.x) * light.radius, light.y + (this.y1 - light.y) * light.radius); g.lineTo(light.x + (this.x2 - light.x) * light.radius, light.y + (this.y2 - light.y) * light.radius); g.lineTo(this.x2, this.y2); g.closePath(); g.fill(); } function Enemy(x, y) { this.x = x; this.y = y; } Enemy.prototype.display = function(g) { g.beginPath(); g.fillStyle = "black"; g.arc(this.x, this.y, 5, 0, 2 * Math.PI); g.fill(); } function Touchpad() { this.x0 = 0; this.y0 = 0; this.x = 0; this.y = 0; } Touchpad.prototype.getAngle = function() { return Math.atan2(this.y - this.y0, this.x - this.x0); } let c, ctx, mainLight, walls = [], enemies = [], mousePressed = false, tpLeft, tpRight, lc, mainCamera; const keys = { left: false, right: false, up: false, down: false }; const SIZE = 2000; const main = () => { lc = prompt("Select your light color:") || "white"; c = document.querySelector("canvas"); ctx = c.getContext("2d"); c.width = innerWidth; c.height = innerHeight; mainCamera = new Camera(0, 0); tpLeft = new Touchpad(); tpRight = new Touchpad(); mainLight = new Light(SIZE / 2, SIZE / 2, 200); for(let i = 0; i < 25; i++) { const x1 = rand(0, SIZE); const y1 = rand(0, SIZE); const x2 = rand(0, SIZE); const y2 = rand(0, SIZE); walls.push(new Wall(x1, y1, x2, y2)); } for(let i = 0; i < 500; i++) { const x = rand(0, SIZE); const y = rand(0, SIZE); enemies.push(new Enemy(x, y)); } addEventListener("ontouchstart" in document ? "touchstart" : "mousedown", e => { if(e.changedTouches) { e = e.changedTouches; for(i = 0; i < e.length; i++) { if(e[i].pageX < c.width / 2) { tpLeft.x0 = e[i].pageX; tpLeft.y0 = e[i].pageY; mousePressed = true; } else { tpRight.x0 = e[i].pageX; tpRight.y0 = e[i].pageY; } } } else { mousePressed = true; tpRight.x0 = e.pageX; tpRight.y0 = e.pageY; } }); addEventListener("ontouchstart" in document ? "touchmove" : "mousemove", e => { if(e.changedTouches) { e = e.changedTouches; for(i = 0; i < e.length; i++) { if(e[i].pageX < c.width / 2) { tpLeft.x = e[i].pageX; tpLeft.y = e[i].pageY; } else { mainLight.setAngle(e[i].pageX - tpRight.x0, e[i].pageY - tpRight.y0); } } } else if(mousePressed) { mainLight.setAngle(e.pageX - tpRight.x0, e.pageY - tpRight.y0); } }); addEventListener("ontouchstart" in document ? "touchend" : "mouseup", e => { if(e.changedTouches) { e = e.changedTouches; for(i = 0; i < e.length; i++) { if(e[i].pageX < c.width / 2) { mousePressed = false; } } } else { mousePressed = false; } }); addEventListener("keydown", e => { switch(e.key) { case "a": keys.left = true; break; case "d": keys.right = true; break; case "w": keys.up = true; break; case "s": keys.down = true; break; } }); addEventListener("keyup", e => { switch(e.key) { case "a": keys.left = false; break; case "d": keys.right = false; break; case "w": keys.up = false; break; case "s": keys.down = false; break; } }); const render = camera => { ctx.beginPath(); ctx.fillStyle = "black"; ctx.fillRect(0, 0, c.width, c.height); ctx.save(); ctx.translate(-camera.x, -camera.y); mainLight.display(ctx); for(let i = 0; i < enemies.length; i++) { enemies[i].display(ctx); } for(let i = 0; i < walls.length; i++) { walls[i].display(ctx); } for(let i = 0; i < walls.length; i++) { walls[i].displayShadow(ctx, mainLight); } ctx.restore(); } const frame = () => { mainLight.update(); mainCamera.follow(mainLight, c.width / 2, c.height / 2); render(mainCamera); requestAnimationFrame(frame); } frame(); } const rand = (min, max) => Math.random() * (max - min) + min; onload = setTimeout(main, 100);

Dark World [ ghost edition ]