var can; var c; var menu; document.addEventListener("touchstart", function(e) { menu.handleClick(e); }); document.addEventListener("mousedown", function(e) { menu.handleClick(e); }); window.onload = function() { can = document.getElementById("c"); can.width = window.innerWidth; can.height = window.innerHeight; menu = new Menu(can); animate(); } function animate() { menu.run(); requestAnimationFrame(animate); } function Menu(can) { this.can = can; this.c = can.getContext("2d"); this.seeds = [ "g{-12,-46,244;188,-193,69;154,146,52}G{136,-39,100,100}p{-66,-36,25}a{90,11,0;90,18,0}", "g{-156,-108,212;24,-242,121;198,-290,45;277,-381,121;248,-46,30;283,-55,45}G{278,-393,110,110}p{-146,-107,25}a{120,16,0;120,18,0}", "g{-200,-121,139;-66,-172,79;112,-137,60;226,-257,69;349,-211,52;381,-121,91;161,-288,39}G{383,-118,100,100}p{-201,-134,25}a{105,11,0;105,15,0;105,10,0}", "g{88,-168,121;162,-108,69;280,-312,60;389,-444,79;467,-447,30;548,-314,60;603,-147,60}G{567,-115,90,90}p{87,-171,25}a{75,14,1;120,14,0}", "g{0,0,200;0,-200,100;150,150,100;400,400,200}G{650,650,100,100}p{0,0,25}a{100,15,1;100,15,0;50,10,0}", "g{0,0,150;-130,50,50;250,-140,100;400,100,100;500,-110,100;650,170,100}G{800,0,100,100}p{0,0,25}a{80,15,0;100,15,0;100,15,0}", "g{217,169,91;324,358,69;162,468,52;199,60,69}G{43,414,70,70}p{233,153,25}a{104,17,0;113,13,1;86,16,0}", "g{198,174,105;66,351,60;193,418,52;122,512,45;54,210,105;101,133,52}G{330,461,90,90}p{262,278,25}a{126,18,0;61,10,0}", "g{479,-11,69;752,75,121;650,-144,69;678,-63,79;761,-53,184;183,-223,105;86,-190,69;253,-21,45;342,122,52}G{135,-200,60,60}p{851,-126,25}a{62,19,0;97,18,0;175,17,1}", "g{1140,194,139;1182,341,60;926,90,45;774,131,69;607,52,60;440,94,52;295,47,45;284,139,79;164,294,45;276,408,60;163,185,30;432,465,60;604,-94,52;127,409,52;526,422,39}G{479,322,70,70}p{1163,262,25}a{75,14,0;60,10,0}", "g{-58,-194,45;233,-139,45;29,-111,39;103,-192,45;-228,-122,69;-165,-113,30;-254,-235,69;-398,-126,184;-466,59,45;366,-318,105;475,-301,34;619,-198,69;672,-235,45;740,-374,45;823,-284,39;802,-256,30;694,-522,30;697,-566,52;765,-611,60;708,-625,30;819,-619,30;497,-213,30;781,-384,30}G{740,-549,70,70}p{-229,-91,25}a{150,18,1;75,13,0;75,19,0;75,17,0}", "g{-7,-105,45;36,-100,30;94,41,39;271,-6,52;269,43,30;173,158,39;146,325,30;183,329,45}G{12,340,80,80}p{0,0,25}a{90,14,1;90,15,0}", "g{-6,-96,105;82,-82,60;209,-52,39;332,-111,34;402,4,45;515,-117,34;483,-111,45;596,-225,39;710,-159,45;722,-112,30}G{839,-113,80,80}p{0,-8,25}a{90,13,1;90,15,0;90,15,0;90,18,1}", "g{-6,-4,371}G{0,0,30,30}p{0,0,25}a{150,14,0;150,19,0;150,13,0;150,17,0;150,15,0;150,16,0;150,13,0;150,10,0}" ]; this.seedButtons = []; this.buttonsInRow = 5; //should be odd var buttonWidth = 50; for (var i = 0; i < this.seeds.length; i++) { this.seedButtons.push(new Button(Math.ceil(i % this.buttonsInRow - this.buttonsInRow / 2) * (buttonWidth + 10) + can.width / 2, Math.floor(i / this.buttonsInRow) * (buttonWidth + 10) + can.height / 3, buttonWidth, buttonWidth, "rgba(0, 0, 0, 0.5)")); } this.returnButton = new Button(can.width / 2, can.height / 5, 200, 40, "rgba(0, 0, 0, 0.5)"); this.game = new Game(this); this.game.setSeed(this.seeds[0], 0); this.game.unpackSeed(); this.playerRotationSpeed = Math.PI/72; this.lowSpeed = function(){ this.playerRotationSpeed = Math.PI/108; } this.averageSpeed = function(){ this.playerRotationSpeed = Math.PI/72; } this.highSpeed = function(){ this.playerRotationSpeed = Math.PI/54; } this.scoreList = []; this.levelBuilder = new LevelBuilder(this); this.menuStates = { inMainMenu: 0, inSelectLevel: 1, inGame: 2, inLevelBuild: 3, inDifficultySetting: 4, } this.menuState = this.menuStates.inMainMenu; this.toMainMenu = function() { this.menuState = this.menuStates.inMainMenu; } this.toSelectLevel = function() { this.menuState = this.menuStates.inSelectLevel; } this.toGame = function() { this.menuState = this.menuStates.inGame; } this.toLevelBuild = function() { this.menuState = this.menuStates.inLevelBuild; } this.toDifficultySetting = function(){ this.menuState = this.menuStates.inDifficultySetting; } this.inMainMenu = function() { return this.menuState == this.menuStates.inMainMenu; } this.inSelectLevel = function() { return this.menuState == this.menuStates.inSelectLevel; } this.inGame = function() { return this.menuState == this.menuStates.inGame; } this.inLevelBuild = function() { return this.menuState == this.menuStates.inLevelBuild; } this.inDifficultySetting = function(){ return this.menuState == this.menuStates.inDifficultySetting; } this.startGameButton = new Button(can.width / 2, can.height / 2, 200, 40, "rgba(0, 0, 0, 0.5)"); this.playSeedButton = new Button(can.width / 2, can.height / 2 + 60, 200, 40, "rgba(0, 0, 0, 0.5)"); this.levelBuildButton = new Button(can.width / 2, can.height / 2 + 120, 200, 40, "rgba(0, 0, 0, 0.5)"); this.changeDifficultyButton = new Button(can.width / 2, can.height / 2 + 180, 200, 40, "rgba(0, 0, 0, 0.5)"); this.lowDifficultyButton = new Button(can.width / 2, can.height / 3, 200, 40, "rgba(0, 0, 0, 0.5)"); this.averageDifficultyButton = new Button(can.width / 2, can.height / 3 + 50, 200, 40, "rgba(0, 0, 0, 0.5)"); this.highDifficultyButton = new Button(can.width / 2, can.height / 3 + 100, 200, 40, "rgba(0, 0, 0, 0.5)"); this.decorTiles = [ new GroundTile(can.width / 2 + 20, can.height / 2, 100), new GroundTile(can.width / 2 + 110, can.height / 2 + 40, 30), new GroundTile(can.width / 2 - 270, can.height / 2 + 120, 150), ]; this.run = function() { if (this.inMainMenu()) { this.c.fillStyle = "#0099FF"; this.c.fillRect(0, 0, can.width, can.height); this.c.fillStyle = "rgba(255, 255, 255, 0.5)"; this.c.font = "45px arial"; this.c.textAlign = "center"; this.c.textBaseline = "middle"; this.c.fillText("rotate to the end", can.width/2, can.height/5); for (var i = 0; i < this.decorTiles.length; i++) { this.decorTiles[i].showShadow(this.c, 0, 0); } for (var i = 0; i < this.decorTiles.length; i++) { this.decorTiles[i].show(this.c, 0, 0); } this.startGameButton.show(this.c); this.c.fillStyle = "rgba(255, 255, 255, 0.5)"; this.c.font = "25px arial"; this.c.textAlign = "center"; this.c.textBaseline = "middle"; this.c.fillText("play", this.startGameButton.middleX, this.startGameButton.middleY); this.playSeedButton.show(this.c); this.c.fillStyle = "rgba(255, 255, 255, 0.5)"; this.c.font = "25px arial"; this.c.textAlign = "center"; this.c.textBaseline = "middle"; this.c.fillText("play seed", this.playSeedButton.middleX, this.playSeedButton.middleY); this.levelBuildButton.show(this.c); this.c.fillStyle = "rgba(255, 255, 255, 0.5)"; this.c.font = "25px arial"; this.c.textAlign = "center"; this.c.textBaseline = "middle"; this.c.fillText("build level", this.levelBuildButton.middleX, this.levelBuildButton.middleY); this.changeDifficultyButton.show(this.c); this.c.fillStyle = "rgba(255, 255, 255, 0.5)"; this.c.font = "25px arial"; this.c.textAlign = "center"; this.c.textBaseline = "middle"; this.c.fillText("difficulty", this.changeDifficultyButton.middleX, this.changeDifficultyButton.middleY); } else if (this.inSelectLevel()) { this.c.fillStyle = "#0099FF"; this.c.fillRect(0, 0, can.width, can.height); this.returnButton.show(this.c); this.c.fillStyle = "rgba(255, 255, 255, 0.5)"; this.c.font = "25px arial"; this.c.textAlign = "center"; this.c.textBaseline = "middle"; this.c.fillText("to Main Menu", this.returnButton.middleX, this.returnButton.middleY); for (var i = 0; i < this.decorTiles.length; i++) { this.decorTiles[i].showShadow(this.c, 0, 0); } for (var i = 0; i < this.decorTiles.length; i++) { this.decorTiles[i].show(this.c, 0, 0); } this.c.fillStyle = "rgba(255, 255, 255, 0.75)"; this.c.font = "25px arial"; this.c.textAlign = "center"; this.c.textBaseline = "middle"; this.c.fillText("select a level", can.width / 2, can.height / 10); for (var i = 0; i < this.seedButtons.length; i++) { this.seedButtons[i].show(this.c); this.c.fillStyle = "rgba(255, 255, 255, 0.5)"; this.c.font = "20px arial"; this.c.textAlign = "center"; this.c.textBaseline = "middle"; try { this.c.fillText(i, this.seedButtons[i].middleX, this.seedButtons[i].middleY - this.seedButtons[i].height / 6); var index = -1; for (var j = 0; j < this.scoreList.length; j++) { if (this.scoreList[j].seedName == i) { index = j; break; } } this.c.fillText((this.scoreList[index].score / 60).toFixed(2), this.seedButtons[i].middleX, this.seedButtons[i].middleY + this.seedButtons[i].height / 6); } catch (Exception) { this.c.fillText("none", this.seedButtons[i].middleX, this.seedButtons[i].middleY + this.seedButtons[i].height / 6); } } } else if (this.inGame()) { this.game.setSpeed(this.playerRotationSpeed); this.game.renderAll(this.c); this.game.updateAll(); } else if (this.inLevelBuild()) { this.levelBuilder.renderAll(this.c); } else if (this.inDifficultySetting()){ this.c.fillStyle = "#0099FF"; this.c.fillRect(0, 0, can.width, can.height); this.returnButton.show(this.c); this.c.fillStyle = "rgba(255, 255, 255, 0.5)"; this.c.font = "25px arial"; this.c.textAlign = "center"; this.c.textBaseline = "middle"; this.c.fillText("to Main Menu", this.returnButton.middleX, this.returnButton.middleY); for (var i = 0; i < this.decorTiles.length; i++) { this.decorTiles[i].showShadow(this.c, 0, 0); } for (var i = 0; i < this.decorTiles.length; i++) { this.decorTiles[i].show(this.c, 0, 0); } this.c.fillStyle = "rgba(255, 255, 255, 0.75)"; this.c.font = "25px arial"; this.c.textAlign = "center"; this.c.textBaseline = "middle"; this.c.fillText("change the rotation speed", can.width / 2, can.height / 10); this.lowDifficultyButton.show(this.c); this.c.fillStyle = "rgba(255, 255, 255, 0.5)"; this.c.font = "25px arial"; this.c.textAlign = "center"; this.c.textBaseline = "middle"; this.c.fillText("slow", this.lowDifficultyButton.middleX, this.lowDifficultyButton.middleY); this.averageDifficultyButton.show(this.c); this.c.fillStyle = "rgba(255, 255, 255, 0.5)"; this.c.font = "25px arial"; this.c.textAlign = "center"; this.c.textBaseline = "middle"; this.c.fillText("normal", this.averageDifficultyButton.middleX, this.averageDifficultyButton.middleY); this.highDifficultyButton.show(this.c); this.c.fillStyle = "rgba(255, 255, 255, 0.5)"; this.c.font = "25px arial"; this.c.textAlign = "center"; this.c.textBaseline = "middle"; this.c.fillText("fast", this.highDifficultyButton.middleX, this.highDifficultyButton.middleY); var h; if(this.playerRotationSpeed >= Math.PI/54){ h = can.height / 3 + 100; } else if(this.playerRotationSpeed >= Math.PI/72){ h = can.height / 3 + 50; } else if(this.playerRotationSpeed >= Math.PI/108){ h = can.height / 3; } this.c.fillStyle = "rgba(0, 255, 0, 0.5)"; this.c.beginPath(); this.c.arc(can.width / 2 - 80, h, 3, 0, 2 * Math.PI); this.c.fill(); } } this.handleClick = function(e) { var x = (e.clientX || e.targetTouches[0].clientX); var y = (e.clientY || e.targetTouches[0].clientY); if (this.inMainMenu()) { if (this.startGameButton.contains(x, y)) { this.toSelectLevel(); } else if (this.playSeedButton.contains(x, y)) { try { var seed = window.prompt("input a valid seed"); if (seed == null) { return; } seed = "" + seed; if (seed.length < 1) { alert("invalid seed!"); return; } this.game.setSeed(seed, -1); this.game.unpackSeed(); this.toGame(); this.game.toGame(); } catch (Exception) { alert("invalid seed!"); this.toMainMenu(); } } else if (this.levelBuildButton.contains(x, y)) { this.toLevelBuild(); } else if (this.changeDifficultyButton.contains(x, y)){ this.toDifficultySetting(); } } else if (this.inSelectLevel()) { for (var i = 0; i < this.seedButtons.length; i++) { if (this.seedButtons[i].contains(x, y)) { this.game.setSeed(this.seeds[i], i); this.game.unpackSeed(); this.toGame(); break; } } if (this.returnButton.contains(x, y)) { this.toMainMenu(); } } else if (this.inDifficultySetting()){ if(this.lowDifficultyButton.contains(x, y)){ this.lowSpeed(); this.toMainMenu(); }else if(this.averageDifficultyButton.contains(x, y)){ this.averageSpeed(); this.toMainMenu(); }else if(this.highDifficultyButton.contains(x, y)){ this.highSpeed(); this.toMainMenu(); } if (this.returnButton.contains(x, y)) { this.toMainMenu(); } } else if (this.inLevelBuild()) { this.levelBuilder.handleClick(e); } else if (this.game.inWon()) { var index; for (var i = 0; i < this.scoreList.length; i++) { if (this.scoreList[i].seedName == this.game.seedName) { index = i; break; } } if (index == null) { this.scoreList.push({ name: window.prompt("input a nickname"), seedName: this.game.getSeedName(), score: this.game.getTime() }); } else if (this.scoreList[index].seedName == this.game.getSeedName() && this.scoreList[index].score > this.game.getTime()) { this.scoreList[index] = { name: window.prompt("input a nickname"), seedName: this.game.getSeedName(), score: this.game.getTime() }; } this.game.handleClick(e); if (this.game.inWon()) { var index = (this.game.getSeedIndex() + 1) % this.seeds.length; this.game.setSeed(this.seeds[index], index); this.game.unpackSeed(); } } else { this.game.handleClick(e); } } this.getScoreList = function() { return this.scoreList; } } function LevelBuilder(menu) { this.offsetX = can.width / 2; this.offsetY = can.height / 2; this.menu = menu; this.seed = "seed"; this.groundTiles = []; this.goalTile = new FinishGroundTile(0, 0, 30, 30); this.player = new Player(0, 0, 25); this.selectPlacingMenu = false; this.selectPlacingMenuButton = new Button(can.width - 30, 30, 60, 60, "rgba(0, 0, 0, 0.5)"); this.placables = { ground: 0, player: 1, goal: 2, decrease: 3, setOffset: 4 } this.placing = this.placables.ground; this.placingGround = function() { return this.placing == this.placables.ground; } this.placingPlayer = function() { return this.placing == this.placables.player; } this.placingGoal = function() { return this.placing == this.placables.goal; } this.placingDecrease = function() { return this.placing == this.placables.decrease; } this.placingOffset = function() { return this.placing == this.placables.setOffset; } this.toPlacingGround = function() { this.placing = this.placables.ground; } this.toPlacingPlayer = function() { this.placing = this.placables.player; } this.toPlacingGoal = function() { this.placing = this.placables.goal; } this.toPlacingDecrease = function() { this.placing = this.placables.decrease; } this.toPlacingOffset = function() { this.placing = this.placables.setOffset; } this.howToLevelButton = new Button(can.width / 2, can.height / 2 - 200, 200, 40, "rgba(255, 255, 255, 0.5)"); this.placeGroundButton = new Button(can.width / 2, can.height / 2 - 150, 200, 40, "rgba(0, 0, 0, 0.5)"); this.placePlayerButton = new Button(can.width / 2, can.height / 2 - 100, 200, 40, "rgba(0, 0, 0, 0.5)"); this.placeGoalButton = new Button(can.width / 2, can.height / 2 - 50, 200, 40, "rgba(0, 0, 0, 0.5)"); this.placeDeleteButton = new Button(can.width / 2, can.height / 2, 200, 40, "rgba(0, 0, 0, 0.5)"); this.placeSetOffsetButton = new Button(can.width / 2, can.height / 2 + 50, 200, 40, "rgba(0, 0, 0, 0.5)"); this.saveSeedButton = new Button(can.width / 2, can.height / 2 + 100, 200, 40, "rgba(255, 255, 255, 0.5)"); this.loadSeedButton = new Button(can.width / 2, can.height / 2 + 150, 200, 40, "rgba(255, 255, 255, 0.5)"); this.returnButton = new Button(can.width / 2, can.height / 2 + 200, 200, 40, "rgba(0, 0, 0, 0.5)"); this.saveSeed = function() { this.seed = ""; if (this.groundTiles.length == 0) { alert("there is no ground for the player to stand on! Use the place ground tool to place some."); return; } if (this.player.arms.length < 2) { alert("the player has less than the needed amount of arms(>=2)! Add arms by clicking on the player with the place player tool."); return; } this.seed += "g{"; for (var i = 0; i < this.groundTiles.length; i++) { this.seed += parseInt(this.groundTiles[i].middleX) + "," + parseInt(this.groundTiles[i].middleY) + "," + parseInt(this.groundTiles[i].radius); if (i != this.groundTiles.length - 1) { this.seed += ";"; } } this.seed += "}"; this.seed += "G{" + parseInt(this.goalTile.middleX) + "," + parseInt(this.goalTile.middleY) + "," + parseInt(this.goalTile.width) + "," + parseInt(this.goalTile.height) + "}"; this.seed += "p{" + parseInt(this.player.middleX) + "," + parseInt(this.player.middleY) + "," + parseInt(this.player.radius) + "}"; this.seed += "a{"; for (var i = 0; i < this.player.arms.length; i++) { if(this.player.arms[i].isClockwise()){ this.seed += parseInt(this.player.arms[i].length) + "," + parseInt(this.player.arms[i].radius) + ",1"; }else{ this.seed += parseInt(this.player.arms[i].length) + "," + parseInt(this.player.arms[i].radius) + ",0"; } if (i != this.player.arms.length - 1) { this.seed += ";"; } } this.seed += "}"; window.prompt("copy this seed and put it in the popup-menu in which apears in the main-menu when clicking on \"play seed\", you may submit your level if you want", this.seed); } this.loadSeed = function(seed) { this.seed = seed; this.groundTiles = []; var startIndex = null; var endIndex = null; for (var i = 2; i < this.seed.length; i++) { if (startIndex == null) { if (this.seed[i - 2] == "g" && this.seed[i - 1] == "{") { startIndex = i; } } else if (endIndex == null) { if (this.seed[i] == "}") { endIndex = i; break; } } } var middleX = ""; var middleY = ""; var radius = ""; var addTo = 0; for (var i = startIndex; i < endIndex; i++) { if (this.seed[i] == ",") { addTo++; } else if (this.seed[i] == ";") { addTo = 0; this.groundTiles.push(new GroundTile(parseInt(middleX), parseInt(middleY), parseInt(radius))); middleX = ""; middleY = ""; radius = ""; } else { if (addTo == 0) { middleX += this.seed[i]; } else if (addTo == 1) { middleY += this.seed[i]; } else { radius += this.seed[i]; } } } this.groundTiles.push(new GroundTile(parseInt(middleX), parseInt(middleY), parseInt(radius))); var startIndex = null; var endIndex = null; for (var i = 2; i < this.seed.length; i++) { if (startIndex == null) { if (this.seed[i - 2] == "G" && this.seed[i - 1] == "{") { startIndex = i; } } else if (endIndex == null) { if (this.seed[i] == "}") { endIndex = i; break; } } } var middleX = ""; var middleY = ""; var width = ""; var height = ""; var addTo = 0; for (var i = startIndex; i < endIndex; i++) { if (this.seed[i] == ",") { addTo++; } else { if (addTo == 0) { middleX += this.seed[i]; } else if (addTo == 1) { middleY += this.seed[i]; } else if (addTo == 2) { width += this.seed[i]; } else { height += this.seed[i]; } } } this.goalTile = new FinishGroundTile(parseInt(middleX), parseInt(middleY), parseInt(width), parseInt(height)); var startIndex = null; var endIndex = null; for (var i = 2; i < this.seed.length; i++) { if (startIndex == null) { if (this.seed[i - 2] == "p" && this.seed[i - 1] == "{") { startIndex = i; } } else if (endIndex == null) { if (this.seed[i] == "}") { endIndex = i; break; } } } var middleX = ""; var middleY = ""; var radius = ""; var addTo = 0; for (var i = startIndex; i < endIndex; i++) { if (this.seed[i] == ",") { addTo++; } else { if (addTo == 0) { middleX += this.seed[i]; } else if (addTo == 1) { middleY += this.seed[i]; } else { radius += this.seed[i]; } } } this.player = new Player(parseInt(middleX), parseInt(middleY), parseInt(radius)); var startIndex = null; var endIndex = null; for (var i = 2; i < this.seed.length; i++) { if (startIndex == null) { if (this.seed[i - 2] == "a" && this.seed[i - 1] == "{") { startIndex = i; } } else if (endIndex == null) { if (this.seed[i] == "}") { endIndex = i; break; } } } var length = ""; var radius = ""; var clockwise = ""; var addTo = 0; for (var i = startIndex; i < endIndex; i++) { if (this.seed[i] == ",") { addTo++; } else if (this.seed[i] == ";") { addTo = 0; this.player.addArm(parseInt(length), parseInt(radius), (parseInt(clockwise) == 1)); length = ""; radius = ""; clockwise = ""; } else { if (addTo == 0) { length += this.seed[i]; } else if(addTo == 1){ radius += this.seed[i]; } else{ clockwise += this.seed[i]; } } } this.player.addArm(parseInt(length), parseInt(radius), (parseInt(clockwise) == 1)); for (var i = 0; i < this.player.getArmsAmount(); i++) { this.player.nextArm(); } } this.renderAll = function(c) { c.fillStyle = "#0099FF"; c.fillRect(0, 0, can.width, can.height); this.goalTile.showShadow(c, this.offsetX, this.offsetY); for (var i = 0; i < this.groundTiles.length; i++) { this.groundTiles[i].showShadow(c, this.offsetX, this.offsetY); } for (var i = 0; i < this.groundTiles.length; i++) { this.groundTiles[i].show(c, this.offsetX, this.offsetY); } this.goalTile.show(c, this.offsetX, this.offsetY); this.player.showStatic(c, this.offsetX, this.offsetY); this.selectPlacingMenuButton.show(c); c.fillStyle = "rgba(255, 255, 255, 0.5)"; c.font = "25px arial"; c.textAlign = "center"; c.textBaseline = "middle"; c.fillText("edit", this.selectPlacingMenuButton.middleX, this.selectPlacingMenuButton.middleY); if (this.selectPlacingMenu) { c.fillStyle = "rgba(0, 0, 0, 0.5)"; c.fillRect(0, 0, can.width, can.height); this.howToLevelButton.show(c); c.fillStyle = "rgba(255, 255, 255, 0.5)"; c.font = "25px arial"; c.textAlign = "center"; c.textBaseline = "middle"; c.fillText("how to build", this.howToLevelButton.middleX, this.howToLevelButton.middleY); this.placeGroundButton.show(c); c.fillStyle = "rgba(255, 255, 255, 0.5)"; c.font = "25px arial"; c.textAlign = "center"; c.textBaseline = "middle"; c.fillText("place ground", this.placeGroundButton.middleX, this.placeGroundButton.middleY); this.placePlayerButton.show(c); c.fillStyle = "rgba(255, 255, 255, 0.5)"; c.font = "25px arial"; c.textAlign = "center"; c.textBaseline = "middle"; c.fillText("place player", this.placePlayerButton.middleX, this.placePlayerButton.middleY); this.placeGoalButton.show(c); c.fillStyle = "rgba(255, 255, 255, 0.5)"; c.font = "25px arial"; c.textAlign = "center"; c.textBaseline = "middle"; c.fillText("place goal", this.placeGoalButton.middleX, this.placeGoalButton.middleY); this.placeDeleteButton.show(c); c.fillStyle = "rgba(255, 255, 255, 0.5)"; c.font = "25px arial"; c.textAlign = "center"; c.textBaseline = "middle"; c.fillText("decrease", this.placeDeleteButton.middleX, this.placeDeleteButton.middleY); this.placeSetOffsetButton.show(c); c.fillStyle = "rgba(255, 255, 255, 0.5)"; c.font = "25px arial"; c.textAlign = "center"; c.textBaseline = "middle"; c.fillText("navigate", this.placeSetOffsetButton.middleX, this.placeSetOffsetButton.middleY); this.saveSeedButton.show(c); c.fillStyle = "rgba(255, 255, 255, 0.5)"; c.font = "25px arial"; c.textAlign = "center"; c.textBaseline = "middle"; c.fillText("get Seed", this.saveSeedButton.middleX, this.saveSeedButton.middleY); this.loadSeedButton.show(c); c.fillStyle = "rgba(255, 255, 255, 0.5)"; c.font = "25px arial"; c.textAlign = "center"; c.textBaseline = "middle"; c.fillText("load Seed", this.loadSeedButton.middleX, this.loadSeedButton.middleY); this.returnButton.show(c); c.fillStyle = "rgba(255, 255, 255, 0.5)"; c.font = "25px arial"; c.textAlign = "center"; c.textBaseline = "middle"; c.fillText("to main menu", this.returnButton.middleX, this.returnButton.middleY); var h = 0; if (this.placing == this.placables.ground) { h = can.height / 2 - 150; } else if (this.placing == this.placables.player) { h = can.height / 2 - 100; } else if (this.placing == this.placables.goal) { h = can.height / 2 - 50; } else if (this.placing == this.placables.decrease) { h = can.height / 2 + 0; } else if (this.placing == this.placables.setOffset) { h = can.height / 2 + 50; } c.fillStyle = "rgba(0, 255, 0, 0.5)"; c.beginPath(); c.arc(can.width / 2 - 80, h, 3, 0, 2 * Math.PI); c.fill(); } } this.handleClick = function(e) { var x = (e.clientX || e.targetTouches[0].clientX); var y = (e.clientY || e.targetTouches[0].clientY); if (this.selectPlacingMenu) { if (this.placeGroundButton.contains(x, y)) { this.toPlacingGround(); this.selectPlacingMenu = false; } else if (this.placePlayerButton.contains(x, y)) { this.toPlacingPlayer(); this.selectPlacingMenu = false; } else if (this.placeGoalButton.contains(x, y)) { this.toPlacingGoal(); this.selectPlacingMenu = false; } else if (this.placeDeleteButton.contains(x, y)) { this.toPlacingDecrease(); this.selectPlacingMenu = false; } else if (this.placeSetOffsetButton.contains(x, y)) { this.toPlacingOffset(); this.selectPlacingMenu = false; } else if (this.saveSeedButton.contains(x, y)) { this.saveSeed(); } else if (this.returnButton.contains(x, y)) { this.menu.toMainMenu(); } else if (this.howToLevelButton.contains(x, y)) { alert("By clicking you can place what you have selected. clicks on placed things increases size or adds arms. The decrease tool decreases size and deletes.The navigate tool sets the offset of all objects. Change the rotation direction with the placeplayer tool."); } else if (this.loadSeedButton.contains(x, y)) { var seed = "" + window.prompt("input a seed."); if (seed != null && seed.length != 0) { this.loadSeed(seed); } } } else { if (this.selectPlacingMenuButton.contains(x, y)) { this.selectPlacingMenu = true; return; } if (this.placingGround()) { var index; for (var i = 0; i < this.groundTiles.length; i++) { if (this.groundTiles[i].pointOnTile(x - this.offsetX, y - this.offsetY)) { index = i; break; } } if (index == null) { this.groundTiles.push(new GroundTile(x - this.offsetX, y - this.offsetY, 30)); } else { this.groundTiles[i].radius *= 1.15; } } else if (this.placingPlayer()) { var index; for (var i = 0; i < this.player.arms.length; i++) { var armX = Math.sin(this.player.rotation + this.player.arms[i].getAngle() + Math.PI) * this.player.arms[i].getLength() + this.player.middleX; var armY = Math.cos(this.player.rotation + this.player.arms[i].getAngle() + Math.PI) * this.player.arms[i].getLength() + this.player.middleY; if (dist(armX, armY, x - this.offsetX, y - this.offsetY) < this.player.arms[i].radius) { index = i; break; } } if (index != null) { this.player.arms[index].setClockwise(!this.player.arms[index].isClockwise()); } else if (dist(this.player.middleX, this.player.middleY, x - this.offsetX, y - this.offsetY) < this.player.radius) { this.player.addArm(150, parseInt(Math.random() * 10) + 10); } else { this.player = new Player(0, 0, 25); this.player.middleX = x - this.offsetX; this.player.middleY = y - this.offsetY; } } else if (this.placingGoal()) { if (this.goalTile.pointOnTile(x - this.offsetX, y - this.offsetY)) { this.goalTile.width += 10; this.goalTile.height += 10; } else { this.goalTile.middleX = x - this.offsetX; this.goalTile.middleY = y - this.offsetY; this.goalTile.width = 30; this.goalTile.height = 30; } } else if (this.placingDecrease()) { var index; for (var i = 0; i < this.player.arms.length; i++) { var armX = Math.sin(this.player.rotation + this.player.arms[i].getAngle() + Math.PI) * this.player.arms[i].getLength() + this.player.middleX; var armY = Math.cos(this.player.rotation + this.player.arms[i].getAngle() + Math.PI) * this.player.arms[i].getLength() + this.player.middleY; if (dist(armX, armY, x - this.offsetX, y - this.offsetY) < this.player.arms[i].radius) { index = i; break; } } if (index != null) { this.player.arms[i].length -= 15; if (this.player.arms[i].length < 35) { var arms = this.player.arms; this.player.arms = []; for (var i = 0; i < arms.length; i++) { if (i != index) { this.player.addArm(arms[i].length, arms[i].radius); } } } return; } var index; for (var i = 0; i < this.groundTiles.length; i++) { if (this.groundTiles[i].pointOnTile(x - this.offsetX, y - this.offsetY)) { index = i; break; } } if (index != null) { this.groundTiles[i].radius /= 1.15; if (this.groundTiles[i].radius < 30) { this.groundTiles.splice(index, 1); } return; } if (this.goalTile.pointOnTile(x - this.offsetX, y - this.offsetY)) { if (this.goalTile.width > 30) { this.goalTile.width -= 10; this.goalTile.height -= 10; } return; } } else if (this.placingOffset()) { this.offsetX += -x + can.width / 2; this.offsetY += -y + can.height / 2; } } } } function Game(menu) { this.menu = menu; this.seed; this.seedIndex; this.seedName; this.player; this.groundTiles; this.goalTile; this.timeTaken = 0; this.deaths = 0; this.gameStates = { inGame: 0, lost: 1, won: 2, paused: 3 } this.gameState = this.gameStates.inGame; this.setSpeed = function(speed){ this.player.setSpeed(speed); } this.toGame = function() { this.gameState = this.gameStates.inGame; } this.toLost = function() { this.gameState = this.gameStates.lost; } this.toWon = function() { this.gameState = this.gameStates.won; } this.toPaused = function() { this.gameState = this.gameStates.paused; } this.inGame = function() { return this.gameState == this.gameStates.inGame; } this.inLost = function() { return this.gameState == this.gameStates.lost; } this.inWon = function() { return this.gameState == this.gameStates.won; } this.inPaused = function() { return this.gameState == this.gameStates.paused; } this.pauseButton = new Button(can.width - 20, 20, 40, 40, "rgba(0, 0, 0, 0.5)"); this.restartButton = new Button(can.width / 2, can.height / 2 + 50, 200, 40, "rgba(0, 0, 0, 0.5)"); this.returnButton = new Button(can.width / 2, can.height / 2 + 100, 200, 40, "rgba(0, 0, 0, 0.5)"); this.getTime = function() { return this.timeTaken; } this.getSeedName = function() { return this.seedName; } this.renderAll = function(c) { c.fillStyle = "#0099FF"; c.fillRect(0, 0, can.width, can.height); var offsetX = this.player.getCameraOffsetX(); var offsetY = this.player.getCameraOffsetY(); this.goalTile.showShadow(c, offsetX, offsetY); for (var i = 0; i < this.groundTiles.length; i++) { this.groundTiles[i].showShadow(c, offsetX, offsetY); } for (var i = 0; i < this.groundTiles.length; i++) { this.groundTiles[i].show(c, offsetX, offsetY); } this.goalTile.show(c, offsetX, offsetY); if (this.inGame() || this.inWon() || this.inPaused()) { this.player.show(c); } this.pauseButton.show(c); c.fillStyle = "rgba(255, 255, 255, 0.5)"; c.beginPath(); c.moveTo(can.width - this.pauseButton.width + 5, 5); c.lineTo(can.width - 5, this.pauseButton.width / 2); c.lineTo(can.width - this.pauseButton.width + 5, this.pauseButton.height - 5); c.lineTo(can.width - this.pauseButton.width + 5, 5); //c.stroke(); c.fill(); c.fillStyle = "#FFFFFF"; c.font = "25px arial"; c.textAlign = "left"; c.textBaseline = "hanging"; c.fillText("level: " + this.seedName, 10, 10); c.fillStyle = "#FFFFFF"; c.font = "25px arial"; c.textAlign = "left"; c.textBaseline = "hanging"; c.fillText("time taken: " + (this.timeTaken / 60).toFixed(2), can.width / 2 - 80, 10); if (this.inPaused() || this.inWon()) { c.fillStyle = "rgba(0, 0, 0, 0.5)"; c.strokeStyle = "rgba(1, 1, 1, 0.5)"; c.fillRect(0, 0, can.width, can.height); c.fillStyle = "rgba(255, 255, 255, 0.5)"; c.font = "25px arial"; c.textAlign = "center"; c.textBaseline = "middle"; c.fillText("press anywhere to continue", can.width / 2, can.height / 2 - 100); c.fillText("deaths: " + this.deaths, can.width / 2, can.height / 2 - 50); var index; var scoreList = menu.getScoreList(); for (var i = 0; i < scoreList.length; i++) { if (scoreList[i].seedName == this.seedName) { if (index == null) { index = i; } else { if (scoreList[i].score < scoreList[index].score) { index = i; } } } } if (index == null) { c.fillText("score: no score yet", can.width / 2, can.height / 2); } else { c.fillText("score: " + (scoreList[index].score / 60).toFixed(2) + " by: " + scoreList[index].name, can.width / 2, can.height / 2); } this.restartButton.show(c); c.fillStyle = "rgba(255, 255, 255, 0.5)"; c.font = "25px arial"; c.textAlign = "center"; c.textBaseline = "middle"; c.fillText("restart", this.restartButton.middleX, this.restartButton.middleY); this.returnButton.show(c); c.fillStyle = "rgba(255, 255, 255, 0.5)"; c.font = "25px arial"; c.textAlign = "center"; c.textBaseline = "middle"; c.fillText("to main menu", this.returnButton.middleX, this.returnButton.middleY); } } this.updateAll = function() { if (this.inGame()) { this.player.update(); this.timeTaken++; } else if (this.inWon()) { this.player.update(); } } this.setSeed = function(seed, seedIndex, seedName) { this.seed = seed; this.seedIndex = seedIndex; if (seedName == null) { this.seedName = seedIndex; } else { this.seedName = seedName; } } this.getSeedIndex = function() { return this.seedIndex; } this.unpackSeed = function() { if (this.seed == null) { console.log("no seed given"); return; } this.createGroundTilesFromSeed(); this.createPlayerFromSeed(); this.timeTaken = 0; this.toGame(); } this.createGroundTilesFromSeed = function() { this.groundTiles = []; var startIndex = null; var endIndex = null; for (var i = 2; i < this.seed.length; i++) { if (startIndex == null) { if (this.seed[i - 2] == "g" && this.seed[i - 1] == "{") { startIndex = i; } } else if (endIndex == null) { if (this.seed[i] == "}") { endIndex = i; break; } } } var middleX = ""; var middleY = ""; var radius = ""; var addTo = 0; for (var i = startIndex; i < endIndex; i++) { if (this.seed[i] == ",") { addTo++; } else if (this.seed[i] == ";") { addTo = 0; this.groundTiles.push(new GroundTile(parseInt(middleX), parseInt(middleY), parseInt(radius))); middleX = ""; middleY = ""; radius = ""; } else { if (addTo == 0) { middleX += this.seed[i]; } else if (addTo == 1) { middleY += this.seed[i]; } else { radius += this.seed[i]; } } } this.groundTiles.push(new GroundTile(parseInt(middleX), parseInt(middleY), parseInt(radius))); var startIndex = null; var endIndex = null; for (var i = 2; i < this.seed.length; i++) { if (startIndex == null) { if (this.seed[i - 2] == "G" && this.seed[i - 1] == "{") { startIndex = i; } } else if (endIndex == null) { if (this.seed[i] == "}") { endIndex = i; break; } } } var middleX = ""; var middleY = ""; var width = ""; var height = ""; var addTo = 0; for (var i = startIndex; i < endIndex; i++) { if (this.seed[i] == ",") { addTo++; } else { if (addTo == 0) { middleX += this.seed[i]; } else if (addTo == 1) { middleY += this.seed[i]; } else if (addTo == 2) { width += this.seed[i]; } else { height += this.seed[i]; } } } this.goalTile = new FinishGroundTile(parseInt(middleX), parseInt(middleY), parseInt(width), parseInt(height)); } this.createPlayerFromSeed = function() { if (this.seed == null) { console.log("no seed given"); return; } var startIndex = null; var endIndex = null; for (var i = 2; i < this.seed.length; i++) { if (startIndex == null) { if (this.seed[i - 2] == "p" && this.seed[i - 1] == "{") { startIndex = i; } } else if (endIndex == null) { if (this.seed[i] == "}") { endIndex = i; break; } } } var middleX = ""; var middleY = ""; var radius = ""; var addTo = 0; for (var i = startIndex; i < endIndex; i++) { if (this.seed[i] == ",") { addTo++; } else { if (addTo == 0) { middleX += this.seed[i]; } else if (addTo == 1) { middleY += this.seed[i]; } else { radius += this.seed[i]; } } } this.player = new Player(parseInt(middleX), parseInt(middleY), parseInt(radius)); var startIndex = null; var endIndex = null; for (var i = 2; i < this.seed.length; i++) { if (startIndex == null) { if (this.seed[i - 2] == "a" && this.seed[i - 1] == "{") { startIndex = i; } } else if (endIndex == null) { if (this.seed[i] == "}") { endIndex = i; break; } } } var length = ""; var radius = ""; var clockwise = ""; var addTo = 0; for (var i = startIndex; i < endIndex; i++) { if (this.seed[i] == ",") { addTo++; } else if (this.seed[i] == ";") { addTo = 0; this.player.addArm(parseInt(length), parseInt(radius), (parseInt(clockwise) == 1)); length = ""; radius = ""; clockwise = ""; } else { if (addTo == 0) { length += this.seed[i]; } else if(addTo == 1) { radius += this.seed[i]; } else{ clockwise += this.seed[i]; } } } this.player.addArm(parseInt(length), parseInt(radius), (parseInt(clockwise) == 1)); for (var i = 0; i < this.player.getArmsAmount(); i++) { this.player.nextArm(); } } this.handleClick = function(e) { var x = (e.clientX || e.targetTouches[0].clientX); var y = (e.clientY || e.targetTouches[0].clientY); if (this.inGame() && this.pauseButton.contains(x, y)) { this.toPaused(); } else if (this.inGame()) { this.player.nextArm(); if (this.player.onTiles([this.goalTile])) { this.toWon(); } else { if (!this.player.onTiles(this.groundTiles)) { this.toLost(); this.deaths++; } } } else if ((this.inPaused() || this.inWon()) && this.returnButton.contains(x, y)) { this.toGame(); this.menu.toMainMenu(); } else if ((this.inPaused() || this.inWon()) && this.restartButton.contains(x, y)) { this.unpackSeed(); this.menu.toGame(); } else if (this.inPaused()) { this.toGame(); } else if (this.inLost()) { this.createPlayerFromSeed(); this.toGame(); this.timeTaken = 0; } else if (this.inWon()) { } } } function Button(middleX, middleY, width, height, color) { this.middleX = middleX; this.middleY = middleY; this.width = width; this.height = height; this.color = color; this.show = function(c) { c.fillStyle = this.color; c.fillRect(this.middleX - this.width / 2, this.middleY - this.height / 2, this.width, this.height); } 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 Player(middleX, middleY, radius) { this.middleX = middleX; this.middleY = middleY; this.radius = radius; this.rotation = 0; this.rotationSpeed = Math.PI / 72; this.arms = []; this.armOnGroundIndex = 0; this.rotatingAround = [middleX, middleY]; this.setSpeed = function(speed){ this.rotationSpeed = speed; } this.show = function(c) { for (var i = 0; i < this.arms.length; i++) { var angle = this.rotation + this.arms[i].getAngle() + Math.PI; var x = Math.sin(angle) * this.arms[i].getLength() + can.width / 2; var y = Math.cos(angle) * this.arms[i].getLength() + can.height / 2; var radius = this.arms[i].getRadius(); c.strokeStyle = "#666666"; c.lineWidth = radius; c.beginPath(); c.moveTo(can.width / 2, can.height / 2); c.lineTo(x, y); c.stroke(); c.strokeStyle = "#000000"; c.lineWidth = 0.5; c.beginPath(); var offX = Math.sin(angle + Math.PI/2) * radius/2; var offY = Math.cos(angle + Math.PI/2) * radius/2; c.moveTo(can.width / 2 + offX, can.height / 2 + offY); c.lineTo(x + offX, y + offY); c.moveTo(can.width / 2 - offX, can.height / 2 - offY); c.lineTo(x - offX, y - offY); c.stroke(); c.fillStyle = "#666666"; c.strokeStyle = "#000000"; c.lineWidth = 0.5; c.beginPath(); c.arc(x, y, radius, 0, 2 * Math.PI); c.stroke(); c.fill(); c.stroke(); if (i == this.armOnGroundIndex) { if(this.arms[i].isClockwise()){ c.fillStyle = "#0066FF"; }else{ c.fillStyle = "#FF6600"; } c.beginPath(); c.arc(x, y, radius / 2, 0, 2 * Math.PI); c.stroke(); c.fill(); } else if (i - 1 == this.armOnGroundIndex || (i == 0 && this.armOnGroundIndex == this.arms.length - 1)) { if(this.arms[i].isClockwise()){ c.fillStyle = "#00BBFF"; }else{ c.fillStyle = "#FFBB00"; } c.beginPath(); c.arc(x, y, radius / 2, 0, 2 * Math.PI); c.stroke(); c.fill(); c.setLineDash([10, 10]); c.lineWidth = 3; c.strokeStyle = c.fillStyle; c.beginPath(); c.arc(x, y, radius + 5, this.rotation, this.rotation + 2 * Math.PI); c.stroke(); c.setLineDash([]); c.lineWidth = 1; c.strokeStyle = "#000000"; } else { if(this.arms[i].isClockwise()){ c.fillStyle = "#00BBFF"; }else{ c.fillStyle = "#FFBB00"; } c.beginPath(); c.arc(x, y, radius / 2, 0, 2 * Math.PI); c.stroke(); c.fill(); } } c.fillStyle = "#666666"; c.lineWidth = 1; c.beginPath(); c.arc(can.width / 2, can.height / 2, this.radius, 0, 2 * Math.PI); c.stroke(); c.fill(); for(var i=0;i<4;i++){ if(i%2 == 0){ c.strokeStyle = "#00FF00"; c.lineWidth = 2; c.beginPath(); c.arc(can.width/2, can.height/2, this.radius*2/3, (i/4)*2*Math.PI + this.rotation, ((i+1)/4)*2*Math.PI + this.rotation); c.stroke(); } } c.fillStyle = "#00FF00"; c.lineWidth = 1; c.beginPath(); c.arc(can.width / 2, can.height / 2, this.radius / 2, 0, 2 * Math.PI); c.stroke(); c.fill(); } this.showStatic = function(c, offsetX, offsetY) { for (var i = 0; i < this.arms.length; i++) { var angle = this.rotation + this.arms[i].getAngle() + Math.PI; var x = Math.sin(angle) * this.arms[i].getLength() + this.middleX + offsetX; var y = Math.cos(angle) * this.arms[i].getLength() + this.middleY + offsetY; var radius = this.arms[i].getRadius(); c.strokeStyle = "#666666"; c.lineWidth = radius; c.beginPath(); c.moveTo(this.middleX + offsetX, this.middleY + offsetY); c.lineTo(x, y); c.stroke(); c.strokeStyle = "#000000"; c.lineWidth = 1; c.beginPath(); var offX = Math.sin(angle + Math.PI/2) * radius/2; var offY = Math.cos(angle + Math.PI/2) * radius/2; c.moveTo(this.middleX + offsetX + offX, this.middleY + offsetY + offY); c.lineTo(x + offX, y + offY); c.moveTo(this.middleX + offsetX - offX, this.middleY + offsetY - offY); c.lineTo(x - offX, y - offY); c.stroke(); c.strokeStyle = "#000000"; c.lineWidth = 2; c.fillStyle = "#666666"; c.strokeStyle = "#000000"; c.beginPath(); c.arc(x, y, radius, 0, 2 * Math.PI); c.stroke(); c.fill(); if (i == this.armOnGroundIndex) { if(this.arms[i].isClockwise()){ c.fillStyle = "#0066FF"; }else{ c.fillStyle = "#FF6600"; } c.beginPath(); c.arc(x, y, radius / 2, 0, 2 * Math.PI); c.stroke(); c.fill(); } else if (i - 1 == this.armOnGroundIndex || (i == 0 && this.armOnGroundIndex == this.arms.length - 1)) { if(this.arms[i].isClockwise()){ c.fillStyle = "#00BBFF"; }else{ c.fillStyle = "#FFBB00"; } c.beginPath(); c.arc(x, y, radius / 2, 0, 2 * Math.PI); c.stroke(); c.fill(); c.setLineDash([10, 10]); c.lineWidth = 3; c.strokeStyle = c.fillStyle; c.beginPath(); c.arc(x, y, radius + 5, this.rotation, this.rotation + 2 * Math.PI); c.stroke(); c.setLineDash([]); c.lineWidth = 1; c.strokeStyle = "#000000"; } else { if(this.arms[i].isClockwise()){ c.fillStyle = "#00BBFF"; }else{ c.fillStyle = "#FFBB00"; } c.beginPath(); c.arc(x, y, radius / 2, 0, 2 * Math.PI); c.stroke(); c.fill(); } } c.lineWidth = 2; c.fillStyle = "#666666"; c.strokeStyle = "#000000"; c.beginPath(); c.arc(this.middleX + offsetX, this.middleY + offsetY, this.radius, 0, 2 * Math.PI); c.stroke(); c.fill(); for(var i=0;i<4;i++){ if(i%2 == 0){ c.strokeStyle = "#00FF00"; c.lineWidth = 2; c.beginPath(); c.arc(this.middleX + offsetX, this.middleY + offsetY, this.radius*2/3, (i/4)*2*Math.PI + this.rotation, ((i+1)/4)*2*Math.PI + this.rotation); c.stroke(); } } c.fillStyle = "#00FF00"; c.beginPath(); c.arc(this.middleX + offsetX, this.middleY + offsetY, this.radius / 2, 0, 2 * Math.PI); c.stroke(); c.fill(); } this.update = function() { var arm = this.arms[this.armOnGroundIndex]; if (arm.isClockwise() && this.rotationSpeed > 0){ this.rotationSpeed = -this.rotationSpeed; } if (!this.lost) { this.rotation -= this.rotationSpeed; } this.middleX = this.rotatingAround[0] + Math.sin(this.rotation + arm.getAngle()) * arm.getLength(); this.middleY = this.rotatingAround[1] + Math.cos(this.rotation + arm.getAngle()) * arm.getLength(); } this.nextArm = function(groundTiles) { this.armOnGroundIndex = (this.armOnGroundIndex + 1) % this.arms.length; var arm = this.arms[this.armOnGroundIndex]; this.rotatingAround[0] = this.middleX - Math.sin(this.rotation + arm.getAngle()) * arm.getLength(); this.rotatingAround[1] = this.middleY - Math.cos(this.rotation + arm.getAngle()) * arm.getLength(); } this.onTiles = function(groundTiles) { for (var i = 0; i < groundTiles.length; i++) { if (groundTiles[i].pointOnTile(this.rotatingAround[0], this.rotatingAround[1])) { return true; } } return false; } this.addArm = function(length, radius, clockwise) { this.arms.push(new PlayerArm(0, length, radius, clockwise)); for (var i = 0; i < this.arms.length; i++) { this.arms[i].setAngle(2 * Math.PI * i / this.arms.length); } } this.getArmsAmount = function() { return this.arms.length; } this.getCameraOffsetX = function() { return can.width / 2 - this.middleX; } this.getCameraOffsetY = function() { return can.height / 2 - this.middleY; } } function PlayerArm(angle, length, radius, clockwise) { this.angle = angle; this.length = length; this.radius = radius; this.clockwise = clockwise; this.isClockwise = function(){ return this.clockwise; } this.setClockwise = function(bool){ this.clockwise = bool; } this.getAngle = function() { return this.angle; } this.setAngle = function(a) { this.angle = a; } this.getLength = function() { return this.length; } this.setLength = function(l) { this.length = l; } this.getRadius = function() { return this.radius; } this.setRadius = function(r) { this.radius = r; } } function GroundTile(middleX, middleY, radius) { this.middleX = middleX; this.middleY = middleY; this.radius = radius; var angle = Math.random() * 2 * Math.PI; var d = Math.random() * (this.radius - 15); this.grasX = Math.sin(angle) * d; this.grasY = Math.cos(angle) * d; this.shadowLength = 15; this.showShadow = function(c, offsetX, offsetY) { c.fillStyle = "#009900"; c.strokeStyle = "#000000"; c.lineWidth = 1; c.beginPath(); c.arc(this.middleX + offsetX, this.middleY + offsetY + this.shadowLength, this.radius, 0, 2 * Math.PI); c.fill(); } this.show = function(c, offsetX, offsetY) { c.fillStyle = "#00FF00"; c.strokeStyle = "#000000"; c.lineWidth = 1; c.beginPath(); c.arc(this.middleX + offsetX, this.middleY + offsetY, this.radius, 0, 2 * Math.PI); c.fill(); c.strokeStyle = "#009900"; c.beginPath(); c.moveTo(this.grasX - 15 + this.middleX + offsetX, this.grasY + 5 + this.middleY + offsetY); c.lineTo(this.grasX - 10 + this.middleX + offsetX, this.grasY - 5 + this.middleY + offsetY); c.lineTo(this.grasX - 5 + this.middleX + offsetX, this.grasY + 5 + this.middleY + offsetY); c.lineTo(this.grasX + this.middleX + offsetX, this.grasY - 10 + this.middleY + offsetY); c.lineTo(this.grasX + 5 + this.middleX + offsetX, this.grasY + 5 + this.middleY + offsetY); c.lineTo(this.grasX + 10 + this.middleX + offsetX, this.grasY - 5 + this.middleY + offsetY); c.lineTo(this.grasX + 15 + this.middleX + offsetX, this.grasY + 5 + this.middleY + offsetY); c.stroke(); } this.showStatic = function(c) { c.fillStyle = "#00FF00"; c.strokeStyle = "#000000"; c.lineWidth = 1; c.beginPath(); c.arc(this.middleX, this.middleY, this.radius, 0, 2 * Math.PI); c.fill(); } this.pointOnTile = function(x, y) { return (dist(this.middleX, this.middleY, x, y) < this.radius); } } function FinishGroundTile(middleX, middleY, width, height) { this.middleX = middleX; this.middleY = middleY; this.width = width; this.height = height; this.shadowLength = 15; this.showShadow = function(c, offsetX, offsetY) { c.fillStyle = "#009900"; c.fillRect(this.middleX + offsetX - this.width / 2 - 5, this.middleY + offsetY + this.height / 2, this.width + 10, this.shadowLength); } this.show = function(c, offsetX, offsetY) { c.fillStyle = "#555555"; c.fillRect(this.middleX + offsetX - this.width / 2 - 5, this.middleY + offsetY - this.height / 2 - 5, this.width + 10, this.height + 10); for (var i = 0; i < this.width / 10; i++) { for (var j = 0; j < this.height / 10; j++) { if ((i + j) % 2 == 0) { c.fillStyle = "#000000"; } else { c.fillStyle = "#FFFFFF"; } c.fillRect(this.middleX + i * 10 + offsetX - this.width / 2, this.middleY + j * 10 + offsetY - this.height / 2, 10, 10); } } } this.pointOnTile = function(x, y) { return (x > this.middleX - this.width / 2 && x < this.middleX + this.width / 2 && y > this.middleY - this.height / 2 && y < this.middleY + this.height / 2); } } function dist(x1, y1, x2, y2) { return Math.sqrt((y2 - y1) * (y2 - y1) + (x2 - x1) * (x2 - x1)); }

rotate to the end || game v4