//Lux.js //Game Variables; You CAN'T change these var gameCanvas; var gameInt; var animInt; var timeInt; var isInit = false; var draw; var keycode = {}; var falseKeycode = {}; var moveLeft = false; var moveRight = false; var jumpForce = 0; var maxY = 0; var falling = false; var mouseX, mouseY; var clicks = 0; var currentLevel = 1; var spawnX; var spawnY; var thePlayer; 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; //////////////////////////////////////// //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 //////////////////////////////////////// //5-SECOND CHALLENGE VARIABLES///////// var timer = 5; var lives = 3; var frameCount = 0; var flip = false; var oldMan = new Image(); var oldManLeft = new Image(); /////////////////////////////////////// function object(x, y, width, height) { this.x = x; this.y = y; this.width = width; this.height = height; } 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() { //Level 1 Data//////////////////////////////////////////////////////////////////////////////////////// if (currentLevel == 1) { //STANDARD thePlayer = new object(120, 230, 50, 50); walls = [new wall(100, 300, 100, 50), new wall(250, 200, 100, 50), new wall(500, 100, 50, 50), new wall(-100, -75, 400, 50)]; scrollType = 'xy'; triggers = []; flag = new finishFlag(-100, -125); } else if (currentLevel == 2) { //ENDLESS thePlayer = new object(120, 230, 50, 50); walls = [new wall(100, 300, 700, 50)]; scrollType = 'x'; flag = new finishFlag(700, 250); } else if (currentLevel == 3) { //STRAFE thePlayer = new object(100, 0, 50, 50); scrollType = 'y'; walls = [new wall(0, 100, 50, 50), new wall(175, 100, 50, 50), new wall(125, 300, 50, 50), new wall(150, 0, 50, 100)]; flag = new finishFlag(100, 400); } else if (currentLevel == 4) { //CABBAGES thePlayer = new object(100, 0, 50, 50); scrollType = 'xy'; walls = [new wall(-100, 100, 300, 50)]; triggers = [new trigger(200, 50, 50, 50, false), new trigger(-100, 50, 50, 50, false)]; flag = null; } else if (currentLevel == 5) { //PISTONS thePlayer = new object(100, 0, 50, 50); scrollType = 'x'; walls = [new wall(-100, 100, 275, 50)]; triggers = [new trigger(200, 100, 50, 50, true), new trigger(350, 100, 50, 50, true)]; flag = new finishFlag(275, 100); } 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; } ////////////////////////////////////////////////////////////////////////////////////////////////////// //NOTHING BELOW HERE SHOULD BE MODIFIED EDIT AT YOUR OWN RISK ////////////////////////////////////////////////////////////////////////////////////////////////////// function initCanvas() { if (!isInit) { levelData(); gameCanvas = document.getElementById('gameCanvas'); draw = gameCanvas.getContext('2d'); gameCanvas.width = window.innerWidth; gameCanvas.height = window.innerHeight; 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); } } function updateGame() { //Check collisions checkCol(thePlayer); //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 (moveLeft) { //moveInput = -1; thePlayer.x = thePlayer.x - speed; flip = true; } if (moveRight) { //moveInput = 1; thePlayer.x = thePlayer.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 -= jumpForce; if (!falling) { maxY = thePlayer.y - maxJump; } if (touches) { if (thePlayer.y < maxY || touchY === null) { jumpForce = 0; } else if (touchY <= gameCanvas.height/4 && !falling && thePlayer.y > maxY || touchY2 <= gameCanvas.height/4 && !falling && thePlayer.y > maxY) { jumpForce = jumpSpeed; falling = true; } } if (keycode[32] && !falling && thePlayer.y > maxY) { jumpForce = jumpSpeed; falling = true; } else if (!keycode[32] && falling && !isTouchScreen || thePlayer.y < maxY) { jumpForce = 0; } falling = true; } function drawImg() { draw.font = '30px comic sans'; if (scrollType == 'x') { draw.translate(thePlayer.x * -1 + gameCanvas.width/2, 0); //draw.fillText("Time: "+timer, thePlayer.x - gameCanvas.width/2, 30); draw.fillText("Lives: "+lives, thePlayer.x - gameCanvas.width/2, 70); if (flag == null) { draw.fillText("Remaining: "+triggers.length, thePlayer.x - gameCanvas.width/2, 110); } } else if (scrollType == 'y') { draw.translate(0, thePlayer.y * -1 + gameCanvas.height/2); // draw.fillText("Time: "+timer, 0, thePlayer.y - gameCanvas.height/2 + 30); draw.fillText("Lives: "+lives, 0, thePlayer.y - gameCanvas.height/2 + 70); if (flag == null) { draw.fillText("Remaining: "+triggers.length, 0, thePlayer.y - gameCanvas.height/2 + 110); } } else if (scrollType == 'xy') { draw.translate(thePlayer.x * -1 + gameCanvas.width/2, thePlayer.y * -1 + gameCanvas.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 (flag == null) { draw.fillText("Remaining: "+triggers.length, thePlayer.x - gameCanvas.width/2, thePlayer.y - gameCanvas.height/2 + 110); } } draw.fillStyle='#0000FF'; draw.fillRect(thePlayer.x, thePlayer.y, thePlayer.width, thePlayer.height); draw.fillStyle="#00FF00"; if (flag != null) { draw.fillRect(flag.x, flag.y, 50, 50); } draw.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); } for (var i=0; i < triggers.length; i++) { if (triggers[i].kill) { draw.fillStyle='#FF0000'; } else { draw.fillStyle='#00FF00'; } draw.fillRect(triggers[i].x - padding, triggers[i].y - padding, triggers[i].width + padding * 2, triggers[i].height + padding * 2); } draw.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); } } function checkCol(objectColl) { if (objectColl.y >= 1000 && deathPane) { //Bottom border //objectColl.y = gameCanvas.height - objectColl.height; //UNCOMMENT TO REMOVE DEATH PANE falling = false; lives -= 1; thePlayer.x = spawnX; thePlayer.y = spawnY; } //Check for finish flag coll if (flag != null) { if (thePlayer.x + thePlayer.width >= flag.x && thePlayer.x <= flag.x + 50 && thePlayer.y + thePlayer.height >= flag.y && thePlayer.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 - jumpForce + 1) { //Object is above objectColl.y += gravity; falling = false; } else if (objectColl.y > walls[i].y + walls[i].height) { //Object is below objectColl.y -= gravity - jumpForce; jumpForce = 0; 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; } } } } } function checkKeypress(e) { keycode[e.keyCode] = true; e.preventDefault(); if (keycode[37]) { //moveInput = -1; moveLeft = true; falseKeycode[37] = false; } if (keycode[39]) { //moveInput = 1; moveRight = true; falseKeycode[39] = false; } /*if (keycode[32]) { if (jumpForce >= maxJump) { keycode[32] = false; } }*/ if (!keycode[37] && !keycode[39]) { moveLeft = false; moveRight = false; } } function checkKeyup(e) { falseKeycode[e.keyCode] = true; if (falseKeycode[37]) { keycode[37] = false; moveLeft = false; //moveInput = 0; } if (falseKeycode[39]) { keycode[39] = false; moveRight = false; //moveInput = 0; } if (falseKeycode[32]) { keycode[32] = false; falling = true; if (jumpForce > 0) { //jumpForce -= 1; } else { falseKeycode[32] = false; jumpForce = 0; } } } //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; 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 } }

Platformer Engine ALPHA [MOBILE SUPPORTED + LEVEL UPDATE]