var can; var mainMenu; document.addEventListener("mousedown", function(e) { mainMenu.handleInput(e); }); document.addEventListener("touchstart", function(e) { mainMenu.handleInput(e); }); document.addEventListener("keydown", function(e) { if (e.keyCode == 37) { mainMenu.game.toLeftGravity(); } else if (e.keyCode == 38) { mainMenu.game.toTopGravity(); } else if (e.keyCode == 39) { mainMenu.game.toRightGravity(); } else if (e.keyCode == 40) { mainMenu.game.toBottomGravity(); } }); window.onload = function() { can = document.getElementById("can"); can.width = 360; can.height = 480; mainMenu = new MainMenu(can); animate(); } function animate() { mainMenu.run(); requestAnimationFrame(animate); } function MainMenu(can) { this.can = can; this.c = can.getContext("2d"); this.seeds = [ /* order: player: null, goal: null, blocks: [], movables: [], pathconstrained: [], oneways: [], points: [], coins: [] */ //"75,45,28,28,d/105,195,30,30/315,45,30,30;255,75,30,30;285,135,30,30;105,45,30,30;105,105,30,30;135,45,30,30;225,225,30,30/285,285,28,28;315,285,28,28/75,315,28,28,t,45,165/165,165,30,30,l;75,45,30,30,r;255,255,30,30,u;285,285,30,30,d/45,45/165,105", //"45,45,28,28,d/165,105,28,28/135,135,30,30;165,135,30,30;45,135,30,30;135,105,30,30;135,45,30,30;135,75,30,30;105,195,30,30;255,165,30,30;225,225,30,30;105,315,30,30;135,285,30,30;315,75,30,30;165,75,30,30;15,15,30,30;225,45,30,30;255,75,30,30;285,75,30,30;255,45,30,30;285,45,30,30;315,45,30,30;195,75,30,30;315,105,30,30;/////", //"45,45,28,28,d/195,45,28,28/45,105,30,30;135,75,30,30;105,165,30,30;45,135,30,30;135,45,30,30;75,225,30,30;45,225,30,30;225,195,30,30;195,75,30,30;165,105,30,30;165,75,30,30;165,45,30,30;285,105,30,30;285,45,30,30;285,75,30,30;105,315,30,30;/////", //"45,45,28,28,u/75,105,28,28/45,105,30,30;135,75,30,30;105,195,30,30;45,195,30,30;75,195,30,30;135,165,30,30;135,195,30,30;255,135,30,30;225,45,30,30;255,45,30,30;255,75,30,30;225,165,30,30;255,165,30,30;195,165,30,30;165,255,30,30;195,225,30,30;195,255,30,30;195,195,30,30;315,75,30,30;315,165,30,30;255,195,30,30;75,255,30,30;75,285,30,30;105,285,30,30;105,255,30,30;285,75,30,30;285,45,30,30;315,45,30,30;/////", //0 "45,45,28,28,u/255,255,28,28/255,45,30,30;225,165,30,30;75,135,30,30;105,285,30,30;////225,75;225,105;225,135;135,255;165,255;195,255;225,255;105,165;105,195;105,225;135,135;165,135;195,135;75,45;105,45;135,45;165,45;195,45;/105,255;105,135;225,45;", //1 "45,45,28,28,r/255,75,28,28/135,45,30,30;105,165,30,30;195,135,30,30;165,195,30,30;45,75,30,30;75,195,30,30;105,255,30,30;285,225,30,30;255,45,30,30;///135,225,30,30,d;/75,45;105,45;165,225;195,225;225,225;135,225;105,75;105,105;105,135;/105,195;255,225;165,135;", //2 "45,45,28,28,u/195,225,28,28/45,75,30,30;75,75,30,30;105,75,30,30;75,105,30,30;255,75,30,30;285,75,30,30;75,135,30,30;45,105,30,30;45,135,30,30;45,165,30,30;///165,45,30,30,l;195,195,30,30,d;195,105,30,30,u;315,75,30,30,d;105,285,30,30,d;225,255,30,30,r;/75,45;105,45;135,45;165,45;195,45;225,45;255,45;195,75;195,105;195,135;195,165;165,135;135,135;105,135;285,45;315,105;315,135;315,165;315,195;315,225;315,255;315,285;/315,45;105,255;", //3 "255,45,28,28,u/105,165,28,28/315,135,30,30;315,75,30,30;255,75,30,30;45,75,30,30;105,75,30,30;105,105,30,30;75,255,30,30;195,225,30,30;165,285,30,30;285,45,30,30;315,45,30,30;285,75,30,30;135,75,30,30;105,135,30,30;135,135,30,30;165,135,30,30;195,135,30,30;225,135,30,30;255,135,30,30;285,135,30,30;/315,105,28,28;//255,105,30,30,r;75,75,30,30,u;/195,45;165,45;135,45;105,45;75,45;75,135;75,165;75,195;45,285;45,255;45,225;45,195;45,165;45,135;45,105;/45,45;75,105;105,255;", //4 "45,45,28,28,l/225,255,28,28/195,45,30,30;195,75,30,30;165,165,30,30;255,135,30,30;225,225,30,30;105,195,30,30;135,135,30,30;45,135,30,30;45,285,30,30;45,315,30,30;195,105,30,30;///75,135,30,30,d;105,135,30,30,d;165,105,30,30,u;285,105,30,30,u;315,105,30,30,u;/75,255;105,255;135,255;165,255;195,255;225,135;225,165;225,195;45,165;75,165;105,165;75,45;105,45;135,45;165,45;/225,45;135,165;45,255;", //5 "135,45,28,28,l/75,105,28,28/135,75,30,30;165,75,30,30;195,75,30,30;225,75,30,30;255,75,30,30;285,75,30,30;195,135,30,30;315,135,30,30;225,135,30,30;285,195,30,30;315,195,30,30;165,195,30,30;135,195,30,30;165,225,30,30;195,255,30,30;165,255,30,30;135,285,30,30;105,285,30,30;105,45,30,30;165,105,30,30;285,135,30,30;75,45,30,30;45,45,30,30;135,105,30,30;165,135,30,30;/195,45,28,28;165,45,28,28;//195,195,30,30,d;225,195,30,30,d;255,195,30,30,d;45,285,30,30,u;75,285,30,30,u;45,225,30,30,l;105,165,30,30,l;315,75,30,30,u;/165,165;195,165;225,165;255,165;285,165;75,135;75,165;75,195;45,135;45,105;45,75;75,75;105,75;105,105;105,135;105,255;135,255;135,225;315,225;315,255;315,285;315,315;255,105;285,105;315,105;/195,225;75,225;315,165;", //6 "45,45,28,28,l/225,45,28,28/195,75,30,30;195,105,30,30;195,135,30,30;255,75,30,30;285,75,30,30;195,165,30,30;225,225,30,30;75,195,30,30;105,285,30,30;195,255,30,30;165,315,30,30;135,315,30,30;45,195,30,30;75,225,30,30;45,225,30,30;45,255,30,30;75,255,30,30;45,285,30,30;75,285,30,30;45,315,30,30;75,315,30,30;105,315,30,30;45,165,30,30;75,165,30,30;105,165,30,30;135,165,30,30;/315,105,28,28;/45,135,28,28,t,45,105;135,45,28,28,f,45,105;285,135,28,28,t,225,285;/105,45,30,30,l;255,45,30,30,r;195,45,30,30,l;165,105,30,30,d;315,135,30,30,d;165,165,30,30,d;/45,75;45,105;75,105;75,45;105,45;105,75;165,45;195,45;/165,75;105,105;75,75;", //7 "45,105,28,28,d/315,75,28,28/105,135,30,30;195,135,30,30;195,165,30,30;255,45,30,30;255,105,30,30;225,135,30,30;255,135,30,30;105,165,30,30;105,195,30,30;105,225,30,30;195,195,30,30;105,255,30,30;135,255,30,30;165,255,30,30;195,255,30,30;285,135,30,30;315,165,30,30;315,135,30,30;315,255,30,30;225,255,30,30;195,315,30,30;135,285,30,30;75,255,30,30;285,45,30,30;315,45,30,30;315,105,30,30;285,105,30,30;/75,105,28,28;/135,165,28,28,t,135,165;/45,135,30,30,d;75,135,30,30,d;105,105,30,30,l;195,225,30,30,l;/135,105;165,105;195,105;285,75;255,75;225,75;195,75;165,75;135,75;105,75;75,75;105,45;135,45;165,45;195,45;/45,45;135,135;225,45;", //8 "75,45,28,28,l/75,225,28,28/195,45,30,30;45,75,30,30;75,75,30,30;105,75,30,30;135,105,30,30;195,105,30,30;165,135,30,30;195,135,30,30;165,285,30,30;135,225,30,30;195,195,30,30;195,225,30,30;195,255,30,30;315,195,30,30;285,195,30,30;225,255,30,30;255,255,30,30;225,315,30,30;285,255,30,30;285,285,30,30;45,105,30,30;/315,75,28,28;/285,135,28,28,t,255,315;75,255,28,28,t,45,135;/135,45,30,30,l;165,75,30,30,r;105,45,30,30,l;135,75,30,30,d;45,195,30,30,d;75,195,30,30,d;105,195,30,30,d;135,195,30,30,d;105,285,30,30,l;195,165,30,30,l;/45,285;75,285;105,285;135,285;285,105;255,105;315,105;225,105;225,135;225,165;225,195;225,225;315,225;315,255;315,285;315,315;195,315;165,315;135,315;105,315;75,315;45,315;/75,255;315,165;165,105;", //9 "105,225,28,28,l/255,195,28,28/105,285,30,30;315,285,30,30;75,255,30,30;75,225,30,30;75,195,30,30;105,195,30,30;135,195,30,30;165,195,30,30;195,195,30,30;225,225,30,30;135,285,30,30;255,225,30,30;195,165,30,30;225,105,30,30;255,135,30,30;255,165,30,30;255,105,30,30;45,165,30,30;75,165,30,30;75,45,30,30;45,45,30,30;75,105,30,30;195,105,30,30;285,195,30,30;285,165,30,30;285,225,30,30;285,285,30,30;285,315,30,30;255,315,30,30;315,315,30,30;165,285,30,30;/165,135,28,28;/105,255,28,28,t,105,195;135,135,28,28,f,75,135;/225,255,30,30,r;165,165,30,30,d;165,105,30,30,u;105,45,30,30,u;105,105,30,30,d;/315,75;315,105;315,135;315,165;315,195;315,225;45,75;45,105;45,135;105,75;75,75;75,135;105,135;105,165;135,165;135,225;165,225;195,225;195,135;225,135;225,165;225,195;/135,45;285,75;75,285;", //10 "45,285,28,28,r/195,165,28,28/45,135,30,30;105,135,30,30;135,135,30,30;45,165,30,30;45,225,30,30;75,225,30,30;105,225,30,30;135,225,30,30;165,225,30,30;165,195,30,30;165,165,30,30;165,135,30,30;285,285,30,30;285,195,30,30;285,165,30,30;285,255,30,30;195,135,30,30;225,135,30,30;225,165,30,30;255,165,30,30;135,105,30,30;135,75,30,30;315,45,30,30;315,75,30,30;255,75,30,30;195,285,30,30;225,285,30,30;255,255,30,30;195,225,30,30;195,255,30,30;45,45,30,30;75,45,30,30;195,45,30,30;135,255,30,30;105,315,30,30;/105,165,28,28;135,195,28,28;//75,135,30,30,d;315,135,30,30,u;315,315,30,30,d;//", //11 "45,45,28,28,r/105,45,28,28/195,195,30,30;165,105,30,30;135,105,30,30;105,105,30,30;75,105,30,30;225,105,30,30;255,105,30,30;285,105,30,30;195,225,30,30;195,255,30,30;315,105,30,30;105,135,30,30;105,165,30,30;//105,225,28,28,t,75,165;135,75,28,28,f,45,75;225,135,28,28,t,165,285;/75,45,30,30,r;75,75,30,30,r;135,195,30,30,l;165,75,30,30,d;225,195,30,30,u;255,195,30,30,u;285,195,30,30,u;315,195,30,30,u;165,255,30,30,u;135,255,30,30,u;45,165,30,30,d;45,135,30,30,l;//", //12 "225,195,28,28,l/195,135,28,28/135,165,30,30;135,225,30,30;165,225,30,30;195,225,30,30;225,165,30,30;225,225,30,30;165,105,30,30;195,105,30,30;45,135,30,30;75,135,30,30;105,135,30,30;105,165,30,30;255,225,30,30;255,165,30,30;285,165,30,30;285,195,30,30;285,225,30,30;225,105,30,30;225,135,30,30;165,165,30,30;165,135,30,30;285,45,30,30;135,75,30,30;165,75,30,30;255,315,30,30;225,255,30,30;195,315,30,30;165,255,30,30;75,75,30,30;/75,165,28,28;135,135,28,28;/75,195,28,28,t,45,105;/105,195,30,30,l;135,255,30,30,r;135,285,30,30,r;135,315,30,30,r;75,315,30,30,l;//", ]; this.playingSeed = 0; this.game = new Game(can, this); this.levelBuilder = new levelBuilder(can, this); this.playButton = new Button(this.can.width / 2, this.can.height / 2, 120, 40, "rgba(0, 0, 0, 0.5)", "play", "rgba(255, 255, 255, 0.5)", "20px arial"); this.playSeedButton = new Button(this.can.width / 2, this.can.height / 2 + 60, 120, 40, "rgba(0, 0, 0, 0.5)", "play seed", "rgba(255, 255, 255, 0.5)", "20px arial"); this.makeLevelButton = new Button(this.can.width / 2, this.can.height / 2 + 120, 120, 40, "rgba(0, 0, 0, 0.5)", "make level", "rgba(255, 255, 255, 0.5)", "20px arial"); this.levelButtons = []; var width = 40; var height = 40; var border = 40; var id = 0; for (var y = 0; y < (this.can.height - 2 * border) / height; y++) { for (var x = 0; x < (this.can.width - 4 * border) / width; x++) { this.levelButtons.push(new Button(x * 1.5 * width + width / 2 + border, y * 1.5 * height + height / 2 + border, width, height, "rgba(0, 0, 0, 0.5)", "" + id, "rgba(255, 255, 255, 0.5)", "20px arial")); id++; if (this.levelButtons.length >= this.seeds.length) { break; } } if (this.levelButtons.length >= this.seeds.length) { break; } } this.menuStates = { mainMenu: 0, levelBuilder: 1, game: 2, selectLevel: 3, } this.menuState = this.menuStates.mainMenu; this.toMainMenu = function() { this.menuState = this.menuStates.mainMenu; } this.toLevelBuilder = function() { this.menuState = this.menuStates.levelBuilder; } this.toGame = function() { this.menuState = this.menuStates.game; } this.toSelectLevel = function() { this.menuState = this.menuStates.selectLevel; } this.inMainMenu = function() { return this.menuState == this.menuStates.mainMenu; } this.inLevelBuilder = function() { return this.menuState == this.menuStates.levelBuilder; } this.inGame = function() { return this.menuState == this.menuStates.game; } this.inSelectLevel = function() { return this.menuState == this.menuStates.selectLevel; } this.run = function() { this.c.fillStyle = "#DDDDDD"; this.c.fillRect(0, 0, this.can.width, this.can.height); if (this.inMainMenu()) { this.c.fillStyle = "rgba(0, 0, 0, 0.5)"; this.c.font = "30px arial"; this.c.fillText("Gravity Puzzle", can.width/2, can.height / 5); this.playButton.show(this.c); this.playSeedButton.show(this.c); this.makeLevelButton.show(this.c); } else if (this.inSelectLevel()) { for (var i = 0; i < this.levelButtons.length; i++) { this.levelButtons[i].show(this.c); } } else if (this.inGame()) { this.game.run(this.c); } else if (this.inLevelBuilder()) { this.levelBuilder.run(this.c); } } this.handleInput = function(e) { var x = (e.clientX || e.targetTouches[0].clientX); var y = (e.clientY || e.targetTouches[0].clientY); if (this.inMainMenu()) { if (this.playButton.contains(x, y)) { this.toSelectLevel(); }else if(this.makeLevelButton.contains(x, y)){ this.toLevelBuilder(); }else if(this.playSeedButton.contains(x, y)){ var seed = prompt("input a seed"); if(seed === undefined || seed === null || seed === ""){ return; } this.game.playSeed(-1, seed); this.toGame(); } } else if (this.inSelectLevel()) { for (var i = 0; i < this.levelButtons.length; i++) { if (this.levelButtons[i].contains(x, y)) { this.toGame(); this.playingSeed = i; this.game.playSeed(i, this.seeds[i]); break; } } } else if (this.inGame()) { if(this.game.done){ this.playingSeed = (this.playingSeed+1)%this.seeds.length; this.game.playSeed(this.playingSeed, this.seeds[this.playingSeed]); }else{ this.game.handleInput(e); } } else if (this.inLevelBuilder()) { this.levelBuilder.handleInput(e); } } } function Button(middleX, middleY, width, height, color, text, textColor, font) { this.middleX = middleX; this.middleY = middleY; this.width = width; this.height = height; this.color = color; this.text = text; this.textColor = textColor; this.font = font; this.show = function(c) { c.fillStyle = this.color; c.fillRect(this.middleX - this.width / 2, this.middleY - this.height / 2, this.width, this.height); if (this.text !== undefined) { c.fillStyle = this.textColor; c.textAlign = "center"; c.textBaseline = "middle"; c.font = this.font; c.fillText(this.text, this.middleX, this.middleY); } } this.contains = function(x, y) { return (this.middleX - this.width / 2 < x && this.middleX + this.width / 2 > x && this.middleY - this.height / 2 < y && this.middleY + this.height / 2 > y); } } function SeedHandler() { this.defaultBlocksSeed = "15,15,30,30;45,15,30,30;75,15,30,30;105,15,30,30;135,15,30,30;165,15,30,30;195,15,30,30;225,15,30,30;255,15,30,30;285,15,30,30;315,15,30,30;345,15,30,30;15,45,30,30;15,75,30,30;15,105,30,30;15,135,30,30;15,165,30,30;15,195,30,30;15,225,30,30;15,255,30,30;15,285,30,30;15,315,30,30;15,345,30,30;345,45,30,30;345,75,30,30;345,105,30,30;345,135,30,30;345,165,30,30;345,195,30,30;345,225,30,30;345,255,30,30;345,285,30,30;345,315,30,30;345,345,30,30;45,345,30,30;75,345,30,30;105,345,30,30;135,345,30,30;165,345,30,30;195,345,30,30;225,345,30,30;255,345,30,30;285,345,30,30;315,345,30,30;345,345,30,30"; this.getDefaultBlocks = function() { var blocks = []; var blockSeeds = this.defaultBlocksSeed.split(";"); for (var i = 0; i < blockSeeds.length; i++) { var blockSeed = blockSeeds[i].split(","); blocks.push(new Block(parseInt(blockSeed[0]), parseInt(blockSeed[1]), parseInt(blockSeed[2]), parseInt(blockSeed[3]))); } return blocks; } this.extractSeed = function(seed) { var extracted = { player: null, goal: null, blocks: [], movables: [], pathconstrained: [], oneways: [], points: [], coins: [] } var blockSeeds = this.defaultBlocksSeed.split(";"); for (var i = 0; i < blockSeeds.length; i++) { var blockSeed = blockSeeds[i].split(","); extracted.blocks.push(new Block(parseInt(blockSeed[0]), parseInt(blockSeed[1]), parseInt(blockSeed[2]), parseInt(blockSeed[3]))); } if (seed === undefined || seed === "") { return extracted; } /* order: player: null, goal: null, blocks: [], movables: [], pathconstrained: [], oneways: [], points: [], coins: [] */ var subSeed = seed.split("/"); var playerSeed = subSeed[0].split(","); extracted.player = new Player(parseInt(playerSeed[0]), parseInt(playerSeed[1]), parseInt(playerSeed[2]), parseInt(playerSeed[3]), playerSeed[4]); var goalSeed = subSeed[1].split(","); extracted.goal = new Goal(parseInt(goalSeed[0]), parseInt(goalSeed[1]), parseInt(goalSeed[2]), parseInt(goalSeed[3])); try { var blockSeeds = subSeed[2].split(";"); for (var i = 0; i < blockSeeds.length; i++) { var blockSeed = blockSeeds[i].split(","); if (blockSeed[0].length == 0) { break; } extracted.blocks.push(new Block(parseInt(blockSeed[0]), parseInt(blockSeed[1]), parseInt(blockSeed[2]), parseInt(blockSeed[3]))); } } catch (Exception) { } try { var movablesSeeds = subSeed[3].split(";"); for (var i = 0; i < movablesSeeds.length; i++) { var movableSeed = movablesSeeds[i].split(","); if (movableSeed[0].length == 0) { break; } extracted.movables.push(new MovableBlock(parseInt(movableSeed[0]), parseInt(movableSeed[1]), parseInt(movableSeed[2]), parseInt(movableSeed[3]))); } } catch (Exception) { } try { var pathconstrainedSeeds = subSeed[4].split(";"); for (var i = 0; i < pathconstrainedSeeds.length; i++) { var pathconstrainedSeed = pathconstrainedSeeds[i].split(","); if (pathconstrainedSeed[0].length == 0) { break; } extracted.pathconstrained.push(new PathConstrainedBlock(parseInt(pathconstrainedSeed[0]), parseInt(pathconstrainedSeed[1]), parseInt(pathconstrainedSeed[2]), parseInt(pathconstrainedSeed[3]), pathconstrainedSeed[4] == "t", parseInt(pathconstrainedSeed[5]), parseInt(pathconstrainedSeed[6]))); } } catch (Exception) { } try { var onewaySeeds = subSeed[5].split(";"); for (var i = 0; i < onewaySeeds.length; i++) { var onewaySeed = onewaySeeds[i].split(","); if (onewaySeed[0].length == 0) { break; } extracted.oneways.push(new OneWayGate(parseInt(onewaySeed[0]), parseInt(onewaySeed[1]), parseInt(onewaySeed[2]), parseInt(onewaySeed[3]), onewaySeed[4])); } } catch (Exception) { } try { var pointsSeeds = subSeed[6].split(";"); for (var i = 0; i < pointsSeeds.length; i++) { var pointSeed = pointsSeeds[i].split(","); if (pointSeed[0].length == 0) { break; } extracted.points.push(new Point(pointSeed[0], pointSeed[1])); } } catch (Exception) { } try { var movablesSeed = subSeed[7].split(";"); for (var i = 0; i < movablesSeed.length; i++) { var movableSeed = movablesSeed[i].split(","); if (movableSeed[0].length == 0) { break; } extracted.coins.push(new Coin(movableSeed[0], movableSeed[1])); } } catch (Exception) { } return extracted } this.generateSeed = function(raw) { var seed = ""; /* order: player: null, goal: null, blocks: [], movables: [], pathconstrained: [], oneways: [], points: [], coins: [] */ seed += raw.player.getMiddleX() + "," + raw.player.getMiddleY() + "," + raw.player.getWidth() + "," + raw.player.getHeight() + "," + raw.player.lastGravity.going[0] + "/"; seed += raw.goal.getMiddleX() + "," + raw.goal.getMiddleY() + "," + raw.goal.getWidth() + "," + raw.goal.getHeight() + "/"; for (var i = 0; i < raw.blocks.length; i++) { if (i > 44) { //are not default blocks seed += raw.blocks[i].getMiddleX() + "," + raw.blocks[i].getMiddleY() + "," + raw.blocks[i].getWidth() + "," + raw.blocks[i].getHeight() + ";"; } } seed += "/"; for (var i = 0; i < raw.movables.length; i++) { seed += raw.movables[i].getMiddleX() + "," + raw.movables[i].getMiddleY() + "," + raw.movables[i].getWidth() + "," + raw.movables[i].getHeight() + ";"; } seed += "/"; for (var i = 0; i < raw.pathconstrained.length; i++) { if (raw.pathconstrained[i].isVertical()) { seed += raw.pathconstrained[i].getMiddleX() + "," + raw.pathconstrained[i].getMiddleY() + "," + raw.pathconstrained[i].getWidth() + "," + raw.pathconstrained[i].getHeight() + ",t," + raw.pathconstrained[i].getConstrainedFrom() + "," + raw.pathconstrained[i].getConstrainedTo() + ";"; } else { seed += raw.pathconstrained[i].getMiddleX() + "," + raw.pathconstrained[i].getMiddleY() + "," + raw.pathconstrained[i].getWidth() + "," + raw.pathconstrained[i].getHeight() + ",f," + raw.pathconstrained[i].getConstrainedFrom() + "," + raw.pathconstrained[i].getConstrainedTo() + ";"; } } seed += "/"; for (var i = 0; i < raw.oneways.length; i++) { seed += raw.oneways[i].getMiddleX() + "," + raw.oneways[i].getMiddleY() + "," + raw.oneways[i].getWidth() + "," + raw.oneways[i].getHeight() + "," + (raw.oneways[i].getBlockingDirection()[0]) + ";"; } seed += "/"; for (var i = 0; i < raw.points.length; i++) { seed += raw.points[i].getMiddleX() + "," + raw.points[i].getMiddleY() + ";"; } seed += "/"; for (var i = 0; i < raw.coins.length; i++) { seed += raw.coins[i].getMiddleX() + "," + raw.coins[i].getMiddleY() + ";"; } return seed; } } function levelBuilder(can, mainMenu) { this.can = can; this.mainMenu = mainMenu; this.seedHandler = new SeedHandler(); this.player = new Player(45, 45, 28, 28); this.goal = new Goal(315, 315, 28, 28); this.blocks = this.seedHandler.getDefaultBlocks(); this.movables = []; this.pathconstrained = []; this.oneways = []; this.points = []; this.coins = []; this.getSeedButton = new Button(45, 465, 88, 28, "rgba(255, 255, 255, 0.5)", "get seed", "rgba(0, 0, 0, 0.5)", "14px arial"); this.loadSeedButton = new Button(135, 465, 88, 28, "rgba(255, 255, 255, 0.5)", "load seed", "rgba(0, 0, 0, 0.5)", "14px arial"); this.placePlayerButton = new Button(45, 375, 88, 28, "rgba(0, 0, 0, 0.5)", "player", "rgba(255, 255, 255, 0.5)", "14px arial"); this.placeGoalButton = new Button(135, 375, 88, 28, "rgba(0, 0, 0, 0.5)", "goal", "rgba(255, 255, 255, 0.5)", "14px arial"); this.placeBlockButton = new Button(225, 375, 88, 28, "rgba(0, 0, 0, 0.5)", "block", "rgba(255, 255, 255, 0.5)", "14px arial"); this.placeMovableButton = new Button(315, 375, 88, 28, "rgba(0, 0, 0, 0.5)", "movable", "rgba(255, 255, 255, 0.5)", "14px arial"); this.placePathconstrainedButton = new Button(45, 405, 88, 28, "rgba(0, 0, 0, 0.5)", "on path", "rgba(255, 255, 255, 0.5)", "14px arial"); this.placeOnewayButton = new Button(135, 405, 88, 28, "rgba(0, 0, 0, 0.5)", "oneway", "rgba(255, 255, 255, 0.5)", "14px arial"); this.placePointButton = new Button(225, 405, 88, 28, "rgba(0, 0, 0, 0.5)", "point", "rgba(255, 255, 255, 0.5)", "14px arial"); this.placeCoinButton = new Button(315, 405, 88, 28, "rgba(0, 0, 0, 0.5)", "coin", "rgba(255, 255, 255, 0.5)", "14px arial"); this.placeRotateButton = new Button(45, 435, 88, 28, "rgba(0, 0, 0, 0.5)", "rotate", "rgba(255, 255, 255, 0.5)", "14px arial"); this.placeEraseButton = new Button(135, 435, 88, 28, "rgba(0, 0, 0, 0.5)", "erase", "rgba(255, 255, 255, 0.5)", "14px arial"); this.placeIncreaseconstrainButton = new Button(225, 435, 88, 28, "rgba(0, 0, 0, 0.5)", "+path", "rgba(255, 255, 255, 0.5)", "14px arial"); this.placeDecreaseconstrainButton = new Button(315, 435, 88, 28, "rgba(0, 0, 0, 0.5)", "-path", "rgba(255, 255, 255, 0.5)", "14px arial"); this.backButton = new Button(15, 15, 30, 30, "rgba(0, 0, 0, 0.5)", "back", "rgba(255, 255, 255, 0.5)", "13px arial"); this.clearButton = new Button(345, 15, 30, 30, "rgba(0, 0, 0, 0.5)", "clear", "rgba(255, 255, 255, 0.5)", "12px arial"); this.placables = { player: 0, goal: 1, block: 2, movable: 3, pathconstrained: 4, increaseconstrain: 5, decreaseconstrain: 6, oneway: 7, point: 8, coin: 9, rotate: 10, erase: 11, } this.placing = this.placables.player; this.placingPlayer = function() { return this.placing == this.placables.player; } this.placingGoal = function() { return this.placing == this.placables.goal; } this.placingBlock = function() { return this.placing == this.placables.block; } this.placingMovable = function() { return this.placing == this.placables.movable; } this.placingPathconstrained = function() { return this.placing == this.placables.pathconstrained; } this.placingIncreaseconstrain = function() { return this.placing == this.placables.increaseconstrain; } this.placingDecreaseconstrain = function() { return this.placing == this.placables.decreaseconstrain; } this.placingOneway = function() { return this.placing == this.placables.oneway; } this.placingPoint = function() { return this.placing == this.placables.point; } this.placingCoin = function() { return this.placing == this.placables.coin; } this.placingRotate = function() { return this.placing == this.placables.rotate; } this.placingErase = function() { return this.placing == this.placables.erase; } this.toPlacingPlayer = function() { this.placing = this.placables.player; } this.toPlacingGoal = function() { this.placing = this.placables.goal; } this.toPlacingBlock = function() { this.placing = this.placables.block; } this.toPlacingMovable = function() { this.placing = this.placables.movable; } this.toPlacingPathconstrained = function() { this.placing = this.placables.pathconstrained; } this.toPlacingIncreaseconstrain = function() { this.placing = this.placables.increaseconstrain; } this.toPlacingDecreaseconstrain = function() { this.placing = this.placables.decreaseconstrain; } this.toPlacingOneway = function() { this.placing = this.placables.oneway; } this.toPlacingPoint = function() { this.placing = this.placables.point; } this.toPlacingCoin = function() { this.placing = this.placables.coin; } this.toPlacingRotate = function() { this.placing = this.placables.rotate; } this.toPlacingErase = function() { this.placing = this.placables.erase; } this.loadSeed = function(seed) { var extracted = this.seedHandler.extractSeed(seed); this.player = extracted.player; this.blocks = extracted.blocks; this.goal = extracted.goal; this.movables = extracted.movables; this.oneways = extracted.oneways; this.pathconstrained = extracted.pathconstrained; this.points = extracted.points; this.coins = extracted.coins; } this.getSeed = function() { var raw = { player: this.player, goal: this.goal, blocks: this.blocks, movables: this.movables, pathconstrained: this.pathconstrained, oneways: this.oneways, points: this.points, coins: this.coins } return this.seedHandler.generateSeed(raw); } this.run = function(c) { this.showAll(c); } this.showAll = function(c) { try { for (var i = 0; i < this.blocks.length; i++) { this.blocks[i].show(c); } } catch (Exception) { } try { for (var i = 0; i < this.oneways.length; i++) { this.oneways[i].show(c); } } catch (Exception) { } try { for (var i = 0; i < this.points.length; i++) { this.points[i].show(c); } } catch (Exception) { } try { for (var i = 0; i < this.coins.length; i++) { this.coins[i].show(c); } } catch (Exception) { } try { this.goal.show(c); } catch (Exception) { } try { for (var i = 0; i < this.movables.length; i++) { this.movables[i].show(c); } } catch (Exception) { } try { for (var i = 0; i < this.pathconstrained.length; i++) { this.pathconstrained[i].show(c); } } catch (Exception) { } try { this.player.show(c); } catch (Exception) { } this.getSeedButton.show(c); this.loadSeedButton.show(c); this.placePlayerButton.show(c); this.placeGoalButton.show(c); this.placeBlockButton.show(c); this.placeMovableButton.show(c); this.placePathconstrainedButton.show(c); this.placeOnewayButton.show(c); this.placePointButton.show(c); this.placeCoinButton.show(c); this.placeRotateButton.show(c); this.placeEraseButton.show(c); this.placeIncreaseconstrainButton.show(c); this.placeDecreaseconstrainButton.show(c); this.backButton.show(c); this.clearButton.show(c); } this.handleInput = function(e) { var x = (e.clientX || e.targetTouches[0].clientX); var y = (e.clientY || e.targetTouches[0].clientY); x = Math.round((x - 15) / 30) * 30 + 15; y = Math.round((y - 15) / 30) * 30 + 15; if (this.getSeedButton.contains(x, y)) { //buttons prompt("copy this seed", this.getSeed()); } else if (this.loadSeedButton.contains(x, y)) { seed = prompt("input a seed to be edited"); if (seed == undefined || seed == null || seed == "") { return; } this.loadSeed(seed); } else if (this.placePlayerButton.contains(x, y)) { this.toPlacingPlayer(); } else if (this.placeGoalButton.contains(x, y)) { this.toPlacingGoal(); } else if (this.placeBlockButton.contains(x, y)) { this.toPlacingBlock(); } else if (this.placeMovableButton.contains(x, y)) { this.toPlacingMovable(); } else if (this.placePathconstrainedButton.contains(x, y)) { this.toPlacingPathconstrained(); } else if (this.placeOnewayButton.contains(x, y)) { this.toPlacingOneway(); } else if (this.placePointButton.contains(x, y)) { this.toPlacingPoint(); } else if (this.placeCoinButton.contains(x, y)) { this.toPlacingCoin(); } else if (this.placeRotateButton.contains(x, y)) { this.toPlacingRotate(); } else if (this.placeEraseButton.contains(x, y)) { this.toPlacingErase(); } else if (this.placeIncreaseconstrainButton.contains(x, y)) { this.toPlacingIncreaseconstrain(); } else if (this.placeDecreaseconstrainButton.contains(x, y)) { this.toPlacingDecreaseconstrain(); } else if (this.backButton.contains(x, y)) { this.mainMenu.toMainMenu(); } else if (this.clearButton.contains(x, y)) { this.player = new Player(45, 45, 28, 28); this.goal = new Goal(315, 315, 28, 28); this.blocks = this.seedHandler.getDefaultBlocks(); this.movables = []; this.pathconstrained = []; this.oneways = []; this.points = []; this.coins = []; return; } if (x <= 15 || x >= 345 || y <= 15 || y >= 345) { return; } if (this.placingPlayer()) { //placables this.player.setMiddleX(x); this.player.setMiddleY(y); } else if (this.placingGoal()) { this.goal.setMiddleX(x); this.goal.setMiddleY(y); } else if (this.placingBlock()) { this.blocks.push(new Block(x, y, 30, 30)); } else if (this.placingMovable()) { this.movables.push(new MovableBlock(x, y, 28, 28)); } else if (this.placingPathconstrained()) { this.pathconstrained.push(new PathConstrainedBlock(x, y, 28, 28, true, Math.max(x - 60, 45), Math.min(x + 60, 315))); } else if (this.placingOneway()) { this.oneways.push(new OneWayGate(x, y, 30, 30, "l")); } else if (this.placingPoint()) { this.points.push(new Point(x, y)); } else if (this.placingCoin()) { this.coins.push(new Coin(x, y)); } else if (this.placingRotate()) { if (this.player.getMiddleX() == x && this.player.getMiddleY() == y) { var current = this.player.lastGravity.going; if (current == "left") { this.player.lastGravity.going = "up"; } else if (current == "up") { this.player.lastGravity.going = "right"; } else if (current == "right") { this.player.lastGravity.going = "down"; } else if (current == "down") { this.player.lastGravity.going = "left"; } return; } for (var i = 0; i < this.pathconstrained.length; i++) { if (this.pathconstrained[i].getMiddleX() == x && this.pathconstrained[i].getMiddleY() == y) { if (this.pathconstrained[i].isVertical()) { this.pathconstrained[i].setVertical(false); this.pathconstrained[i].setConstrainedFrom(Math.max(this.pathconstrained[i].getMiddleY() - 60, 45)); this.pathconstrained[i].setConstrainedTo(Math.min(this.pathconstrained[i].getMiddleY() + 60, 315)); } else { this.pathconstrained[i].setVertical(true); this.pathconstrained[i].setConstrainedFrom(Math.max(this.pathconstrained[i].getMiddleX() - 60, 45)); this.pathconstrained[i].setConstrainedTo(Math.min(this.pathconstrained[i].getMiddleX() + 60, 315)); } return; } } for (var i = 0; i < this.oneways.length; i++) { if (this.oneways[i].getMiddleX() == x && this.oneways[i].getMiddleY() == y) { var current = this.oneways[i].getBlockingDirection(); if (current == "left") { this.oneways[i].setBlockingDirection("up"); } else if (current == "up") { this.oneways[i].setBlockingDirection("right"); } else if (current == "right") { this.oneways[i].setBlockingDirection("down"); } else if (current == "down") { this.oneways[i].setBlockingDirection("left"); } return; } } } else if (this.placingErase()) { for (var i = 0; i < this.blocks.length; i++) { if (this.blocks[i].getMiddleX() == x && this.blocks[i].getMiddleY() == y) { this.blocks.splice(i, 1); return; } } for (var i = 0; i < this.movables.length; i++) { if (this.movables[i].getMiddleX() == x && this.movables[i].getMiddleY() == y) { this.movables.splice(i, 1); return; } } for (var i = 0; i < this.pathconstrained.length; i++) { if (this.pathconstrained[i].getMiddleX() == x && this.pathconstrained[i].getMiddleY() == y) { this.pathconstrained.splice(i, 1); return; } } for (var i = 0; i < this.oneways.length; i++) { if (this.oneways[i].getMiddleX() == x && this.oneways[i].getMiddleY() == y) { this.oneways.splice(i, 1); return; } } for (var i = 0; i < this.points.length; i++) { if (this.points[i].getMiddleX() == x && this.points[i].getMiddleY() == y) { this.points.splice(i, 1); return; } } for (var i = 0; i < this.coins.length; i++) { if (this.coins[i].getMiddleX() == x && this.coins[i].getMiddleY() == y) { this.coins.splice(i, 1); return; } } } else if (this.placingIncreaseconstrain()) { for (var i = 0; i < this.pathconstrained.length; i++) { //if (this.pathconstrained[i].getMiddleX() == x && this.pathconstrained[i].getMiddleY() == y) { if (this.pathconstrained[i].isVertical()) { if (this.pathconstrained[i].getMiddleY() == y) { if (this.pathconstrained[i].getConstrainedFrom() == x) { this.pathconstrained[i].setConstrainedFrom(Math.max(this.pathconstrained[i].getConstrainedFrom() - 30, 45)); return; } else if (this.pathconstrained[i].getConstrainedTo() == x) { this.pathconstrained[i].setConstrainedTo(Math.min(this.pathconstrained[i].getConstrainedTo() + 30, 315)); return; } } } else { if (this.pathconstrained[i].getMiddleX() == x) { if (this.pathconstrained[i].getConstrainedFrom() == y) { this.pathconstrained[i].setConstrainedFrom(Math.max(this.pathconstrained[i].getConstrainedFrom() - 30, 45)); return; } else if (this.pathconstrained[i].getConstrainedTo() == y) { this.pathconstrained[i].setConstrainedTo(Math.min(this.pathconstrained[i].getConstrainedTo() + 30, 315)); return; } } } //} } } else if (this.placingDecreaseconstrain()) { for (var i = 0; i < this.pathconstrained.length; i++) { //if (this.pathconstrained[i].getMiddleX() == x && this.pathconstrained[i].getMiddleY() == y) { if (this.pathconstrained[i].isVertical()) { if (this.pathconstrained[i].getMiddleY() == y) { if (this.pathconstrained[i].getConstrainedFrom() == x) { this.pathconstrained[i].setConstrainedFrom(Math.max(Math.min(this.pathconstrained[i].getConstrainedFrom() + 30, this.pathconstrained[i].getMiddleX()), 45)); return; } else if (this.pathconstrained[i].getConstrainedTo() == x) { this.pathconstrained[i].setConstrainedTo(Math.min(Math.max(this.pathconstrained[i].getConstrainedTo() - 30, this.pathconstrained[i].getMiddleX()), 315)); return; } } } else { if (this.pathconstrained[i].getMiddleX() == x) { if (this.pathconstrained[i].getConstrainedFrom() == y) { this.pathconstrained[i].setConstrainedFrom(Math.max(Math.min(this.pathconstrained[i].getConstrainedFrom() + 30, this.pathconstrained[i].getMiddleY()), 45)); return; } else if (this.pathconstrained[i].getConstrainedTo() == y) { this.pathconstrained[i].setConstrainedTo(Math.min(Math.max(this.pathconstrained[i].getConstrainedTo() - 30, this.pathconstrained[i].getMiddleY()), 315)); return; } } } } } } } function Game(can, mainMenu) { this.can = can; this.mainMenu = mainMenu; this.seedHandler = new SeedHandler(); this.player = null; this.goal = null; this.blocks = []; this.movables = []; this.pathconstrained = []; this.oneways = []; this.points = []; this.coins = []; this.toLeftButton = new Button(50, 420, 98, 118, "rgba(0, 0, 0, 0.5)", "left", "rgba(255, 255, 255, 0.5)", "30px arial"); this.toUpButton = new Button(180, 390, 158, 58, "rgba(0, 0, 0, 0.5)", "up", "rgba(255, 255, 255, 0.5)", "30px arial"); this.toRightButton = new Button(310, 420, 98, 118, "rgba(0, 0, 0, 0.5)", "right", "rgba(255, 255, 255, 0.5)", "30px arial"); this.toDownButton = new Button(180, 450, 158, 58, "rgba(0, 0, 0, 0.5)", "down", "rgba(255, 255, 255, 0.5)", "30px arial"); this.backButton = new Button(15, 15, 30, 30, "rgba(0, 0, 0, 0.5)", "back", "rgba(255, 255, 255, 0.5)", "13px arial"); this.resetButton = new Button(345, 15, 30, 30, "rgba(0, 0, 0, 0.5)", "reset", "rgba(255, 255, 255, 0.5)", "12px arial"); this.done = false; this.playingSeed = 0; this.seed; this.gravity = { x: 0, y: 1, going: "down", up: "#00FFFF", down: "#FF0000", left: "#00FF00", right: "#0000FF", } this.score = 0; this.time = 0; this.prepareGravityChange = function() { this.player.setMiddleX(Math.round((this.player.getMiddleX() - 15) / 30) * 30 + 15); this.player.setMiddleY(Math.round((this.player.getMiddleY() - 15) / 30) * 30 + 15); this.player.setMoving(true); for (var i = 0; i < this.movables.length; i++) { this.movables[i].setMiddleX(Math.round((this.movables[i].getMiddleX() - 15) / 30) * 30 + 15); this.movables[i].setMiddleY(Math.round((this.movables[i].getMiddleY() - 15) / 30) * 30 + 15); this.movables[i].setMoving(true); } for (var i = 0; i < this.pathconstrained.length; i++) { this.pathconstrained[i].setMiddleX(Math.round((this.pathconstrained[i].getMiddleX() - 15) / 30) * 30 + 15); this.pathconstrained[i].setMiddleY(Math.round((this.pathconstrained[i].getMiddleY() - 15) / 30) * 30 + 15); this.pathconstrained[i].setMoving(true); } this.player.setXSpeed(0); this.player.setYSpeed(0); } this.noneMoving = function() { var moving = false; for (var i = 0; i < this.movables.length; i++) { moving = moving || this.movables[i].isMoving(); } for (var i = 0; i < this.pathconstrained.length; i++) { moving = moving || this.pathconstrained[i].isMoving(); } return (!this.player.isMoving() && !moving) } this.toLeftGravity = function() { if (!this.noneMoving()) { return; } this.prepareGravityChange(); this.gravity.x = -1; this.gravity.y = 0; this.gravity.going = "left"; } this.toTopGravity = function() { if (!this.noneMoving()) { return; } this.prepareGravityChange(); this.gravity.x = 0; this.gravity.y = -1; this.gravity.going = "up"; } this.toRightGravity = function() { if (!this.noneMoving()) { return; } this.prepareGravityChange(); this.gravity.x = 1; this.gravity.y = 0; this.gravity.going = "right"; } this.toBottomGravity = function() { if (!this.noneMoving()) { return; } this.prepareGravityChange(); this.gravity.x = 0; this.gravity.y = 1; this.gravity.going = "down"; } this.playSeed = function(seedId, seed) { this.playingSeed = seedId; this.seed = seed; var extracted = this.seedHandler.extractSeed(seed); this.player = extracted.player; this.blocks = extracted.blocks; this.goal = extracted.goal; this.movables = extracted.movables; this.oneways = extracted.oneways; this.pathconstrained = extracted.pathconstrained; this.points = extracted.points; this.coins = extracted.coins; this.gravity = this.player.lastGravity; this.score = 0; this.time = 0; } this.run = function(c) { this.updateAll(); this.showAll(c); } this.showAll = function(c) { for (var i = 0; i < this.blocks.length; i++) { this.blocks[i].show(c); } for (var i = 0; i < this.oneways.length; i++) { this.oneways[i].show(c); } for (var i = 0; i < this.points.length; i++) { this.points[i].show(c); } for (var i = 0; i < this.coins.length; i++) { this.coins[i].show(c); } for (var i = 0; i < this.pathconstrained.length; i++) { this.pathconstrained[i].show(c); } this.goal.show(c); for (var i = 0; i < this.movables.length; i++) { this.movables[i].show(c); } this.player.show(c); this.toLeftButton.show(c); this.toUpButton.show(c); this.toRightButton.show(c); this.toDownButton.show(c); if (this.done) { c.fillStyle = "rgba(0, 0, 0, 0.5)"; c.fillRect(0, 0, 360, 360); c.fillStyle = "rgba(255, 255, 255, 0.5)"; c.fillText("tap to continue", 180, 180); } this.backButton.show(c); this.resetButton.show(c); c.fillStyle = "rgba(0, 0, 0, 0.75)"; c.fillText("level: " + this.playingSeed, 90, 15); c.fillText("score: " + this.score, 180, 15); c.fillText("time: " + (this.time / 60).toFixed(2), 270, 15); } this.updateAll = function() { this.player.applyGravity(this.gravity); this.player.updateOnBodys(this.blocks.concat(this.movables).concat(this.pathconstrained)); this.player.updateOnOneways(this.oneways); this.player.update(); for (var i = 0; i < this.movables.length; i++) { this.movables[i].applyGravity(this.gravity); this.movables[i].updateOnBodys(this.blocks.concat([this.player]).concat(this.movables).concat(this.pathconstrained)); this.movables[i].updateOnOneways(this.oneways); this.movables[i].update(); } for (var i = 0; i < this.pathconstrained.length; i++) { this.pathconstrained[i].applyGravity(this.gravity); this.pathconstrained[i].updateOnBodys(this.blocks.concat([this.player]).concat(this.movables)); this.pathconstrained[i].updateOnOneways(this.oneways); this.pathconstrained[i].update(); } for (var i = this.points.length - 1; i >= 0; i--) { if (this.player.touchingCollectable(this.points[i])) { this.points.splice(i, 1); this.score += 5; } } for (var i = this.coins.length - 1; i >= 0; i--) { if (this.player.touchingCollectable(this.coins[i])) { this.coins.splice(i, 1); this.score += 25; } } if (this.player.touchingGoal(this.goal)) { this.done = true; } else { this.time++; this.done = false; } } this.handleInput = function(e) { var x = (e.clientX || e.targetTouches[0].clientX); var y = (e.clientY || e.targetTouches[0].clientY); if (this.toLeftButton.contains(x, y)) { this.toLeftGravity(); } else if (this.toUpButton.contains(x, y)) { this.toTopGravity(); } else if (this.toRightButton.contains(x, y)) { this.toRightGravity(); } else if (this.toDownButton.contains(x, y)) { this.toBottomGravity(); } else if (this.backButton.contains(x, y)) { this.mainMenu.toMainMenu(); } else if (this.resetButton.contains(x, y)) { this.playSeed(this.playingSeed, this.seed); } } } function Player(middleX, middleY, width, height, going) { this.middleX = middleX; this.middleY = middleY; this.width = width; this.height = height; this.xSpeed = 0; this.ySpeed = 0; this.moving = true; if (going == "l") { this.lastGravity = { x: -1, y: 0, going: "left", up: "#00FFFF", down: "#FF0000", left: "#00FF00", right: "#0000FF", } } else if (going == "u") { this.lastGravity = { x: 0, y: -1, going: "up", up: "#00FFFF", down: "#FF0000", left: "#00FF00", right: "#0000FF", } } else if (going == "d") { this.lastGravity = { x: 0, y: 1, going: "down", up: "#00FFFF", down: "#FF0000", left: "#00FF00", right: "#0000FF", } } else { this.lastGravity = { x: 1, y: 0, going: "right", up: "#00FFFF", down: "#FF0000", left: "#00FF00", right: "#0000FF", } } this.isMoving = function() { return this.moving; } this.getMiddleX = function() { return this.middleX; } this.getMiddleY = function() { return this.middleY; } this.getWidth = function() { return this.width; } this.getHeight = function() { return this.height; } this.getXSpeed = function() { return this.xSpeed; } this.getYSpeed = function() { return this.ySpeed; } this.setMoving = function(bool) { this.moving = bool; } this.setMiddleX = function(middleX) { this.middleX = middleX; } this.setMiddleY = function(middleY) { this.middleY = middleY; } this.setXSpeed = function(xSpeed) { this.xSpeed = xSpeed; } this.setYSpeed = function(ySpeed) { this.ySpeed = ySpeed; } this.show = function(c) { c.fillStyle = "#999999"; c.fillRect(this.middleX - this.width / 2, this.middleY - this.height / 2, this.width, this.height); if (this.lastGravity.going == "down") { //down c.fillStyle = this.lastGravity.down; c.beginPath(); c.moveTo(this.middleX, this.middleY + this.height / 2); c.lineTo(this.middleX - this.width / 2, this.middleY); c.lineTo(this.middleX - this.width / 5, this.middleY); c.lineTo(this.middleX - this.width / 5, this.middleY - this.height / 2); c.lineTo(this.middleX + this.width / 5, this.middleY - this.height / 2); c.lineTo(this.middleX + this.width / 5, this.middleY); c.lineTo(this.middleX + this.width / 2, this.middleY); c.lineTo(this.middleX, this.middleY + this.height / 2); c.fill(); c.stroke(); } else if (this.lastGravity.going == "up") { //up c.fillStyle = this.lastGravity.up; c.beginPath(); c.moveTo(this.middleX, this.middleY - this.height / 2); c.lineTo(this.middleX - this.width / 2, this.middleY); c.lineTo(this.middleX - this.width / 5, this.middleY); c.lineTo(this.middleX - this.width / 5, this.middleY + this.height / 2); c.lineTo(this.middleX + this.width / 5, this.middleY + this.height / 2); c.lineTo(this.middleX + this.width / 5, this.middleY); c.lineTo(this.middleX + this.width / 2, this.middleY); c.lineTo(this.middleX, this.middleY - this.height / 2); c.fill(); c.stroke(); } else if (this.lastGravity.going == "right") { //right c.fillStyle = this.lastGravity.right; c.beginPath(); c.moveTo(this.middleX + this.width / 2, this.middleY); c.lineTo(this.middleX, this.middleY - this.height / 2); c.lineTo(this.middleX, this.middleY - this.height / 5); c.lineTo(this.middleX - this.width / 2, this.middleY - this.height / 5); c.lineTo(this.middleX - this.width / 2, this.middleY + this.height / 5); c.lineTo(this.middleX, this.middleY + this.height / 5); c.lineTo(this.middleX, this.middleY + this.height / 2); c.lineTo(this.middleX + this.width / 2, this.middleY); c.fill(); c.stroke(); } else if (this.lastGravity.going == "left") { //left c.fillStyle = this.lastGravity.left; c.beginPath(); c.moveTo(this.middleX - this.width / 2, this.middleY); c.lineTo(this.middleX, this.middleY - this.height / 2); c.lineTo(this.middleX, this.middleY - this.height / 5); c.lineTo(this.middleX + this.width / 2, this.middleY - this.height / 5); c.lineTo(this.middleX + this.width / 2, this.middleY + this.height / 5); c.lineTo(this.middleX, this.middleY + this.height / 5); c.lineTo(this.middleX, this.middleY + this.height / 2); c.lineTo(this.middleX - this.width / 2, this.middleY); c.fill(); c.stroke(); } } this.applyGravity = function(gravity) { if (this.moving) { this.xSpeed += gravity.x; this.ySpeed += gravity.y; } else { this.middleX = Math.round((this.middleX - 15) / 30) * 30 + 15; this.middleY = Math.round((this.middleY - 15) / 30) * 30 + 15; } var maxSpeed = 15; if (this.xSpeed < -maxSpeed) { this.xSpeed = -maxSpeed; } else if (this.xSpeed > maxSpeed) { this.xSpeed = maxSpeed; } if (this.ySpeed < -maxSpeed) { this.ySpeed = -maxSpeed; } else if (this.ySpeed > maxSpeed) { this.ySpeed = maxSpeed; } this.lastGravity = gravity; } this.updateOnBodys = function(bodys) { if (!this.moving) { return; } for (var i = 0; i < bodys.length; i++) { if (!bodys[i].isMoving() && this.squaresInsideEachOther(bodys[i].getMiddleX(), bodys[i].getMiddleY(), bodys[i].getWidth(), bodys[i].getHeight(), this.middleX, this.middleY, this.width, this.height)) { this.xSpeed = 0; this.ySpeed = 0; this.moving = false; do { if (this.lastGravity.going == "down") { //down this.middleY -= 1; } else if (this.lastGravity.going == "up") { //up this.middleY += 1; } else if (this.lastGravity.going == "right") { //right this.middleX -= 1; } else { //left this.middleX += 1; } } while (this.squaresInsideEachOther(bodys[i].getMiddleX(), bodys[i].getMiddleY(), bodys[i].getWidth(), bodys[i].getHeight(), this.middleX, this.middleY, this.width, this.height)); if (this.lastGravity.going == "down") { //down this.middleY += 1; } else if (this.lastGravity.going == "up") { //up this.middleY -= 1; } else if (this.lastGravity.going == "right") { //right this.middleX += 1; } else { //left this.middleX -= 1; } return; } } } this.updateOnOneways = function(oneways) { for (var i = 0; i < oneways.length; i++) { if (oneways[i].getBlockingDirection() == this.lastGravity.going) { if (this.lastGravity.going == "down") { //down if (oneways[i].getMiddleY() <= this.middleY) { continue; } if (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)) { this.xSpeed = 0; this.ySpeed = 0; this.moving = false; do { this.middleY -= 1; } while (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)); this.middleY += 1; return; } } else if (this.lastGravity.going == "up") { //up if (oneways[i].getMiddleY() >= this.middleY) { continue; } if (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)) { this.xSpeed = 0; this.ySpeed = 0; this.moving = false; do { this.middleY += 1; } while (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)); this.middleY -= 1; return; } } else if (this.lastGravity.going == "right") { //right if (oneways[i].getMiddleX() <= this.middleX) { continue; } if (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)) { this.xSpeed = 0; this.ySpeed = 0; this.moving = false; do { this.middleX -= 1; } while (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)); this.middleX += 1; return; } } else { //left if (oneways[i].getMiddleX() >= this.middleX) { continue; } if (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)) { this.xSpeed = 0; this.ySpeed = 0; this.moving = false; do { this.middleX += 1; } while (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)); this.middleX -= 1; return; } } } } } this.update = function() { if (!this.moving) { return; } this.middleX += this.xSpeed; this.middleY += this.ySpeed; } this.touchingGoal = function(goal) { if (this.squaresInsideEachOther(goal.getMiddleX(), goal.getMiddleY(), goal.getWidth(), goal.getHeight(), this.middleX, this.middleY, this.width, this.height)) { this.middleX = goal.getMiddleX(); this.middleY = goal.getMiddleY(); this.xSpeed = 0; this.ySpeed = 0; this.moving = false; return true; } return false; } this.touchingCollectable = function(collectable) { //coin / point return this.pointInSquare(collectable.getMiddleX(), collectable.getMiddleY(), this.middleX, this.middleY, this.width, this.height); } this.squaresInsideEachOther = function(middleX1, middleY1, width1, height1, middleX2, middleY2, width2, height2) { return ( this.pointInSquare(middleX1 - width1 / 2, middleY1 - height1 / 2, middleX2, middleY2, width2, height2) || this.pointInSquare(middleX1 - width1 / 2, middleY1 + height1 / 2, middleX2, middleY2, width2, height2) || this.pointInSquare(middleX1 + width1 / 2, middleY1 - height1 / 2, middleX2, middleY2, width2, height2) || this.pointInSquare(middleX1 + width1 / 2, middleY1 + height1 / 2, middleX2, middleY2, width2, height2) || this.pointInSquare(middleX2 - width2 / 2, middleY2 - height2 / 2, middleX1, middleY1, width1, height1) || this.pointInSquare(middleX2 - width2 / 2, middleY2 + height2 / 2, middleX1, middleY1, width1, height1) || this.pointInSquare(middleX2 + width2 / 2, middleY2 - height2 / 2, middleX1, middleY1, width1, height1) || this.pointInSquare(middleX2 + width2 / 2, middleY2 + height2 / 2, middleX1, middleY1, width1, height1) ); } this.pointInSquare = function(x, y, middleX, middleY, width, height) { return (middleX - width / 2 <= x && middleX + width / 2 >= x && middleY - height / 2 <= y && middleY + height / 2 >= y); } } function Goal(middleX, middleY, width, height) { this.middleX = middleX; this.middleY = middleY; this.width = width; this.height = height; this.isMoving = function() { return false; } this.getMiddleX = function() { return this.middleX; } this.getMiddleY = function() { return this.middleY; } this.getWidth = function() { return this.width; } this.getHeight = function() { return this.height; } this.getXSpeed = function() { return 0; } this.getYSpeed = function() { return 0; } this.setMoving = function(bool) { } this.setMiddleX = function(middleX) { this.middleX = middleX; } this.setMiddleY = function(middleY) { this.middleY = middleY; } this.setXSpeed = function(xSpeed) { } this.setYSpeed = function(ySpeed) { } this.show = function(c) { c.fillStyle = "#004250"; c.beginPath(); c.moveTo(this.middleX - this.width / 2 - 3, this.middleY); c.lineTo(this.middleX, this.middleY - this.height / 2 - 3); c.lineTo(this.middleX + this.width / 2 + 3, this.middleY); c.lineTo(this.middleX, this.middleY + this.height / 2 + 3); c.lineTo(this.middleX - this.width / 2 - 3, this.middleY); c.fill(); c.stroke(); } } function Block(middleX, middleY, width, height) { this.middleX = middleX; this.middleY = middleY; this.width = width; this.height = height; this.isMoving = function() { return false; } this.getMiddleX = function() { return this.middleX; } this.getMiddleY = function() { return this.middleY; } this.getWidth = function() { return this.width; } this.getHeight = function() { return this.height; } this.getXSpeed = function() { return 0; } this.getYSpeed = function() { return 0; } this.setMoving = function(bool) { } this.setMiddleX = function(middleX) { this.middleX = middleX; } this.setMiddleY = function(middleY) { this.middleY = middleY; } this.setXSpeed = function(xSpeed) { } this.setYSpeed = function(ySpeed) { } this.show = function(c) { c.fillStyle = "#999999"; c.fillRect(this.middleX - this.width / 2 + 1, this.middleY - this.height / 2 + 1, this.width - 2, this.height - 2); } } function MovableBlock(middleX, middleY, width, height) { this.middleX = middleX; this.middleY = middleY; this.width = width; this.height = height; this.xSpeed = 0; this.ySpeed = 0; this.moving = true; this.lastGravity = { x: 0, y: 1, up: "#00FFFF", down: "#FF0000", left: "#00FF00", right: "#0000FF", } this.isMoving = function() { return this.moving; } this.getMiddleX = function() { return this.middleX; } this.getMiddleY = function() { return this.middleY; } this.getWidth = function() { return this.width; } this.getHeight = function() { return this.height; } this.getXSpeed = function() { return this.xSpeed; } this.getYSpeed = function() { return this.ySpeed; } this.setMoving = function(bool) { this.moving = bool; } this.setMiddleX = function(middleX) { this.middleX = middleX; } this.setMiddleY = function(middleY) { this.middleY = middleY; } this.setXSpeed = function(xSpeed) { this.xSpeed = xSpeed; } this.setYSpeed = function(ySpeed) { this.ySpeed = ySpeed; } this.show = function(c, gravity) { c.fillStyle = "#999999"; c.fillRect(this.middleX - this.width / 2, this.middleY - this.height / 2, this.width, this.height); c.fillStyle = "#323851"; c.beginPath(); c.arc(this.middleX, this.middleY, this.width / 3, 0, 2 * Math.PI); c.fill(); c.stroke(); } this.applyGravity = function(gravity) { if (this.moving) { this.xSpeed += gravity.x; this.ySpeed += gravity.y; } else { this.middleX = Math.round((this.middleX - 15) / 30) * 30 + 15; this.middleY = Math.round((this.middleY - 15) / 30) * 30 + 15; } var maxSpeed = 15; if (this.xSpeed < -maxSpeed) { this.xSpeed = -maxSpeed; } else if (this.xSpeed > maxSpeed) { this.xSpeed = maxSpeed; } if (this.ySpeed < -maxSpeed) { this.ySpeed = -maxSpeed; } else if (this.ySpeed > maxSpeed) { this.ySpeed = maxSpeed; } this.lastGravity = gravity; } this.updateOnBodys = function(bodys) { if (!this.moving) { return; } for (var i = 0; i < bodys.length; i++) { if (!bodys[i].isMoving() && this.squaresInsideEachOther(bodys[i].getMiddleX(), bodys[i].getMiddleY(), bodys[i].getWidth(), bodys[i].getHeight(), this.middleX, this.middleY, this.width, this.height)) { this.xSpeed = 0; this.ySpeed = 0; this.moving = false; do { if (this.lastGravity.going == "down") { //down this.middleY -= 1; } else if (this.lastGravity.going == "up") { //up this.middleY += 1; } else if (this.lastGravity.going == "right") { //right this.middleX -= 1; } else { //left this.middleX += 1; } } while (this.squaresInsideEachOther(bodys[i].getMiddleX(), bodys[i].getMiddleY(), bodys[i].getWidth(), bodys[i].getHeight(), this.middleX, this.middleY, this.width, this.height)); if (this.lastGravity.going == "down") { //down this.middleY += 1; } else if (this.lastGravity.going == "up") { //up this.middleY -= 1; } else if (this.lastGravity.going == "right") { //right this.middleX += 1; } else { //left this.middleX -= 1; } return; } } } this.updateOnOneways = function(oneways) { for (var i = 0; i < oneways.length; i++) { if (oneways[i].getBlockingDirection() == this.lastGravity.going) { if (this.lastGravity.going == "down") { //down if(oneways[i].getMiddleY() <= this.middleY){ continue; } if (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)) { this.xSpeed = 0; this.ySpeed = 0; this.moving = false; do { this.middleY -= 1; } while (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)); this.middleY += 1; return; } } else if (this.lastGravity.going == "up") { //up if (oneways[i].getMiddleY() >= this.middleY) { continue; } if (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)) { this.xSpeed = 0; this.ySpeed = 0; this.moving = false; do { this.middleY += 1; } while (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)); this.middleY -= 1; return; } } else if (this.lastGravity.going == "right") { //right if (oneways[i].getMiddleX() <= this.middleX) { continue; } if (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)) { this.xSpeed = 0; this.ySpeed = 0; this.moving = false; do { this.middleX -= 1; } while (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)); this.middleX += 1; return; } } else { //left if (oneways[i].getMiddleX() >= this.middleX) { continue; } if (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)) { this.xSpeed = 0; this.ySpeed = 0; this.moving = false; do { this.middleX += 1; } while (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)); this.middleX -= 1; return; } } } } } this.update = function() { if (!this.moving) { return; } this.middleX += this.xSpeed; this.middleY += this.ySpeed; } this.squaresInsideEachOther = function(middleX1, middleY1, width1, height1, middleX2, middleY2, width2, height2) { return ( this.pointInSquare(middleX1 - width1 / 2, middleY1 - height1 / 2, middleX2, middleY2, width2, height2) || this.pointInSquare(middleX1 - width1 / 2, middleY1 + height1 / 2, middleX2, middleY2, width2, height2) || this.pointInSquare(middleX1 + width1 / 2, middleY1 - height1 / 2, middleX2, middleY2, width2, height2) || this.pointInSquare(middleX1 + width1 / 2, middleY1 + height1 / 2, middleX2, middleY2, width2, height2) || this.pointInSquare(middleX2 - width2 / 2, middleY2 - height2 / 2, middleX1, middleY1, width1, height1) || this.pointInSquare(middleX2 - width2 / 2, middleY2 + height2 / 2, middleX1, middleY1, width1, height1) || this.pointInSquare(middleX2 + width2 / 2, middleY2 - height2 / 2, middleX1, middleY1, width1, height1) || this.pointInSquare(middleX2 + width2 / 2, middleY2 + height2 / 2, middleX1, middleY1, width1, height1) ); } this.pointInSquare = function(x, y, middleX, middleY, width, height) { return (middleX - width / 2 <= x && middleX + width / 2 >= x && middleY - height / 2 <= y && middleY + height / 2 >= y); } } function PathConstrainedBlock(middleX, middleY, width, height, vertical, constrainedFrom, constrainedTo) { this.middleX = middleX; this.middleY = middleY; this.width = width; this.height = height; this.xSpeed = 0; this.ySpeed = 0; this.moving = true; this.vertical = vertical; //boolean this.constrainedFrom = Math.round((constrainedFrom - 15) / 30) * 30 + 15; this.constrainedTo = Math.round((constrainedTo - 15) / 30) * 30 + 15; this.lastGravity = { x: 0, y: 1, up: "#00FFFF", down: "#FF0000", left: "#00FF00", right: "#0000FF", } this.isMoving = function() { return this.moving; } this.getMiddleX = function() { return this.middleX; } this.getMiddleY = function() { return this.middleY; } this.getWidth = function() { return this.width; } this.getHeight = function() { return this.height; } this.getXSpeed = function() { return this.xSpeed; } this.getYSpeed = function() { return this.ySpeed; } this.isVertical = function() { return this.vertical; } this.isHorizontal = function() { return !this.vertical; } this.getConstrainedFrom = function() { return this.constrainedFrom; } this.getConstrainedTo = function() { return this.constrainedTo; } this.setMoving = function(bool) { this.moving = bool; } this.setMiddleX = function(middleX) { this.middleX = middleX; } this.setMiddleY = function(middleY) { this.middleY = middleY; } this.setXSpeed = function(xSpeed) { this.xSpeed = xSpeed; } this.setYSpeed = function(ySpeed) { this.ySpeed = ySpeed; } this.setVertical = function(bool) { this.vertical = bool; } this.setConstrainedFrom = function(from) { this.constrainedFrom = from; } this.setConstrainedTo = function(to) { this.constrainedTo = to; } this.show = function(c, gravity) { if (this.vertical) { c.beginPath(); c.moveTo(this.constrainedFrom, this.middleY); c.lineTo(this.constrainedTo, this.middleY); c.stroke(); c.fillStyle = "#727891"; c.beginPath(); c.arc(this.constrainedFrom, this.middleY, 3, 0, 2 * Math.PI); c.fill(); c.stroke(); c.fillStyle = "#727891"; c.beginPath(); c.arc(this.constrainedTo, this.middleY, 3, 0, 2 * Math.PI); c.fill(); c.stroke(); } else { c.beginPath(); c.moveTo(this.middleX, this.constrainedFrom); c.lineTo(this.middleX, this.constrainedTo); c.stroke(); c.fillStyle = "#727891"; c.beginPath(); c.arc(this.middleX, this.constrainedFrom, 3, 0, 2 * Math.PI); c.fill(); c.stroke(); c.fillStyle = "#727891"; c.beginPath(); c.arc(this.middleX, this.constrainedTo, 3, 0, 2 * Math.PI); c.fill(); c.stroke(); } c.fillStyle = "#999999"; c.fillRect(this.middleX - this.width / 2, this.middleY - this.height / 2, this.width, this.height); c.fillStyle = "#727891"; c.beginPath(); c.arc(this.middleX, this.middleY, this.width / 3, 0, 2 * Math.PI); c.fill(); c.stroke(); } this.applyGravity = function(gravity) { if (this.vertical) { if (gravity.going == "up" || gravity.going == "down") { this.moving = false; } } else { if (gravity.going == "left" || gravity.going == "right") { this.moving = false; } } if (this.moving) { if (this.vertical) { this.xSpeed += gravity.x; if (this.middleX < this.constrainedFrom) { this.middleX = this.constrainedFrom; this.moving = false; this.xSpeed = 0; } else if (this.middleX > this.constrainedTo) { this.middleX = this.constrainedTo; this.moving = false; this.xSpeed = 0; } } else { this.ySpeed += gravity.y; if (this.middleY < this.constrainedFrom) { this.middleY = this.constrainedFrom; this.moving = false; this.ySpeed = 0; } else if (this.middleY > this.constrainedTo) { this.middleY = this.constrainedTo; this.moving = false; this.ySpeed = 0; } } } else { this.middleX = Math.round((this.middleX - 15) / 30) * 30 + 15; this.middleY = Math.round((this.middleY - 15) / 30) * 30 + 15; } var maxSpeed = 15; if (this.xSpeed < -maxSpeed) { this.xSpeed = -maxSpeed; } else if (this.xSpeed > maxSpeed) { this.xSpeed = maxSpeed; } if (this.ySpeed < -maxSpeed) { this.ySpeed = -maxSpeed; } else if (this.ySpeed > maxSpeed) { this.ySpeed = maxSpeed; } this.lastGravity = gravity; } this.updateOnBodys = function(bodys) { if (!this.moving) { return; } for (var i = 0; i < bodys.length; i++) { if (!bodys[i].isMoving() && this.squaresInsideEachOther(bodys[i].getMiddleX(), bodys[i].getMiddleY(), bodys[i].getWidth(), bodys[i].getHeight(), this.middleX, this.middleY, this.width, this.height)) { this.xSpeed = 0; this.ySpeed = 0; this.moving = false; do { if (this.lastGravity.going == "down") { //down this.middleY -= 1; } else if (this.lastGravity.going == "up") { //up this.middleY += 1; } else if (this.lastGravity.going == "right") { //right this.middleX -= 1; } else { //left this.middleX += 1; } } while (this.squaresInsideEachOther(bodys[i].getMiddleX(), bodys[i].getMiddleY(), bodys[i].getWidth(), bodys[i].getHeight(), this.middleX, this.middleY, this.width, this.height)); if (this.lastGravity.going == "down") { //down this.middleY += 1; } else if (this.lastGravity.going == "up") { //up this.middleY -= 1; } else if (this.lastGravity.going == "right") { //right this.middleX += 1; } else { //left this.middleX -= 1; } return; } } } this.updateOnOneways = function(oneways) { for (var i = 0; i < oneways.length; i++) { if (oneways[i].getBlockingDirection() == this.lastGravity.going) { if (this.lastGravity.going == "down" && !this.vertical) { //down if (oneways[i].getMiddleY() <= this.middleY) { continue; } if (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)) { this.xSpeed = 0; this.ySpeed = 0; this.moving = false; do { this.middleY -= 1; } while (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)); this.middleY += 1; return; } } else if (this.lastGravity.going == "up" && !this.vertical) { //up if (oneways[i].getMiddleY() >= this.middleY) { continue; } if (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)) { this.xSpeed = 0; this.ySpeed = 0; this.moving = false; do { this.middleY += 1; } while (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)); this.middleY -= 1; return; } } else if (this.lastGravity.going == "right" && this.vertical) { //right if (oneways[i].getMiddleX() <= this.middleX) { continue; } if (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)) { this.xSpeed = 0; this.ySpeed = 0; this.moving = false; do { this.middleX -= 1; } while (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)); this.middleX += 1; return; } } else if (this.vertical) { //left if (oneways[i].getMiddleX() >= this.middleX) { continue; } if (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)) { this.xSpeed = 0; this.ySpeed = 0; this.moving = false; do { this.middleX += 1; } while (this.squaresInsideEachOther(oneways[i].getMiddleX(), oneways[i].getMiddleY(), oneways[i].getWidth(), oneways[i].getHeight(), this.middleX, this.middleY, this.width, this.height)); this.middleX -= 1; return; } } } } } this.update = function() { if (!this.moving) { return; } this.middleX += this.xSpeed; this.middleY += this.ySpeed; } this.squaresInsideEachOther = function(middleX1, middleY1, width1, height1, middleX2, middleY2, width2, height2) { return ( this.pointInSquare(middleX1 - width1 / 2, middleY1 - height1 / 2, middleX2, middleY2, width2, height2) || this.pointInSquare(middleX1 - width1 / 2, middleY1 + height1 / 2, middleX2, middleY2, width2, height2) || this.pointInSquare(middleX1 + width1 / 2, middleY1 - height1 / 2, middleX2, middleY2, width2, height2) || this.pointInSquare(middleX1 + width1 / 2, middleY1 + height1 / 2, middleX2, middleY2, width2, height2) || this.pointInSquare(middleX2 - width2 / 2, middleY2 - height2 / 2, middleX1, middleY1, width1, height1) || this.pointInSquare(middleX2 - width2 / 2, middleY2 + height2 / 2, middleX1, middleY1, width1, height1) || this.pointInSquare(middleX2 + width2 / 2, middleY2 - height2 / 2, middleX1, middleY1, width1, height1) || this.pointInSquare(middleX2 + width2 / 2, middleY2 + height2 / 2, middleX1, middleY1, width1, height1) ); } this.pointInSquare = function(x, y, middleX, middleY, width, height) { return (middleX - width / 2 <= x && middleX + width / 2 >= x && middleY - height / 2 <= y && middleY + height / 2 >= y); } } function OneWayGate(middleX, middleY, width, height, blockingDirection) { this.middleX = middleX; this.middleY = middleY; this.width = width; this.height = height; if (blockingDirection == "l") { this.blockingDirection = "left"; } else if (blockingDirection == "u") { this.blockingDirection = "up"; } else if (blockingDirection == "d") { this.blockingDirection = "down"; } else { this.blockingDirection = "right"; } this.isMoving = function() { return false; } this.getMiddleX = function() { return this.middleX; } this.getMiddleY = function() { return this.middleY; } this.getWidth = function() { return this.width; } this.getHeight = function() { return this.height; } this.getXSpeed = function() { return 0; } this.getYSpeed = function() { return 0; } this.getBlockingDirection = function() { return this.blockingDirection; } this.setMoving = function(bool) { } this.setMiddleX = function(middleX) { this.middleX = middleX; } this.setMiddleY = function(middleY) { this.middleY = middleY; } this.setXSpeed = function(xSpeed) { } this.setYSpeed = function(ySpeed) { } this.setBlockingDirection = function(blockingDirection) { this.blockingDirection = blockingDirection; } this.show = function(c) { if (this.blockingDirection == "left") { c.beginPath(); //wall c.moveTo(this.middleX + this.width / 2, this.middleY - this.height / 2); c.lineTo(this.middleX + this.width / 2, this.middleY + this.height / 2); c.stroke(); c.beginPath(); //arrow c.moveTo(this.middleX + this.width / 3, this.middleY); c.lineTo(this.middleX + this.width / 6, this.middleY + this.height / 6); c.stroke(); c.beginPath(); c.moveTo(this.middleX + this.width / 3, this.middleY); c.lineTo(this.middleX + this.width / 6, this.middleY - this.height / 6); c.stroke(); c.beginPath(); c.moveTo(this.middleX + this.width / 3, this.middleY); c.lineTo(this.middleX - this.width / 3, this.middleY); c.stroke(); } else if (this.blockingDirection == "up") { c.beginPath(); //wall c.moveTo(this.middleX - this.width / 2, this.middleY + this.height / 2); c.lineTo(this.middleX + this.width / 2, this.middleY + this.height / 2); c.stroke(); c.beginPath(); //arrow c.moveTo(this.middleX, this.middleY + this.height/3); c.lineTo(this.middleX + this.width / 6, this.middleY + this.height / 6); c.stroke(); c.beginPath(); c.moveTo(this.middleX, this.middleY + this.height/3); c.lineTo(this.middleX - this.width / 6, this.middleY + this.height / 6); c.stroke(); c.beginPath(); c.moveTo(this.middleX, this.middleY + this.height/3); c.lineTo(this.middleX, this.middleY - this.height/3); c.stroke(); } else if (this.blockingDirection == "down") { c.beginPath(); //wall c.moveTo(this.middleX - this.width / 2, this.middleY - this.height / 2); c.lineTo(this.middleX + this.width / 2, this.middleY - this.height / 2); c.stroke(); c.beginPath(); //arrow c.moveTo(this.middleX, this.middleY - this.height/3); c.lineTo(this.middleX + this.width / 6, this.middleY - this.height / 6); c.stroke(); c.beginPath(); c.moveTo(this.middleX, this.middleY - this.height/3); c.lineTo(this.middleX - this.width / 6, this.middleY - this.height / 6); c.stroke(); c.beginPath(); c.moveTo(this.middleX, this.middleY - this.height/3); c.lineTo(this.middleX, this.middleY + this.height/3); c.stroke(); } else { c.beginPath(); //wall c.moveTo(this.middleX - this.width / 2, this.middleY - this.height / 2); c.lineTo(this.middleX - this.width / 2, this.middleY + this.height / 2); c.stroke(); c.beginPath(); //arrow c.moveTo(this.middleX - this.width / 3, this.middleY); c.lineTo(this.middleX - this.width / 6, this.middleY + this.height / 6); c.stroke(); c.beginPath(); c.moveTo(this.middleX - this.width / 3, this.middleY); c.lineTo(this.middleX - this.width / 6, this.middleY - this.height / 6); c.stroke(); c.beginPath(); c.moveTo(this.middleX - this.width / 3, this.middleY); c.lineTo(this.middleX + this.width / 3, this.middleY); c.stroke(); } } } function Point(middleX, middleY) { this.middleX = middleX; this.middleY = middleY; this.radius = 2; this.getMiddleX = function() { return this.middleX; } this.getMiddleY = function() { return this.middleY; } this.show = function(c) { c.fillStyle = "#00BFBF"; c.beginPath(); c.arc(this.middleX, this.middleY, this.radius, 0, 2 * Math.PI); c.fill(); } } function Coin(middleX, middleY) { this.middleX = middleX; this.middleY = middleY; this.radius = 10; this.getMiddleX = function() { return this.middleX; } this.getMiddleY = function() { return this.middleY; } this.show = function(c) { c.fillStyle = "#FED500"; c.beginPath(); c.arc(this.middleX, this.middleY, this.radius, 0, 2 * Math.PI); c.fill(); } }

Gravity Puzzle || game v3