//Multiplayer variation of Lux.js //Lux.js //Game Variables; You CAN'T change these var gameCanvas; var gameCanvas2; var gameInt; var animInt; var timeInt; var isInit = false; var draw; var draw2; var keycode = {}; var falseKeycode = {}; var mouseX, mouseY; var clicks = 0; var currentLevel = 1; var spawnX; var spawnY; var spawn2X; var spawn2Y; var thePlayer = new object(0, 0, 0, 0); var thePlayer2 = new object(0, 0, 0, 0); var walls = []; var triggers = []; var flag; var playerPosDisplay = false; var updateLevelData = false; var scrollType = 'xy'; var goal = false; var deathPane = true; var customLevels = false; var editMode = false; var mouseX, mouseY; var touches; var touchX, touchY, touchY2, touchX2; var isTouchScreen = false; var isMP = true; //////////////////////////////////////// //Game Physics Variables; You can change these var gravity = -5; //How fast the player falls var speed = 5; //How fast the player moves var maxJump = 200; //How high the player can jump var jumpSpeed = 12; //How fast the player can jump var padding = 10; //Padding on border; 10 recommended as minimum; any lower can break collision detection //////////////////////////////////////// //MISC VARIABLES///////// var timer = 20; var inTimer = 60; var levelTimer = 20; var lives = 3; var frameCount = 0; var flip = false; /////////////////////////////////////// ////////PARTY OF TWO/////////////// var totalXp = 0; var toNextLevel = 10; var playerLevel = 1; /////////////////////////////////// function object(x, y, width, height) { this.x = x; this.y = y; this.width = width; this.height = height; this.falling = false; this.jumpForce = 0; this.maxY = 0; this.moveLeft = false; this.moveRight = false; } function finishFlag(x, y) { this.x = x; this.y = y; } function trigger(x, y, width, height, kill) { this.x = x; this.y = y; this.width = width; this.height = height; this.kill = kill; } function wall(x, y, width, height) { this.x = x; this.y = y; this.width = width; this.height = height; } function levelData() { if (currentLevel == 1) { //Multiplayer test room thePlayer = new object(120, 230, 50, 50); if (isMP) { thePlayer2 = new object(220, 230, 50, 50); } walls = [new wall(100, 300, 700, 50), new wall(0, 150, 50, 50), new wall(-200, 0, 50, 50), new wall(100, -150, 200, 50), new wall(450, -300, 50, 50), new wall(300, -450, 50, 50), new wall(0, -450, 50, 50), new wall(-100, -600, 50, 50), new wall(-500, -700, 400, 50), new wall(600, 600, 700, 50), new wall(500, 800, 50, 50), new wall(800, 410, 50, 50)]; scrollType = 'xy'; flag = null; triggers = [new trigger(700, 700, 50, 50, false), new trigger(-700, -700, 50, 50, false)] //levelTimer = 20; //timer = levelTimer; } else if (currentLevel == 2) { thePlayer = new object(120, 230, 50, 50); if (isMP) { thePlayer2 = new object(220, 230, 50, 50); } walls = [new wall(100, 300, 300, 50), new wall(250, 150, 50, 50), new wall(100, 0, 50, 50), new wall(250, -150, 50, 50), new wall(100, -300, 50, 50), new wall(400, -300, 50, 50), new wall(500, -450, 25, 25), new wall(-150, -450, 25, 25)]; flag = null; triggers = [new trigger(800, -500, 50, 50, false), new trigger(-500, -500, 50, 50, false)]; //levelTimer = 20; //timer = levelTimer; } else if (currentLevel == 3) { thePlayer = new object(120, 230, 50, 50); if (isMP) { thePlayer2 = new object(250, 230, 50, 50); } walls = [new wall(175, 0, 50, 275), new wall(100, 300, 300, 50), new wall(125, 0, 50, 50), new wall(225, 0, 50, 50), new wall(0, 150, 50, 50), new wall(200, 0, 50, 50), new wall(500, 375, 50, 50), new wall(400, 450, 25, 25)]; flag = null; triggers = [new trigger(-175, -150, 50, 50, false), new trigger(425, -150, 50, 50, false), new trigger(200, 500, 50, 50)]; //levelTimer = 15; //timer = levelTimer; } else if (currentLevel == 4) { thePlayer = new object(120, 230, 50, 50); if (isMP) { thePlayer2 = new object(250, 230, 50, 50); } flag = null; walls = [new wall(100, 300, 300, 50), new wall(100, 100, 600, 50), new wall(900, 100, 25, 25), new wall(900, -100, 25, 25), new wall(750, -225, 25, 25), new wall(-500, 200, 500, 5), new wall(0, -800, 50, 1000), new wall(-500, 0, 10, 10), new wall(-600, -150, 10, 10), new wall(500, -300, 10, 10)]; triggers = [new trigger(500, -500, 50, 50), new trigger(-500, -400, 50, 50)]; //levelTimer = 30; //timer = levelTimer; } else if (currentLevel == 5) { //MADE IN THE LEVEL EDITOR! walls = [new wall(250,400,50,50),new wall(300,400,50,50),new wall(350,400,50,50),new wall(400,400,50,50),new wall(450,400,50,50),new wall(500,400,50,50),new wall(600,400,50,50),new wall(550,400,50,50),new wall(650,400,50,50),new wall(700,400,50,50),new wall(700,300,50,50),new wall(700,250,50,50),new wall(700,200,50,50),new wall(700,150,50,50),new wall(700,100,50,50),new wall(400,350,100,100),new wall(900,100,100,100),new wall(900,100,50,50),new wall(900,100,50,50),new wall(900,100,50,50),new wall(900,100,50,50),new wall(200,200,50,50),new wall(200,250,50,50),new wall(200,150,50,50),new wall(200,150,50,50),new wall(200,100,50,50),new wall(250,100,50,50),new wall(300,100,50,50),new wall(350,100,50,50),new wall(400,100,50,50),new wall(800,550,50,50),new wall(850,550,50,50),new wall(900,550,50,50),new wall(950,550,50,50)]; triggers = [new trigger(350,50,50,50),new trigger(850,500,50,50)]; thePlayer = new object(600,300,50,50); thePlayer2 = new object(300,300,100,100); } else if (currentLevel == 6) { walls = [new wall(-550,100,50,50), new wall(-450,200,50,50), new wall(-350,300,50,50), new wall(-150,400,50,50), new wall(50,550,50,50), new wall(100,550,50,50), new wall(150,500,50,50), new wall(150,450,50,50), new wall(100,400,50,50), new wall(50,350,50,50), new wall(0,300,50,50), new wall(0,250,50,50), new wall(50,200,50,50), new wall(100,200,50,50), new wall(150,200,50,50), new wall(200,250,50,50), new wall(250,300,50,50), new wall(300,350,50,50), new wall(300,400,50,50), new wall(300,450,50,50), new wall(300,500,50,50), new wall(-300,500,50,50), new wall(-200,600,50,50), new wall(-100,700,50,50), new wall(-50,700,50,50), new wall(0,750,50,50), new wall(269,628,10,10), new wall(210,450,10,10), new wall(-800,530,10,10), new wall(-920,530,10,10), new wall(-1050,530,10,10), new wall(0,550,50,50), new wall(-50,500,50,50), new wall(-100,450,50,50), new wall(200,750,50,50)]; triggers = [new trigger(50,300,50,50), new trigger(-1150,400,50,50)]; thePlayer = new object(50,500,50,50); thePlayer2 = new object(100,500,50,50); } else if (currentLevel == 7) { walls = [ new wall(300,450,50,50), new wall(350,450,50,50), new wall(400,450,50,50), new wall(450,450,50,50), new wall(500,450,50,50), new wall(550,450,50,50), new wall(600,450,50,50), new wall(650,450,50,50), new wall(250,450,50,50), new wall(450,400,50,50), new wall(450,350,50,50), new wall(450,300,50,50), new wall(450,250,50,50), new wall(450,200,50,50), new wall(500,200,50,50), new wall(550,200,50,50), new wall(600,200,50,50), new wall(400,200,50,50), new wall(300,200,50,50), new wall(350,200,50,50), new wall(250,200,50,50), new wall(650,200,50,50), new wall(200,450,50,50), new wall(150,400,50,50), new wall(100,350,50,50), new wall(50,300,50,50), new wall(50,250,50,50), new wall(50,200,50,50), new wall(50,150,50,50), new wall(50,100,50,50), new wall(50,50,50,50), new wall(100,0,50,50), new wall(150,-50,50,50), new wall(200,-50,50,50), new wall(250,-50,50,50), new wall(400,50,50,50), new wall(450,100,50,50), new wall(500,150,50,50), new wall(450,0,50,50), new wall(300,-100,50,50), new wall(350,-150,50,50), new wall(400,-200,50,50), new wall(450,-200,50,50), new wall(500,0,50,50), new wall(550,0,50,50), new wall(700,400,50,50), new wall(750,400,50,50), new wall(800,350,50,50), new wall(850,300,50,50), new wall(850,250,50,50), new wall(850,200,50,50), new wall(850,150,50,50), new wall(850,100,50,50), new wall(850,50,50,50), new wall(800,0,50,50), new wall(600,0,50,50), new wall(650,-50,50,50), new wall(650,-100,50,50), new wall(650,-150,50,50), new wall(500,-200,50,50), new wall(500,-250,50,50), new wall(550,-300,50,50), new wall(600,-300,50,50), new wall(650,-300,50,50), new wall(700,-150,50,50), new wall(750,-150,50,50), new wall(800,-150,50,50), new wall(700,-300,50,50), new wall(750,-300,50,50), new wall(800,-300,50,50), new wall(850,-300,50,50), new wall(900,-300,50,50), new wall(950,-300,50,50), new wall(1000,-300,50,50), new wall(1050,-300,50,50), new wall(1100,-300,50,50), new wall(1150,-300,50,50), new wall(1200,-250,50,50), new wall(1200,-200,50,50), new wall(1200,-150,50,50), new wall(1200,-100,50,50), new wall(1200,-50,50,50), new wall(850,-150,50,50), new wall(950,-150,50,50), new wall(900,-150,50,50), new wall(1000,-150,50,50), new wall(1050,-100,50,50), new wall(1050,-50,50,50), new wall(1050,0,50,50), new wall(1050,100,50,50), new wall(1050,50,50,50), new wall(1050,150,50,50), new wall(1050,200,50,50), new wall(1050,250,50,50), new wall(1050,300,50,50), new wall(1200,0,50,50), new wall(1200,50,50,50), new wall(1200,100,50,50), new wall(1200,150,50,50), new wall(1200,200,50,50), new wall(1200,250,50,50), new wall(1200,300,50,50), new wall(1050,350,50,50), new wall(1200,350,50,50), new wall(1200,400,50,50), new wall(1050,400,50,50), new wall(1200,450,50,50), new wall(1050,450,50,50), new wall(1200,500,50,50), new wall(1050,500,50,50), new wall(1050,550,50,50), new wall(1050,600,50,50), new wall(1050,650,50,50), new wall(1200,550,50,50), new wall(1200,600,50,50), new wall(1200,650,50,50), new wall(1200,700,50,50), new wall(1200,750,50,50), new wall(1200,800,50,50), new wall(1150,850,50,50), new wall(1100,850,50,50), new wall(1050,850,50,50), new wall(1000,700,50,50), new wall(950,700,50,50), new wall(1000,850,50,50), new wall(950,850,50,50), new wall(850,850,50,50), new wall(900,850,50,50), new wall(900,700,50,50), new wall(850,700,50,50), new wall(800,700,50,50), new wall(750,700,50,50), new wall(700,700,50,50), new wall(650,700,50,50), new wall(600,700,50,50), new wall(800,850,50,50), new wall(750,850,50,50), new wall(700,850,50,50), new wall(650,850,50,50), new wall(600,850,50,50), new wall(550,650,50,50), new wall(550,850,50,50), new wall(500,600,50,50), new wall(450,600,50,50), new wall(350,600,50,50), new wall(400,600,50,50), new wall(300,600,50,50), new wall(500,850,50,50), new wall(450,800,50,50), new wall(400,750,50,50), new wall(350,750,50,50), new wall(300,750,50,50), new wall(250,600,50,50), new wall(200,600,50,50), new wall(150,600,50,50), new wall(100,600,50,50), new wall(50,600,50,50), new wall(0,600,50,50), new wall(-50,600,50,50), new wall(-100,600,50,50), new wall(250,750,50,50), new wall(200,750,50,50), new wall(150,750,50,50), new wall(50,750,50,50), new wall(100,750,50,50), new wall(0,750,50,50), new wall(-50,750,50,50), new wall(-100,750,50,50), new wall(-150,750,50,50), new wall(-200,750,50,50), new wall(-250,750,50,50), new wall(-300,750,50,50), new wall(-350,750,50,50), new wall(-400,750,50,50), new wall(-450,750,50,50), new wall(-500,750,50,50), new wall(-150,600,50,50), new wall(-200,600,50,50), new wall(-200,550,50,50), new wall(-200,500,50,50), new wall(-200,450,50,50), new wall(-200,400,50,50), new wall(-500,700,50,50), new wall(-500,650,50,50), new wall(-500,600,50,50), new wall(-500,550,50,50), new wall(-500,500,50,50), new wall(-500,450,50,50), new wall(-500,400,50,50), new wall(-500,350,50,50), new wall(-500,300,50,50), new wall(-500,250,50,50), new wall(-500,200,50,50), new wall(-200,350,50,50), new wall(-200,300,50,50), new wall(-200,250,50,50), new wall(-200,200,50,50), new wall(-200,150,50,50), new wall(-200,100,50,50), new wall(-200,0,50,50), new wall(-200,50,50,50), new wall(50,0,50,50), new wall(0,0,50,50), new wall(-50,0,50,50), new wall(-100,0,50,50), new wall(-150,0,50,50), new wall(-250,0,50,50), new wall(-300,0,50,50), new wall(-350,0,50,50), new wall(-400,0,50,50), new wall(-450,0,50,50), new wall(-500,0,50,50), new wall(-500,50,50,50), new wall(-500,100,50,50), new wall(-500,150,50,50), new wall(-430,660,10,10), new wall(-250,610,10,10), new wall(-420,480,10,10), new wall(-250,430,10,10), new wall(-410,330,10,10), new wall(-250,280,10,10), new wall(-390,220,10,10), new wall(-250,150,10,10), new wall(-130,180,10,10), new wall(20,270,10,10), new wall(-130,380,10,10), new wall(20,430,10,10), new wall(-130,530,10,10)]; triggers = [new trigger(-350,100,50,50), new trigger(-50,100,50,50)]; thePlayer = new object(300,350,50,50); thePlayer2 = new object(550,350,50,50); } else if (currentLevel == 'custom') { var levelTest = prompt("Input level code"); eval(levelTest); } else if (currentLevel == 'blank') { walls = []; triggers = []; flag = null; } else { alert('You win! Thanks for playing/testing! (Obviously not finished here yet. Still a lot more to do with this!)'); lives = 3; currentLevel = 1; levelData(); } spawnX = thePlayer.x; spawnY = thePlayer.y; if (isMP) { spawn2X = thePlayer2.x; spawn2Y = thePlayer2.y; } } ////////////////////////////////////////////////////////////////////////////////////////////////////// //NOTHING BELOW HERE SHOULD BE MODIFIED EDIT AT YOUR OWN RISK ////////////////////////////////////////////////////////////////////////////////////////////////////// function initCanvas() { if (editInit) { clearInterval(editInt); editCanvas.removeEventListener("click", checkClick, false); editCanvas.removeEventListener("mousemove", checkPos, false); editCanvas.removeEventListener('keydown', checkEditpress, false); editCanvas.removeEventListener('keyup', checkEditup, false); document.getElementById('levelEditingTools').style.visibility='hidden'; editInit = false; } if (!isInit) { levelData(); gameCanvas = document.getElementById('gameCanvas'); draw = gameCanvas.getContext('2d'); gameCanvas.width = window.innerHeight * 1.5; if (!isMP) { gameCanvas.height = window.innerHeight; } else { gameCanvas.height = window.innerHeight/2; gameCanvas2 = document.getElementById('gameCanvas2'); gameCanvas2.width = gameCanvas.width; gameCanvas2.height = window.innerHeight/2; draw2 = gameCanvas2.getContext('2d'); } gameCanvas.addEventListener("keydown", checkKeypress, false); gameCanvas.addEventListener("keyup", checkKeyup, false); gameCanvas.addEventListener("touchstart", checkTouchPos, false); //Listens for these events ||touchmove gameCanvas.addEventListener("touchend", checkTouchEnd, false); var mainLoop = function() { updateGame(); updateCanvas(); //gameLoop(); } gameInt = setInterval(mainLoop, 1000/60); isInit = true; //animInt = setInterval(anim, 1000/8); //timeInt = setInterval(seconds, 1000); //appendBook(0); } } function updateGame() { //Check collisions checkCol(thePlayer); if (isMP) { checkCol(thePlayer2); } //Work the physics physics(); if (updateLevelData) { if (goal) { currentLevel++; } if (!customLevels) { levelData(); } else { newLevelData(); } updateLevelData = false; } //Apply movement //Touch controls if (touches) { if (touches[0]) { if (touchY !== null && touchX <= gameCanvas.width / 2 && touchY > gameCanvas.height/2) { thePlayer.x = thePlayer.x - speed; } else if (touchY !== null && touchX > gameCanvas.width / 2 && touchY > gameCanvas.height/2) { thePlayer.x = thePlayer.x + speed; } else { thePlayer.x = thePlayer.x; } } if (touches[1]) { if (touchY2 !== null && touchX2 <= gameCanvas.width / 2 && touchY2 > gameCanvas.height/2) { thePlayer.x = thePlayer.x - speed; } else if (touchY2 !== null && touchX2 > gameCanvas.width / 2 && touchY2 > gameCanvas.height/2) { thePlayer.x = thePlayer.x - speed; } else { thePlayer.x = thePlayer.x; } } } if (thePlayer.moveLeft) { //moveInput = -1; thePlayer.x = thePlayer.x - speed; flip = true; } if (thePlayer.moveRight) { //moveInput = 1; thePlayer.x = thePlayer.x + speed; flip = false; } if (thePlayer2.moveLeft) { //moveInput = -1; thePlayer2.x = thePlayer2.x - speed; flip = true; } if (thePlayer2.moveRight) { //moveInput = 1; thePlayer2.x = thePlayer2.x + speed; flip = false; } if (lives <= 0) { alert("Game Over"); lives = 3; currentLevel = 1; levelData(); } } function physics() { //Apply gravity w/ jump thePlayer.y -= gravity; thePlayer.y -= thePlayer.jumpForce; if (isMP) { thePlayer2.y -= gravity; thePlayer2.y -= thePlayer2.jumpForce; } if (!thePlayer.falling) { thePlayer.maxY = thePlayer.y - maxJump; } if (!thePlayer2.falling && isMP) { thePlayer2.maxY = thePlayer2.y - maxJump; } if (touches) { if (thePlayer.y < thePlayer.maxY || touchY === null) { thePlayer.jumpForce = 0; } else if (touchY <= gameCanvas.height/4 && !thePlayer.falling && thePlayer.y > thePlayer.maxY || touchY2 <= gameCanvas.height/4 && !falling && thePlayer.y > thePlayer.maxY) { thePlayer.jumpForce = jumpSpeed; thePlayer.falling = true; } } if (keycode[32] && !thePlayer.falling && thePlayer.y > thePlayer.maxY && !isMP || keycode[38] && !thePlayer.falling && thePlayer.y > thePlayer.maxY && isMP) { thePlayer.jumpForce = jumpSpeed; thePlayer.falling = true; //clearQuest(0); } else if (!keycode[32] && thePlayer.falling && !isTouchScreen && !isMP || thePlayer.y < thePlayer.maxY ||!keycode[38] && thePlayer.falling && !isTouchScreen && isMP) { thePlayer.jumpForce = 0; } if (keycode[87] && !thePlayer2.falling && thePlayer2.y > thePlayer2.maxY && isMP) { thePlayer2.jumpForce = jumpSpeed; thePlayer2.falling = true; //clearQuest(0); } else if (!keycode[87] && thePlayer2.falling && !isTouchScreen && isMP || thePlayer2.y < thePlayer2.maxY) { thePlayer2.jumpForce = 0; } thePlayer.falling = true; if (isMP) { thePlayer2.falling = true; } } function drawImg() { draw.font = '30px comic sans'; if (isMP) { draw2.font = '30px comic sans'; } if (scrollType == 'xy') { draw.translate(thePlayer.x * -1 + gameCanvas.width/2, thePlayer.y * -1 + gameCanvas.height/2); if (isMP) { draw2.translate(thePlayer2.x * -1 + gameCanvas2.width/2, thePlayer2.y * -1 + gameCanvas2.height/2); } //draw.fillText("Time: "+timer, thePlayer.x - gameCanvas.width/2, thePlayer.y - gameCanvas.height/2 + 30); draw.fillText("Lives: "+lives, thePlayer.x - gameCanvas.width/2, thePlayer.y - gameCanvas.height/2 + 70); if (isMP) { draw2.fillText("Lives: "+lives, thePlayer2.x - gameCanvas2.width/2, thePlayer2.y - gameCanvas2.height/2 + 70); //draw2.fillText("Time: "+timer, thePlayer2.x - gameCanvas2.width/2, thePlayer2.y - gameCanvas2.height/2 + 30); } if (flag == null) { draw.fillText("Level: "+playerLevel, thePlayer.x - gameCanvas.width/2, thePlayer.y - gameCanvas.height/2 + 110); if (isMP) { draw2.fillText("Level: "+playerLevel, thePlayer2.x - gameCanvas2.width/2, thePlayer2.y - gameCanvas2.height/2 + 110); } } } draw.fillStyle='#0000FF'; draw.fillRect(thePlayer.x, thePlayer.y, thePlayer.width, thePlayer.height); if (isMP) { draw2.fillStyle='#0000FF'; draw2.fillRect(thePlayer.x, thePlayer.y, thePlayer.width, thePlayer.height); } draw.fillStyle='#FF00BB'; if (isMP) { draw2.fillStyle='#FF00BB'; draw.fillRect(thePlayer2.x, thePlayer2.y, thePlayer2.width, thePlayer2.height); draw2.fillRect(thePlayer2.x, thePlayer2.y, thePlayer2.width, thePlayer2.height); } draw.fillStyle="#00FF00"; if (flag != null) { draw.fillRect(flag.x, flag.y, 50, 50); if (isMP) { draw2.fillStyle="#00FF00"; draw2.fillRect(flag.x, flag.y, 50, 50); } } draw.fillStyle='#000000'; if (isMP) { draw2.fillStyle='#000000'; } for (var i=0; i < walls.length; i++) { draw.fillRect(walls[i].x - padding, walls[i].y - padding, walls[i].width + padding * 2, walls[i].height + padding * 2); if (isMP) { draw2.fillRect(walls[i].x - padding, walls[i].y - padding, walls[i].width + padding * 2, walls[i].height + padding * 2); } } for (var i=0; i < triggers.length; i++) { if (triggers[i].kill) { draw.fillStyle='#FF0000'; if (isMP) { draw2.fillStyle='#FF0000'; } } else { draw.fillStyle='#00FF00'; if (isMP) { draw2.fillStyle='#00FF00'; } } draw.fillRect(triggers[i].x - padding, triggers[i].y - padding, triggers[i].width + padding * 2, triggers[i].height + padding * 2); if (isMP) { draw2.fillRect(triggers[i].x - padding, triggers[i].y - padding, triggers[i].width + padding * 2, triggers[i].height + padding * 2); } } draw.fillStyle='#000000'; if (isMP) { draw2.fillStyle='#000000'; } if (playerPosDisplay) { draw.fillText(thePlayer.x, 10, 10); draw.fillText(thePlayer.y, 10, 30); draw.fillText(maxY, 10, 50); draw.fillText(jumpForce, 10, 70); draw.fillText(currentLevel, 10, 80); } //if (levelUpAnim) { //Draw the rectangle to level up // draw.fillStyle = '#0000FF'; //} } function checkCol(objectColl) { if (thePlayer.y >= 1000 && deathPane) { //Bottom border //objectColl.y = gameCanvas.height - objectColl.height; //UNCOMMENT TO REMOVE DEATH PANE thePlayer.falling = false; lives--; thePlayer.x = spawnX; thePlayer.y = spawnY; } else if (thePlayer2.y >= 1000 && deathPane) { thePlayer2.falling = false; lives--; thePlayer2.x = spawn2X; thePlayer2.y = spawn2Y; } //Check for finish flag coll if (flag != null) { if (objectColl.x + objectColl.width >= flag.x && objectColl.x <= flag.x + 50 && objectColl.y + objectColl.height >= flag.y && objectColl.y <= flag.y + 50 /*flag height*/) { goal = true; updateLevelData = true; } } else { if (triggers.length == 0) { goal = true; } } for (var i=0; i < walls.length; i++) { if (objectColl.x + objectColl.width >= walls[i].x - padding && objectColl.y + objectColl.height >= walls[i].y - padding && objectColl.y <= walls[i].y + walls[i].height + padding && objectColl.x <= walls[i].x + walls[i].width + padding) { if (objectColl.y < walls[i].y - walls[i].height - objectColl.jumpForce + 1) { //Object is above objectColl.y += gravity; objectColl.falling = false; } else if (objectColl.y > walls[i].y + walls[i].height) { //Object is below objectColl.y -= gravity - objectColl.jumpForce; jumpForce = 0; objectColl.falling = true; } else if (objectColl.x < walls[i].x) { //Object is to the left objectColl.x -= speed; } else if (objectColl.x > walls[i].x + walls[i].width) { //Object is to the right objectColl.x += speed; } } } for (var i=0; i < triggers.length; i++) { if (objectColl.x + objectColl.width >= triggers[i].x - padding && objectColl.y + objectColl.height >= triggers[i].y - padding && objectColl.y <= triggers[i].y + triggers[i].height + padding && objectColl.x <= triggers[i].x + triggers[i].width + padding) { if (triggers[i].kill) { thePlayer.x = spawnX; thePlayer.y = spawnY; lives -= 1; } else { triggers.splice(i, 1); //Remove cabbage when collected if (triggers.length == 0) { goal = true; updateLevelData = true; } } } } /*Draw quest clear box draw.globalAlpha = 0.5; draw.fillStyle = '#0000FF'; draw.fillRect(gameCanvas.width - 300, gameCanvas.height - 50, 300, 50); draw.globalAlpha = 1.0; draw.fillStyle = '#FFFFFF'; draw.fillText("Test", gameCanvas.width - 250, gameCanvas.height - 25); draw.fillStyle = '#000000';*/ } function checkKeypress(e) { keycode[e.keyCode] = true; e.preventDefault(); if (keycode[37]) { //moveInput = -1; thePlayer.moveLeft = true; falseKeycode[37] = false; } if (keycode[39]) { //moveInput = 1; thePlayer.moveRight = true; falseKeycode[39] = false; } if (keycode[68] && isMP) { thePlayer2.moveRight = true; falseKeycode[68] = false; } if (keycode[65] && isMP) { thePlayer2.moveLeft = true; falseKeycode[65] = false; } /*if (keycode[32]) { if (jumpForce >= maxJump) { keycode[32] = false; } }*/ if (!keycode[37] && !keycode[39]) { thePlayer.moveLeft = false; thePlayer.moveRight = false; } if (!keycode[65] && !keycode[68]) { thePlayer2.moveLeft = false; thePlayer2.moveRight = false; } } function checkKeyup(e) { falseKeycode[e.keyCode] = true; if (falseKeycode[37]) { keycode[37] = false; thePlayer.moveLeft = false; //moveInput = 0; } if (falseKeycode[39]) { keycode[39] = false; thePlayer.moveRight = false; //moveInput = 0; } if (falseKeycode[65]) { keycode[65] = false; thePlayer2.moveLeft = false; //moveInput = 0; } if (falseKeycode[68]) { keycode[68] = false; thePlayer2.moveRight = false; //moveInput = 0; } if (falseKeycode[32] && !isMP) { keycode[32] = false; thePlayer.falling = true; if (thePlayer.jumpForce > 0) { //jumpForce -= 1; } else { falseKeycode[32] = false; thePlayer.jumpForce = 0; } } if (falseKeycode[38] && isMP) { keycode[38] = false; thePlayer.falling = true; if (thePlayer.jumpForce > 0) { //jumpForce -= 1; } else { falseKeycode[38] = false; thePlayer.jumpForce = 0; } } if (falseKeycode[87] && isMP) { keycode[87] = false; thePlayer2.falling = true; if (thePlayer2.jumpForce > 0) { //jumpForce -= 1; } else { falseKeycode[87] = false; thePlayer2.jumpForce = 0; } } } //MULTIPLAYER//// function toggleMP() { if (isMP) { clearInterval(gameInt); gameCanvas.removeEventListener("keydown", checkKeypress, false); gameCanvas.removeEventListener("keyup", checkKeyup, false); gameCanvas.removeEventListener("touchstart", checkTouchPos, false); //Listens for these events ||touchmove gameCanvas.removeEventListener("touchend", checkTouchEnd, false); isInit = false; isMP = false; initCanvas(); document.getElementById('gameCanvas2').style.visibility='hidden'; } else { clearInterval(gameInt); gameCanvas.removeEventListener("keydown", checkKeypress, false); gameCanvas.removeEventListener("keyup", checkKeyup, false); gameCanvas.removeEventListener("touchstart", checkTouchPos, false); //Listens for these events ||touchmove gameCanvas.removeEventListener("touchend", checkTouchEnd, false); isInit = false; isMP = true; initCanvas(); document.getElementById('gameCanvas2').style.visibility='visible'; } } //////////////// //OPTIONS FUNCTIONS////////////////////////////////////////////////////// function newWidth() { var canWidth = prompt("Insert the new canvas width"); if (canWidth > 0) { gameCanvas.width = canWidth; } else { alert('Please input a valid width.'); } } function newHeight() { var canHeight = prompt("Insert the new canvas height"); if (canHeight > 0) { gameCanvas.height = canHeight; } else { alert('Please input a valid height.'); } } function display() { if (!playerPosDisplay) { playerPosDisplay = true; } else { playerPosDisplay = false; } } /////////////////////////////////////////////////////////////////////////// function updateCanvas() { gameCanvas.width = gameCanvas.width; if (isMP) { gameCanvas2.width = gameCanvas2.width; } drawImg(); } function checkMousePos(e) { if (e.offsetX) { mouseX = e.offsetX; mouseY = e.offsetY; } else if (e.layerX) { mouseX = e.layerX; mouseY = e.layerY; } } function checkTouchPos(e) { //Checks where user is touching isTouchScreen = true; e.preventDefault(); touches = e.changedTouches; touchY = touches[0].pageY; touchX = touches[0].pageX; if (touches[1]) { touchY2 = touches[1].pageY; touchX2 = touches[1].pageX; } } function checkTouchEnd(e) { touches = e.changedTouches; if (touchX2 != null || touchY2 != null) { touchX2 = null; touchY2 = null; } else { touchX = null; touchY = null } }

Level Editor for 2D Platformer