function alertInfoText() { if (atLevel == -1) { alert("Build your own levels!\nHave fun! (by Anton Böhler)"); } else { alert("The goal is the black striped ring.\nChange rings by pressing when passing an intersection.\nYour only affected by 'things' on your ring.\nHave fun! (by Anton Böhler)"); } } function skipLevel() { var input = parseInt(window.prompt("input the level you want to skip to.\nThere are 0 - " + levels + " levels. (" + levels + " not included)")); if (isNaN(input) || input === undefined || input === null) { return; } else { atLevel = input % levels; reset(atLevel); } } function toLevelEditor() { if (atLevel == -1) { atLevel = 0; document.getElementById("edit").innerHTML = "make Level"; document.getElementById("skip").style.display = "inline"; document.getElementById("getSeed").style.display = "None"; document.getElementById("tools").style.display = "None"; document.getElementById("pathTool").style.display = "None"; } else { atLevel = -1; document.getElementById("edit").innerHTML = "play Level"; document.getElementById("skip").style.display = "None"; document.getElementById("getSeed").style.display = "inline"; document.getElementById("tools").style.display = "inline"; otherTool(); otherModifier(); } reset(atLevel); } function giveSeed() { var s = ""; for (var i = 0; i < paths.length; i++) { s += "paths.push(new Path(" + paths[i].startX + ", " + paths[i].startY + ", " + paths[i].startRadius + ", " + paths[i].isGoal + "));"; } var portals = []; //portals are a little more complicated ... for (var i = 0; i < paths.length; i++) { for (var j = 0; j < paths[i].pathEffects.length; j++) { if (paths[i].pathEffects[j].type == "portal" && paths[i].pathEffects[j].exitPortal !== null) { portals.push(paths[i].pathEffects[j]); paths[i].pathEffects[j].pathIndex = i; paths[i].pathEffects[j].copied = false; } } } for (var i = 0; i < portals.length; i++) { if (portals[i].copied) { continue; } s += "var p" + (2 * i) + " = new Portal(" + portals[i].angle + ");var p" + (2 * i + 1) + " = new Portal(" + portals[i].exitPortal.angle + ");"; s += "paths[" + portals[i].pathIndex + "].addEffect(p" + (2 * i) + ");"; s += "paths[" + portals[i].exitPortal.pathIndex + "].addEffect(p" + (2 * i + 1) + ");"; s += "p" + (2 * i) + ".exitPortal = p" + (2 * i + 1) + ";p" + (2 * i + 1) + ".exitPortal = p" + (2 * i) + ";"; portals[i].exitPortal.copied = true; portals[i].copied = true; } for (var i = 0; i < paths.length; i++) { //the rest are easier ... XD for (var j = 0; j < paths[i].pathEffects.length; j++) { if (paths[i].pathEffects[j].type == "bouncePad") { s += "paths[" + i + "].addEffect(new BouncePad(" + paths[i].pathEffects[j].angle + "));"; } else if (paths[i].pathEffects[j].type == "killBlock") { s += "paths[" + i + "].addEffect(new KillBlock(" + paths[i].pathEffects[j].angle + "));"; } else if (paths[i].pathEffects[j].type == "killTurret") { s += "paths[" + i + "].addEffect(new KillTurret(" + paths[i].pathEffects[j].angle + "));"; } } } for (var i = 0; i < paths.length; i++) { for (var j = 0; j < paths[i].pathModifiers.length; j++) { if (paths[i].pathModifiers[j] instanceof PathRotater) { s += "paths[" + i + "].addModifier(new PathRotater(" + paths[i].pathModifiers[j].rotationSpeed + "));"; } else if (paths[i].pathModifiers[j] instanceof PathMover) { s += "paths[" + i + "].addModifier(new PathMover(" + paths[i].pathModifiers[j].xChange + ", " + paths[i].pathModifiers[j].yChange + "));"; } else if (paths[i].pathModifiers[j] instanceof PathChanger) { s += "paths[" + i + "].addModifier(new PathChanger(" + paths[i].pathModifiers[j].minRadius + ", " + paths[i].pathModifiers[j].maxRadius + "));"; } } } window.prompt("copy it and play and share it!\nHave fun! (by Anton Böhler)", s); } function playSeed() { var seed = window.prompt("Input a seed!\nHave fun! (by Anton Böhler)"); if (seed === null || seed === undefined || seed === "" || seed.includes("console") || seed.includes("alert") || seed.includes("prompt") || seed.includes("+") || seed.includes("for") || seed.includes("while") || seed.includes("log") || seed.includes("function") || seed.includes("can") || seed.includes("document") || seed.includes("level") || seed.includes("\"")) { return; } else { try { paths = []; eval(seed); player.currentPath = paths[0]; paths[0].active = true; atLevel = -2; atLevel = 0; document.getElementById("edit").innerHTML = "make Level"; document.getElementById("skip").style.display = "inline"; document.getElementById("getSeed").style.display = "None"; document.getElementById("tools").style.display = "None"; document.getElementById("pathTool").style.display = "None"; } catch (Exception) { atLevel = 0; reset(atLevel); } } } function otherTool() { if (document.getElementById("path").checked) { document.getElementById("pathTool").style.display = "inline"; } else { document.getElementById("pathTool").style.display = "None"; } if (document.getElementById("effect").checked) { document.getElementById("effectTool").style.display = "inline"; } else { document.getElementById("effectTool").style.display = "None"; } if (document.getElementById("modifier").checked) { document.getElementById("modifierTool").style.display = "inline"; } else { document.getElementById("modifierTool").style.display = "None"; } } function otherModifier() { if (document.getElementById("modifierSelected").value == "mover") { document.getElementById("mover").style.display = "inline"; } else { document.getElementById("mover").style.display = "none"; } if (document.getElementById("modifierSelected").value == "rotator") { document.getElementById("rotator").style.display = "inline"; } else { document.getElementById("rotator").style.display = "none"; } if (document.getElementById("modifierSelected").value == "changer") { document.getElementById("changer").style.display = "inline"; } else { document.getElementById("changer").style.display = "none"; } } var can; var c; const COLORS = { path: "#777777", pathHolder: "#DDDDDD", player: "#4281F5", playerTrail: "#3271E5", activePath: "#F5BC42", activePathShadow: "#D59C22", text: "#000000", bouncePad: "#45F542", portal: "#3355AA", portalConnection: "rgba(51, 85, 170, 0.3)", killBlock: "rgba(200, 0, 0, 0.75)", killBlockBorder: "#555555", } var paths; var player; var camera; var atLevel = 0; var levels; window.onresize = function() { can.width = window.innerWidth; can.height = window.innerHeight; } window.onload = function() { can = document.getElementById("can"); can.width = window.innerWidth; can.height = window.innerHeight; c = can.getContext("2d"); can.addEventListener("mousedown", function(e) { try { e.preventDefault(); if (atLevel != -1) { switchPath(); } else { place(e); } } catch (Exception) { } }); /* can.addEventListener("touchstart", function(e) { try { e.preventDefault(); if (atLevel != -1) { switchPath(); } else { place(e); } } catch (Exception) { } }); */ levels = 26; atLevel = 0; reset(atLevel); loop(); } function reset(level) { if (level == -1) { paths = []; player = new Player(null, 0); camera = { x: -can.width / 2, y: -can.height / 2 } } else if (level == -2) { player = new Player(paths[0], -paths[0].rotation); for (var i = 0; i < paths.length; i++) { paths[i].active = false; } paths[0].active = true; } else { paths = []; if (level == 0) { paths.push(new Path(0, 0, 60, false)); paths.push(new Path(80, 0, 40, false)); paths.push(new Path(-50, 0, 150, false)); paths.push(new Path(-200, 0, 40, true)); //(tests) //paths[0].addEffect(new BouncePad(Math.PI/2)); //var p1 = new Portal(Math.PI); //var p2 = new Portal(Math.PI); //paths[1].addEffect(p1); //paths[2].addEffect(p2); //p1.exitPortal = p2; //p2.exitPortal = p1; //paths[0].addEffect(new KillTurret(Math.PI/2)); //paths[0].addModifier(new PathChanger(50, 100)); //paths[1].addModifier(new PathRotater(Math.PI / 36)); //paths[2].addModifier(new PathMover(100, 100)); //paths[1].addModifier(new PathMover(100, 100)); } else if (level == 1) { paths.push(new Path(0, 0, 60, false)); paths.push(new Path(86, 108, 100, false)); paths.push(new Path(270, 140, 131, true)); } else if (level == 2) { paths.push(new Path(0, 0, 60, false)); paths.push(new Path(64, 0, 158, false)); paths.push(new Path(236, 194, 99, false)); paths.push(new Path(149, 117, 150, false)); paths.push(new Path(402, 111, 87, true)); } else if (level == 3) { paths.push(new Path(0, 0, 60, false)); paths.push(new Path(49, 142, 96, false)); paths.push(new Path(530, 358, 179, false)); paths.push(new Path(150, 323, 220, false)); paths.push(new Path(721, 138, 160, false)); paths.push(new Path(933, 12, 235, true)); } else if (level == 4) { paths.push(new Path(0, -80, 60, false)); paths.push(new Path(283, 215, 112, false)); paths.push(new Path(124, 65, 246, false)); paths.push(new Path(139, 128, 112, true)); } else if (level == 5) { paths.push(new Path(0, 0, 60, false)); paths.push(new Path(217, 257, 171, false)); paths.push(new Path(0, 110, 173, false)); paths.push(new Path(963, 33, 60, false)); paths.push(new Path(921, 144, 83, true)); var p1 = new Portal(Math.PI / 3); var p2 = new Portal(Math.PI * 2 / 3); paths[1].addEffect(p1); paths[3].addEffect(p2); p1.exitPortal = p2; p2.exitPortal = p1; } else if (level == 6) { paths.push(new Path(0, 0, 60, false)); paths.push(new Path(40, 262, 140, false)); paths.push(new Path(202, 27, 256, false)); paths.push(new Path(331, 210, 65, true)); paths[2].addEffect(new KillBlock(Math.PI * 2 / 3)); } else if (level == 7) { paths.push(new Path(0, 0, 60, false)); paths.push(new Path(529, 111, 315, false)); paths.push(new Path(47, 56, 130, false)); paths.push(new Path(44, 31, 75, false)); paths.push(new Path(557, 311, 110, false)); paths.push(new Path(220, 56, 206, false)); paths.push(new Path(427, 372, 225, true)); } else if (level == 8) { paths.push(new Path(0, 0, 60, false)); paths.push(new Path(429, 170, 168, false)); paths.push(new Path(174, 161, 220, false)); paths.push(new Path(546, 666, 232, false)); paths.push(new Path(53, 237, 259, false)); paths.push(new Path(742, 653, 109, true)); var p1 = new Portal(0); var p2 = new Portal(Math.PI / 2); paths[2].addEffect(p1); paths[3].addEffect(p2); p1.exitPortal = p2; p2.exitPortal = p1; paths[2].addEffect(new KillBlock(Math.PI)); } else if (level == 9) { paths.push(new Path(0, 0, 60, false)); paths.push(new Path(322, 19, 217, false)); paths.push(new Path(101, 126, 168, false)); paths.push(new Path(514, 200, 84, true)); paths[1].addEffect(new KillBlock(0)); paths[1].addEffect(new BouncePad(Math.PI * 2 / 3)); } else if (level == 10) { paths.push(new Path(0, 0, 60, false)); paths.push(new Path(81, 154, 227, false)); paths.push(new Path(58, 10, 80, false)); paths.push(new Path(322, 261, 139, true)); paths[1].addEffect(new KillBlock(Math.PI)); } else if (level == 11) { paths.push(new Path(-30, 0, 60, false)); paths.push(new Path(158, 10, 241, false)); paths.push(new Path(29, 179, 48, false)); paths.push(new Path(0, 100, 45, false)); paths.push(new Path(80, 80, 40, true)); paths[0].addEffect(new BouncePad(Math.PI / 10)); paths[0].addEffect(new BouncePad(Math.PI * 2 / 3)); } else if (level == 12) { paths.push(new Path(0, 0, 60, false)); paths.push(new Path(150, 49, 180, false)); paths.push(new Path(487, 101, 100, false)); paths.push(new Path(70, 297, 150, false)); paths.push(new Path(303, 299, 90, false)); paths.push(new Path(564, 243, 67, true)); paths[2].addModifier(new PathChanger(100, 250)); } else if (level == 13) { paths.push(new Path(0, 0, 60, false)); paths.push(new Path(70, 100, 58, false)); paths.push(new Path(308, 181, 119, false)); paths.push(new Path(241, 0, 69, true)); paths[1].addModifier(new PathMover(70, 150)); } else if (level == 14) { paths.push(new Path(0, 0, 60, false)); paths.push(new Path(228, 172, 156, false)); paths.push(new Path(113, 291, 118, false)); paths.push(new Path(236, 53, 57, true)); paths[0].addModifier(new PathMover(1, 170)); } else if (level == 15) { paths.push(new Path(0, 0, 60, false)); paths.push(new Path(80, 157, 175, false)); paths.push(new Path(236, 57, 99, false)); paths.push(new Path(429, 119, 133, true)); paths[1].addModifier(new PathRotater(Math.PI / 72)); paths[3].addModifier(new PathChanger(60, 150)); } else if (level == 16) { paths.push(new Path(-345.5, -47.5, 60, false)); paths.push(new Path(-246.5, -104.5, 60, false)); paths.push(new Path(-51.5, -88.5, 131, false)); paths.push(new Path(29.5, -44.5, 62, false)); paths.push(new Path(-52.5, -88.5, 41, true)); } else if (level == 17) { paths.push(new Path(-17, -66.5, 200, false)); paths.push(new Path(187, -72.5, 81, false)); paths.push(new Path(163, -154.5, 86, false)); paths.push(new Path(-218, -70.5, 117, false)); paths.push(new Path(-142, -443.5, 62, false)); paths.push(new Path(-70, -450.5, 62, true)); var p0 = new Portal(-3.1163879082628516); var p1 = new Portal(-3.0940095503128098); paths[3].addEffect(p0); paths[4].addEffect(p1); p0.exitPortal = p1; p1.exitPortal = p0; paths[3].addEffect(new KillBlock(-1.6730030449021502)); } else if (level == 18) { paths.push(new Path(-301, -179.5, 60, false)); paths.push(new Path(-265, 28.5, 60, false)); paths.push(new Path(-251, 73.5, 60, false)); paths.push(new Path(8, -270.5, 60, false)); paths.push(new Path(127, -240.5, 60, false)); paths.push(new Path(-308, -271.5, 60, false)); paths.push(new Path(62, 103.5, 60, false)); paths.push(new Path(142, 160.5, 110, false)); paths.push(new Path(-22, -328.5, 53, false)); paths.push(new Path(189, 190.5, 53, true)); var p0 = new Portal(-1.9513027039072615); var p1 = new Portal(-2.636011598715588); paths[1].addEffect(p0); paths[6].addEffect(p1); p0.exitPortal = p1; p1.exitPortal = p0; var p2 = new Portal(1.1147243304452858); var p3 = new Portal(0.10134650326566776); paths[2].addEffect(p2); paths[4].addEffect(p3); p2.exitPortal = p3; p3.exitPortal = p2; var p6 = new Portal(-1.6672701019774836); var p7 = new Portal(-2.117585167684144); paths[5].addEffect(p6); paths[8].addEffect(p7); p6.exitPortal = p7; p7.exitPortal = p6; paths[3].addEffect(new KillTurret(83.91784891024817)); paths[2].addModifier(new PathRotater(0.05)); } else if (level == 19) { paths.push(new Path(-313, -79.5, 60, false)); paths.push(new Path(56, -354.5, 60, false)); paths.push(new Path(117, 26.5, 60, false)); paths.push(new Path(-289, 100.5, 136, false)); paths.push(new Path(-277, 235.5, 91, true)); var p0 = new Portal(-1.5374753309166493); var p1 = new Portal(-2.2008302363408117); paths[0].addEffect(p0); paths[1].addEffect(p1); p0.exitPortal = p1; p1.exitPortal = p0; var p4 = new Portal(0.9730379352018146); var p5 = new Portal(-1.0799445463968773); paths[1].addEffect(p4); paths[2].addEffect(p5); p4.exitPortal = p5; p5.exitPortal = p4; paths[2].addEffect(new BouncePad(2.1051918035493102)); paths[3].addEffect(new KillBlock(-3.127100914524293)); paths[1].addModifier(new PathRotater(0.015)); } else if (level == 20) { paths.push(new Path(-502.5, -27, 60, false)); paths.push(new Path(-374.5, -16, 60, false)); paths.push(new Path(-129.5, -167, 60, false)); paths.push(new Path(45.5, -10, 220, false)); paths.push(new Path(45.5, -11, 108, false)); paths.push(new Path(207.5, -9, 108, false)); paths.push(new Path(-243.5, -18, 127, false)); paths.push(new Path(-82.5, 163, 75, false)); paths.push(new Path(1.5, -16, 51, true)); paths[3].addEffect(new KillBlock(-2.384758148031105)); paths[3].addEffect(new KillBlock(2.162635228658066)); paths[4].addModifier(new PathChanger(42, 113)); paths[4].addModifier(new PathRotater(0.044)); paths[6].addModifier(new PathChanger(42, 130)); } else if (level == 21) { paths.push(new Path(-333, -105, 60, false)); paths.push(new Path(-124, -106, 60, false)); paths.push(new Path(93, -103, 60, false)); paths.push(new Path(-138, 6, 60, false)); paths.push(new Path(193, -98, 60, false)); paths.push(new Path(-143, 132, 118, true)); paths[3].addEffect(new KillBlock(0)); paths[4].addEffect(new BouncePad(0.04995839572194276)); paths[1].addModifier(new PathMover(100, 0)); paths[2].addModifier(new PathRotater(0.01)); } else if (level == 22) { paths.push(new Path(-312, -12, 60, false)); paths.push(new Path(-141, -18, 137, false)); paths.push(new Path(-36, -115, 73, false)); paths.push(new Path(83, -115, 73, false)); paths.push(new Path(-137, 17, 52, false)); paths.push(new Path(-185, -45, 45, true)); var p0 = new Portal(0.4922112668395661); var p1 = new Portal(0.9349579032711515); paths[3].addEffect(p0); paths[4].addEffect(p1); p0.exitPortal = p1; p1.exitPortal = p0; paths[2].addEffect(new BouncePad(0.8430265908749223)); paths[4].addEffect(new BouncePad(-0.34038193864190697)); } else if (level == 23) { paths.push(new Path(-120, -27, 179, false)); paths.push(new Path(-221, -106, 51, false)); paths.push(new Path(-193, -10, 51, false)); paths.push(new Path(-99, -43, 51, false)); paths.push(new Path(-40, 13, 41, false)); paths.push(new Path(-120, -28, 264, false)); paths.push(new Path(-387, -15, 32, true)); var p0 = new Portal(0.23255694180490905); var p1 = new Portal(0.022637641657897646); paths[4].addEffect(p0); paths[5].addEffect(p1); p0.exitPortal = p1; p1.exitPortal = p0; paths[5].addEffect(new KillTurret(4.2338259882839955)); } else if (level == 24) { paths.push(new Path(-58, 15, 60, false)); paths.push(new Path(-56, 15, 249, false)); paths.push(new Path(-204, 18, 152, false)); paths.push(new Path(-204, 19, 54, false)); paths.push(new Path(-556, 31, 54, false)); paths.push(new Path(-565, -53, 116, true)); var p0 = new Portal(-1.6099919287219513); var p1 = new Portal(-1.6909050623618096); paths[3].addEffect(p0); paths[4].addEffect(p1); p0.exitPortal = p1; p1.exitPortal = p0; paths[1].addEffect(new BouncePad(-0.012145151796912147)); paths[4].addEffect(new KillBlock(-0.5307734972029068)); paths[2].addModifier(new PathChanger(20, 178)); } else if (level == 25) { paths.push(new Path(-237, -22, 60, false)); paths.push(new Path(22, -23, 60, false)); paths.push(new Path(-298, -26, 41, false)); paths.push(new Path(188, -33, 148, false)); paths.push(new Path(322, -35, 94, false)); paths.push(new Path(188, -35, 58, false)); paths.push(new Path(-551, -34, 58, false)); paths.push(new Path(-242, 230, 58, false)); paths.push(new Path(-636, -38, 58, true)); var p0 = new Portal(3.141592653589793); var p1 = new Portal(-0.033320995878247196); paths[5].addEffect(p0); paths[7].addEffect(p1); p0.exitPortal = p1; p1.exitPortal = p0; var p2 = new Portal(-0.017855245139552514); var p3 = new Portal(3.141592653589793); paths[6].addEffect(p2); paths[7].addEffect(p3); p2.exitPortal = p3; p3.exitPortal = p2; paths[1].addEffect(new KillBlock(1.7912900881615683)); paths[2].addEffect(new BouncePad(3.0916342578678506)); paths[0].addModifier(new PathChanger(51, 203)); paths[3].addModifier(new PathRotater(0.075)); } player = new Player(paths[0], -paths[0].rotation); paths[0].active = true; } } function loop() { c.fillStyle = "#FFFFFF"; c.fillRect(0, 0, can.width, can.height); if (atLevel !== -1) { //not making level if (player.currentPath !== null) { var xy = player.calcCameraPosition(); camera = { x: xy[0] - can.width / 2, y: xy[1] - can.height / 2 } } for (var i = 0; i < paths.length; i++) { paths[i].update(); paths[i].showPathHolder(c, camera.x, camera.y); } for (var i = 0; i < paths.length; i++) { paths[i].showPath(c, camera.x, camera.y); } player.update(); player.show(c, camera.x, camera.y); c.font = "12px arial"; c.textAlign = "center"; c.textBaseline = "middle"; c.fillStyle = COLORS.text; c.fillText("level " + atLevel + "/" + levels, 40, 30); if (player.atGoal) { c.fillStyle = "rgba(0, 0, 0, 0.2)"; c.fillRect(0, 0, can.width, can.height); c.font = "30px arial"; c.textAlign = "center"; c.textBaseline = "middle"; c.fillStyle = COLORS.text; c.fillText("press to continue", can.width / 2, can.height / 2); } else if (player.currentPath === null) { c.fillStyle = "rgba(0, 0, 0, 0.2)"; c.fillRect(0, 0, can.width, can.height); c.font = "30px arial"; c.textAlign = "center"; c.textBaseline = "middle"; c.fillStyle = COLORS.text; c.fillText("press to restart", can.width / 2, can.height / 2); } } else { //making Level for (var i = 0; i < paths.length; i++) { paths[i].update(); paths[i].showPathHolder(c, camera.x, camera.y); } for (var i = 0; i < paths.length; i++) { paths[i].showPath(c, camera.x, camera.y); } player.show(c, camera.x, camera.y); } requestAnimationFrame(loop); } function switchPath() { if (player.currentPath !== null) { if (player.atGoal) { if (atLevel == -2) { atLevel = 0; reset(atLevel); } else { atLevel = (atLevel + 1) % levels; reset(atLevel); } } else { var x = player.currentPath.middleX + player.currentPath.radius * Math.cos(player.currentPath.rotation + player.offsetAngle); var y = player.currentPath.middleY + player.currentPath.radius * Math.sin(player.currentPath.rotation + player.offsetAngle); player.goingRight = !player.goingRight; player.currentPath.active = false; for (var i = 0; i < paths.length; i++) { if (!Object.is(paths[i], player.currentPath)) { if (paths[i].touchesPoint(x, y)) { player.offsetAngle = Math.atan2(y - paths[i].middleY, x - paths[i].middleX) - paths[i].rotation; player.currentPath = paths[i]; paths[i].active = true; if (paths[i].isGoal) { player.atGoal = true; } return; } } } player.currentPath = null; } } else { reset(atLevel); } } function place(e) { var x = e.pageX - can.width / 2; var y = e.pageY - can.height / 2; if (document.getElementById("path").checked) { //placing path var r = parseInt(document.getElementById("radius").value); if (paths.length == 0) { paths.push(new Path(x, y, r, true)); player.currentPath = paths[0]; player.offsetAngle = -player.currentPath.rotation; paths[0].active = true; } else { paths[paths.length - 1].isGoal = false; paths.push(new Path(x, y, r, true)); } } else if (document.getElementById("effect").checked) { //placing effect for (var i = 0; i < paths.length; i++) { if (paths[i].touchesPoint(x, y)) { var angle = Math.atan2(y - paths[i].middleY, x - paths[i].middleX); if (document.getElementById("effectSelected").value == "portal") { var other = undefined; var found = false; for (var j = 0; j < paths.length; j++) { for (var k = 0; k < paths[j].pathEffects.length; k++) { if (paths[j].pathEffects[k].type == "portal" && paths[j].pathEffects[k].exitPortal === null) { other = paths[j].pathEffects[k]; found = true; break; } } if (found) { break; } } paths[i].addEffect(new Portal(angle)); if (other !== undefined) { paths[i].pathEffects[paths[i].pathEffects.length - 1].exitPortal = other; other.exitPortal = paths[i].pathEffects[paths[i].pathEffects.length - 1]; } } else if (document.getElementById("effectSelected").value == "bouncePad") { paths[i].addEffect(new BouncePad(angle)); } else if (document.getElementById("effectSelected").value == "killBlock") { paths[i].addEffect(new KillBlock(angle)); } else if (document.getElementById("effectSelected").value == "killTurret") { paths[i].addEffect(new KillTurret(angle)) } break; } } } else if (document.getElementById("modifier").checked) { //placing modifier for (var i = 0; i < paths.length; i++) { if (paths[i].touchesPoint(x, y)) { if (document.getElementById("modifierSelected").value == "mover") { var xChange = parseInt(document.getElementById("xChange").value); var yChange = parseInt(document.getElementById("yChange").value); paths[i].addModifier(new PathMover(xChange, yChange)); } else if (document.getElementById("modifierSelected").value == "rotator") { var speed = parseFloat(document.getElementById("rotatorSpeed").value); paths[i].addModifier(new PathRotater(speed)); } else if (document.getElementById("modifierSelected").value == "changer") { var minRadius = parseInt(document.getElementById("minRadius").value); var maxRadius = parseInt(document.getElementById("maxRadius").value); if (minRadius > maxRadius) { var temp = minRadius; minRadius = maxRadius; maxRadius = temp; } paths[i].addModifier(new PathChanger(minRadius, maxRadius)); paths[i].radius = minRadius; } break; } } } else if (document.getElementById("removePath").checked) { //removing path for (var i = 0; i < paths.length; i++) { if (paths[i].touchesPoint(x, y)) { for (var j = 0; j < paths[i].pathEffects.length; j++) { if (paths[i].pathEffects[j] instanceof Portal) { paths[i].pathEffects[j].exitPortal.exitPortal = null; } } paths.splice(i, 1); if (paths.length > 0) { player.currentPath = paths[0]; paths[0].active = true; paths[paths.length - 1].isGoal = true; player.offsetAngle = -player.currentPath.rotation; } else { player.currentPath = null; } break; } } } } function Player(currentPath, offsetAngle) { this.currentPath = currentPath; this.offsetAngle = offsetAngle; this.goingRight = true; this.radius = 8; this.trail = []; this.trailLength = 30; this.atGoal = false; this.timeSinceTeleport = 0; this.show = function(c, offsetX, offsetY) { if (this.currentPath !== null) { this.currentPath.showPath(c, offsetX, offsetY); c.strokeStyle = COLORS.playerTrail; for (var i = 1; i < this.trail.length; i++) { c.beginPath(); c.lineWidth = i / this.trail.length * this.radius; c.moveTo(this.trail[i - 1][0] - offsetX, this.trail[i - 1][1] - offsetY); c.lineTo(this.trail[i][0] - offsetX, this.trail[i][1] - offsetY); c.stroke(); } c.lineWidth = 1; var x = this.currentPath.middleX - offsetX + this.currentPath.radius * Math.cos(this.currentPath.rotation + this.offsetAngle); var y = this.currentPath.middleY - offsetY + this.currentPath.radius * Math.sin(this.currentPath.rotation + this.offsetAngle); this.trail.push([x + offsetX, y + offsetY]); c.fillStyle = COLORS.player; c.beginPath(); c.arc(x, y, this.radius, 0, 2 * Math.PI); c.fill(); if (this.trail.length > this.trailLength) { this.trail.splice(0, 1); } } } this.update = function() { if (this.currentPath !== null) { for (var i = 0; i < this.currentPath.pathEffects.length; i++) { if (this.currentPath.pathEffects[i].touchingPlayer(this)) { if (this.currentPath.pathEffects[i].type == "bouncePad") { this.goingRight = !this.goingRight; this.currentPath.rotationSpeed *= -1; } else if (this.currentPath.pathEffects[i].type == "portal" && this.timeSinceTeleport > 60) { this.currentPath.active = false; var newAngle = this.currentPath.pathEffects[i].exitPortal.angle; this.currentPath = this.currentPath.pathEffects[i].exitPortal.path; this.currentPath.active = true; this.offsetAngle = -this.currentPath.rotation + newAngle; this.timeSinceTeleport = 0; } else if (this.currentPath.pathEffects[i].type == "killBlock") { this.currentPath = null; return; } else if (this.currentPath.pathEffects[i].type == "killTurret") { this.currentPath = null; return; } } } this.currentPath.speedUp(this.goingRight); this.timeSinceTeleport++; } } this.calcCameraPosition = function() { var x = this.currentPath.middleX + this.currentPath.radius * Math.cos(this.currentPath.rotation + this.offsetAngle); var y = this.currentPath.middleY + this.currentPath.radius * Math.sin(this.currentPath.rotation + this.offsetAngle); return [x, y]; } } function Path(middleX, middleY, radius, isGoal) { this.startX = middleX; this.startY = middleY; this.startRadius = radius; this.middleX = middleX; this.middleY = middleY; this.radius = radius; this.pathWidth = 7; this.pathHolderWidth = 3; this.active = false; this.isGoal = isGoal; this.rotation = 2 * Math.PI * Math.random(); this.rotationSpeed = 0; this.maxRotationSpeed = Math.PI / this.radius; this.pathEffects = []; this.pathModifiers = []; this.addEffect = function(effect) { this.pathEffects.push(effect) effect.path = this; } this.addModifier = function(modifier) { this.pathModifiers.push(modifier); modifier.path = this; } this.speedUp = function(goingRight) { if (goingRight) { this.rotationSpeed += (this.maxRotationSpeed - this.rotationSpeed) / 30; } else { this.rotationSpeed -= (this.maxRotationSpeed + this.rotationSpeed) / 30; } } this.update = function() { this.rotation += this.rotationSpeed; this.rotationSpeed *= 0.99; for (var i = 0; i < this.pathModifiers.length; i++) { this.pathModifiers[i].update(); } for (var i = 0; i < this.pathEffects.length; i++) { this.pathEffects[i].update(); } } this.showPathHolder = function(c, offsetX, offsetY) { c.strokeStyle = COLORS.pathHolder; c.lineWidth = this.pathHolderWidth; var pathHolders = 4; for (var i = 0; i < pathHolders; i++) { c.beginPath(); c.moveTo(this.middleX - offsetX, this.middleY - offsetY); var x = this.middleX - offsetX + this.radius * Math.cos(this.rotation + (2 * Math.PI * i / pathHolders)) var y = this.middleY - offsetY + this.radius * Math.sin(this.rotation + (2 * Math.PI * i / pathHolders)) c.lineTo(x, y); c.stroke(); } } this.showPath = function(c, offsetX, offsetY) { if (this.isGoal) { if (this.active) { c.lineWidth = this.pathWidth * 1.75; c.strokeStyle = COLORS.activePathShadow; c.beginPath(); c.arc(this.middleX - offsetX, this.middleY - offsetY, this.radius, 0, 2 * Math.PI); c.stroke(); } c.lineWidth = this.pathWidth; c.strokeStyle = "#000000"; c.beginPath(); c.arc(this.middleX - offsetX, this.middleY - offsetY, this.radius, 0, 2 * Math.PI); c.stroke(); c.strokeStyle = "#FFFFFF"; c.beginPath(); c.setLineDash([10]); c.arc(this.middleX - offsetX, this.middleY - offsetY, this.radius, 0, 2 * Math.PI); c.stroke(); c.setLineDash([]); } else { c.lineWidth = this.pathWidth; if (this.active) { c.strokeStyle = COLORS.activePathShadow; c.beginPath(); c.lineWidth = this.pathWidth * 1.75; c.arc(this.middleX - offsetX, this.middleY - offsetY, this.radius, 0, 2 * Math.PI); c.stroke(); c.lineWidth = this.pathWidth c.strokeStyle = COLORS.activePath; c.beginPath(); c.arc(this.middleX - offsetX, this.middleY - offsetY, this.radius, 0, 2 * Math.PI); c.stroke(); } else { c.lineWidth = this.pathWidth c.strokeStyle = COLORS.path; c.beginPath(); c.arc(this.middleX - offsetX, this.middleY - offsetY, this.radius, 0, 2 * Math.PI); c.stroke(); } } for (var i = 0; i < this.pathEffects.length; i++) { this.pathEffects[i].show(c, offsetX, offsetY); } } this.touchesPoint = function(x, y) { return Math.abs(Math.hypot(this.middleX - x, this.middleY - y) - this.radius) < this.pathWidth * 2; //more forgiving XD } } //-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- //Path Effects (player interacts directly): //-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- function BouncePad(angle) { this.angle = angle; this.radius = 10; this.path = null; this.type = "bouncePad"; this.touchingPlayer = function(player) { var playerX = player.currentPath.middleX + player.currentPath.radius * Math.cos(player.currentPath.rotation + player.offsetAngle); var playerY = player.currentPath.middleY + player.currentPath.radius * Math.sin(player.currentPath.rotation + player.offsetAngle); var thisX = this.path.middleX + this.path.radius * Math.cos(this.angle); var thisY = this.path.middleY + this.path.radius * Math.sin(this.angle); return Math.hypot(playerX - thisX, playerY - thisY) < this.radius; } this.show = function(c, offsetX, offsetY) { c.beginPath(); c.strokeStyle = COLORS.bouncePad; c.lineWidth = this.radius / 3; var x1 = this.path.middleX - offsetX + this.path.radius * 0.85 * Math.cos(this.angle); var y1 = this.path.middleY - offsetY + this.path.radius * 0.85 * Math.sin(this.angle); var x2 = this.path.middleX - offsetX + this.path.radius * 1.15 * Math.cos(this.angle); var y2 = this.path.middleY - offsetY + this.path.radius * 1.15 * Math.sin(this.angle); c.moveTo(x1, y1); c.lineTo(x2, y2); c.stroke(); c.beginPath(); c.fillStyle = COLORS.bouncePad; c.arc(x1, y1, c.lineWidth, 0, 2 * Math.PI); c.fill(); c.beginPath(); c.arc(x2, y2, c.lineWidth, 0, 2 * Math.PI); c.fill(); } this.update = function() { } } function Portal(angle) { this.angle = angle; this.radius = 15; this.path = null; this.type = "portal"; this.exitPortal = null; this.showRadius = [0, 5, 10, 15]; this.touchingPlayer = function(player) { var playerX = player.currentPath.middleX + player.currentPath.radius * Math.cos(player.currentPath.rotation + player.offsetAngle); var playerY = player.currentPath.middleY + player.currentPath.radius * Math.sin(player.currentPath.rotation + player.offsetAngle); var thisX = this.path.middleX + this.path.radius * Math.cos(this.angle); var thisY = this.path.middleY + this.path.radius * Math.sin(this.angle); return Math.hypot(playerX - thisX, playerY - thisY) < this.radius; } this.show = function(c, offsetX, offsetY) { var thisX = this.path.middleX - offsetX + this.path.radius * Math.cos(this.angle); var thisY = this.path.middleY - offsetY + this.path.radius * Math.sin(this.angle); var exitX; var exitY; try { exitX = this.exitPortal.path.middleX - offsetX + this.exitPortal.path.radius * Math.cos(this.exitPortal.angle); exitY = this.exitPortal.path.middleY - offsetY + this.exitPortal.path.radius * Math.sin(this.exitPortal.angle); } catch (Exception) { } c.strokeStyle = COLORS.portal; c.lineWidth = 3; for (var i = 0; i < this.showRadius.length; i++) { c.beginPath(); c.arc(thisX, thisY, this.showRadius[i], 0, 2 * Math.PI); c.stroke(); this.showRadius[i] = (this.showRadius[i] + 0.125) % 16; } c.beginPath(); c.strokeStyle = COLORS.portalConnection; c.setLineDash([3, 5]); c.lineWidth = 2; c.moveTo(thisX, thisY); c.lineTo(exitX, exitY); c.stroke(); c.setLineDash([]); } this.update = function() { } } //static function KillBlock(angle) { this.angle = angle; this.radius = 10; this.path = null; this.type = "killBlock"; this.touchingPlayer = function(player) { var playerX = player.currentPath.middleX + player.currentPath.radius * Math.cos(player.currentPath.rotation + player.offsetAngle); var playerY = player.currentPath.middleY + player.currentPath.radius * Math.sin(player.currentPath.rotation + player.offsetAngle); var thisX = this.path.middleX + this.path.radius * Math.cos(this.angle); var thisY = this.path.middleY + this.path.radius * Math.sin(this.angle); return Math.hypot(playerX - thisX, playerY - thisY) < this.radius; } this.show = function(c, offsetX, offsetY) { c.beginPath(); c.strokeStyle = COLORS.killBlock; c.lineWidth = this.radius / 3; var x1 = this.path.middleX - offsetX + this.path.radius * 0.85 * Math.cos(this.angle); var y1 = this.path.middleY - offsetY + this.path.radius * 0.85 * Math.sin(this.angle); var x2 = this.path.middleX - offsetX + this.path.radius * 1.15 * Math.cos(this.angle); var y2 = this.path.middleY - offsetY + this.path.radius * 1.15 * Math.sin(this.angle); c.moveTo(x1, y1); c.lineTo(x2, y2); c.stroke(); c.beginPath(); c.fillStyle = COLORS.killBlockBorder; c.arc(x1, y1, c.lineWidth, 0, 2 * Math.PI); c.fill(); c.beginPath(); c.arc(x2, y2, c.lineWidth, 0, 2 * Math.PI); c.fill(); } this.update = function() { } } //dynamic function KillTurret(angle) { this.angle = angle; this.radius = 10; this.path = null; this.type = "killTurret"; this.touchingPlayer = function(player) { var playerX = player.currentPath.middleX + player.currentPath.radius * Math.cos(player.currentPath.rotation + player.offsetAngle); var playerY = player.currentPath.middleY + player.currentPath.radius * Math.sin(player.currentPath.rotation + player.offsetAngle); var thisX = this.path.middleX + this.path.radius * Math.cos(this.angle); var thisY = this.path.middleY + this.path.radius * Math.sin(this.angle); return Math.hypot(playerX - thisX, playerY - thisY) < this.radius; } this.show = function(c, offsetX, offsetY) { c.beginPath(); c.strokeStyle = COLORS.killBlock; c.lineWidth = this.radius / 3; var x1 = this.path.middleX - offsetX + this.path.radius * 0.85 * Math.cos(this.angle); var y1 = this.path.middleY - offsetY + this.path.radius * 0.85 * Math.sin(this.angle); var x2 = this.path.middleX - offsetX + this.path.radius * 1.15 * Math.cos(this.angle); var y2 = this.path.middleY - offsetY + this.path.radius * 1.15 * Math.sin(this.angle); c.moveTo(x1, y1); c.lineTo(x2, y2); c.stroke(); c.beginPath(); c.fillStyle = COLORS.killBlockBorder; c.arc(x1, y1, c.lineWidth, 0, 2 * Math.PI); c.fill(); c.beginPath(); c.arc(x2, y2, c.lineWidth, 0, 2 * Math.PI); c.fill(); } this.update = function() { this.angle += this.path.maxRotationSpeed * 0.773; } } //-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- //Path Modifiers (player interacts indirectly): //-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- function PathMover(xChange, yChange) { if (xChange == 0) { xChange = 1; } this.path = null; this.waitingTimer = 0; this.xChange = xChange; this.yChange = yChange; this.speed = Math.hypot(xChange, yChange); this.xOffset = 0; this.yOffset = 0; this.move = 1; this.update = function() { this.path.middleX -= this.xOffset; this.path.middleY -= this.yOffset; if (this.xOffset > this.xChange) { if (this.waitingTimer == 0) { this.waitingTimer = 60; this.move = 0; } else if (this.waitingTimer == 1) { this.waitingTimer--; this.move = -1; } else { this.waitingTimer--; this.move = 0; } } else if (this.xOffset < -this.xChange) { if (this.waitingTimer == 0) { this.waitingTimer = 60; this.move = 0; } else if (this.waitingTimer == 1) { this.waitingTimer--; this.move = 1; } else { this.waitingTimer--; this.move = 0; } } this.xOffset += this.move * (this.xChange / this.speed); this.yOffset += this.move * (this.yChange / this.speed); this.path.middleX += this.xOffset; this.path.middleY += this.yOffset; } } function PathChanger(minRadius, maxRadius) { this.minRadius = minRadius; this.maxRadius = maxRadius; this.path = null; this.radiusAdd = 1; this.waitingTimer = 0; this.update = function() { if (this.path.radius < minRadius) { if (this.waitingTimer == 0) { this.waitingTimer = 60; this.radiusAdd = 0; } else if (this.waitingTimer == 1) { this.waitingTimer--; this.radiusAdd = 1; } else { this.waitingTimer--; this.radiusAdd = 0; } } else if (this.path.radius > maxRadius) { if (this.waitingTimer == 0) { this.waitingTimer = 60; this.radiusAdd = 0; } else if (this.waitingTimer == 1) { this.waitingTimer--; this.radiusAdd = -1; } else { this.waitingTimer--; this.radiusAdd = 0; } } this.path.radius += this.radiusAdd; this.path.maxRotationSpeed = Math.PI / this.path.radius; } } function PathRotater(rotationSpeed) { this.path = null; this.rotationSpeed = rotationSpeed; this.update = function() { this.path.rotation += this.rotationSpeed; } }

spin path || game v3