diff --git a/css/sq2bs.css b/css/sq2bs.css index 27fb6dd..0532fc0 100644 --- a/css/sq2bs.css +++ b/css/sq2bs.css @@ -474,11 +474,7 @@ a:hover { transform: rotate(270deg); } -/* atree hover */ -.atree-selected { - border: 5px solid blue; - border-radius: 50%; -} + .hide-scroll { -ms-overflow-style: none; /* Internet Explorer 10+ */ diff --git a/js/atree_constants.js b/js/atree_constants.js index 94dea24..8ed02d6 100644 --- a/js/atree_constants.js +++ b/js/atree_constants.js @@ -88,7 +88,7 @@ const atrees = "image": "../media/atree/connect_line.png", "connector": true, "rotate": 90, - "row": 5, + "row": 6, "col": 5 }, { @@ -99,6 +99,1152 @@ const atrees = "row": 6, "col": 6 }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 7, + "col": 2 + }, + { + "title": "Smoke Bomb", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 8, + "col": 2 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 7, + "col": 6 + }, + { + "title": "Multihit", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 8, + "col": 6 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 90, + "row": 8, + "col": 3 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 90, + "row": 8, + "col": 5 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 8, + "col": 4 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 90, + "row": 8, + "col": 1 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 180, + "row": 8, + "col": 0 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 9, + "col": 0 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 10, + "col": 0 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 9, + "col": 2 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 10, + "col": 2 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 9, + "col": 6 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 10, + "col": 6 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 90, + "row": 8, + "col": 7 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 270, + "row": 8, + "col": 8 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 9, + "col": 8 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 10, + "col": 8 + }, + { + "image": "../media/atree/connect_t.png", + "connector": true, + "rotate": 180, + "row": 10, + "col": 1 + }, + { + "title": "Backstab", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 11, + "col": 1 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 9, + "col": 4 + }, + { + "image": "../media/atree/connect_t.png", + "connector": true, + "rotate": 90, + "row": 10, + "col": 4 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 90, + "row": 10, + "col": 5 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 11, + "col": 4 + }, + { + "image": "../media/atree/connect_t.png", + "connector": true, + "rotate": 180, + "row": 10, + "col": 7 + }, + { + "title": "Fatality", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 11, + "col": 7 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 180, + "row": 11, + "col": 0 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 12, + "col": 0 + }, + { + "title": "Violent Vortex", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 13, + "col": 0 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 270, + "row": 11, + "col": 2 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 12, + "col": 2 + }, + { + "title": "Vanish", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 13, + "col": 2 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 12, + "col": 4 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 90, + "row": 13, + "col": 3 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 13, + "col": 4 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 13, + "col": 6 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 14, + "col": 2 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 15, + "col": 2 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 14, + "col": 4 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 15, + "col": 4 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 12, + "col": 7 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 13, + "col": 7 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 14, + "col": 7 + }, + { + "title": "Lacerate", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 15, + "col": 7 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 180, + "row": 15, + "col": 1 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 16, + "col": 1 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 270, + "row": 15, + "col": 5 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 16, + "col": 5 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 270, + "row": 15, + "col": 8 + }, + { + "title": "Wall of Smoke", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 16, + "col": 8 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 180, + "row": 16, + "col": 0 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 17, + "col": 0 + }, + { + "title": "Silent Killer", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 18, + "col": 0 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 270, + "row": 16, + "col": 2 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 17, + "col": 2 + }, + { + "title": "Shadow Travel", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 18, + "col": 2 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 17, + "col": 5 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 18, + "col": 5 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 17, + "col": 8 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 18, + "col": 8 + }, + { + "image": "../media/atree/connect_t.png", + "connector": true, + "rotate": 180, + "row": 18, + "col": 4 + }, + { + "title": "Exploding Clones", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 19, + "col": 4 + }, + { + "image": "../media/atree/connect_t.png", + "connector": true, + "rotate": 180, + "row": 18, + "col": 3 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 19, + "col": 0 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 20, + "col": 0 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 19, + "col": 3 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 20, + "col": 3 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 90, + "row": 18, + "col": 6 + }, + { + "image": "../media/atree/connect_t.png", + "connector": true, + "rotate": 180, + "row": 18, + "col": 7 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 19, + "col": 7 + }, + { + "title": "Weightless", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 20, + "col": 7 + }, + { + "image": "../media/atree/connect_t.png", + "connector": true, + "rotate": 180, + "row": 20, + "col": 1 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 90, + "row": 20, + "col": 2 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 21, + "col": 1 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 270, + "row": 20, + "col": 4 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 21, + "col": 4 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 180, + "row": 20, + "col": 6 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 90, + "row": 21, + "col": 5 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 21, + "col": 6 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 270, + "row": 20, + "col": 8 + }, + { + "title": "Dancing Blade", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 21, + "col": 8 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 21, + "col": 0 + }, + { + "title": "Spin Attack Damage", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 22, + "col": 0 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 180, + "row": 21, + "col": 3 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 22, + "col": 3 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 270, + "row": 22, + "col": 1 + }, + { + "title": "Marked", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 23, + "col": 1 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 22, + "col": 4 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 23, + "col": 4 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 90, + "row": 23, + "col": 5 + }, + { + "title": "Shurikens", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 23, + "col": 6 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 90, + "row": 23, + "col": 7 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 22, + "col": 8 + }, + { + "title": "Far Reach", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 23, + "col": 8 + }, + { + "title": "Stronger Multihit", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 24, + "col": 5 + }, + { + "title": "Psithurism", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 24, + "col": 7 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 24, + "col": 1 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 25, + "col": 1 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 25, + "col": 3 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 24, + "col": 4 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 25, + "col": 4 + }, + { + "image": "../media/atree/connect_t.png", + "connector": true, + "rotate": 180, + "row": 25, + "col": 5 + }, + { + "title": "Choke Bomb", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 25, + "col": 6 + }, + { + "image": "../media/atree/connect_t.png", + "connector": true, + "rotate": 180, + "row": 25, + "col": 7 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 25, + "col": 8 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 26, + "col": 5 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 180, + "row": 25, + "col": 0 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 26, + "col": 0 + }, + { + "title": "Death Magnet", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 27, + "col": 0 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 270, + "row": 25, + "col": 2 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 26, + "col": 2 + }, + { + "title": "Cheaper Multihit", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 27, + "col": 2 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 26, + "col": 4 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 27, + "col": 4 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 26, + "col": 7 + }, + { + "title": "Parry", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 27, + "col": 7 + }, + { + "image": "../media/atree/connect_t.png", + "connector": true, + "rotate": 180, + "row": 27, + "col": 1 + }, + { + "title": "Fatal Spin", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 28, + "col": 1 + }, + { + "image": "../media/atree/connect_t.png", + "connector": true, + "rotate": 180, + "row": 27, + "col": 3 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 28, + "col": 3 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 180, + "row": 27, + "col": 6 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 28, + "col": 6 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 270, + "row": 27, + "col": 8 + }, + { + "title": "Wall Jump", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 28, + "col": 8 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 180, + "row": 28, + "col": 0 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 29, + "col": 0 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 29, + "col": 1 + }, + { + "title": "Harvester", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 30, + "col": 1 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 28, + "col": 4 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 29, + "col": 4 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 30, + "col": 4 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 28, + "col": 7 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 29, + "col": 7 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 30, + "col": 7 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 270, + "row": 30, + "col": 2 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 31, + "col": 2 + }, + { + "image": "../media/atree/connect_t.png", + "connector": true, + "rotate": 180, + "row": 30, + "col": 5 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 90, + "row": 30, + "col": 6 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 31, + "col": 5 + }, + { + "title": "Ricochet", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 31, + "col": 8 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 31, + "col": 1 + }, + { + "title": "Satsujin", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 32, + "col": 1 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 31, + "col": 4 + }, + { + "title": "Forbidden Art", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 32, + "col": 4 + }, + { + "image": "../media/atree/connect_line.png", + "connector": true, + "rotate": 0, + "row": 31, + "col": 7 + }, + { + "title": "Jasmine Bloom", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 32, + "col": 7 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 180, + "row": 32, + "col": 0 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 33, + "col": 0 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 270, + "row": 32, + "col": 2 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 33, + "col": 2 + }, + { + "image": "../media/atree/connect_angle.png", + "connector": true, + "rotate": 270, + "row": 32, + "col": 5 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 33, + "col": 5 + }, + { + "title": "Text", + "desc": "desc", + "image": "../media/atree/node.png", + "connector": false, + "row": 33, + "col": 8 + }, ], "Warrior": [], "Mage": [], diff --git a/js/sq2bs.js b/js/sq2bs.js index 67bbef3..a1de216 100644 --- a/js/sq2bs.js +++ b/js/sq2bs.js @@ -621,10 +621,12 @@ function construct_AT(elem, tree) { if (tooltip.style.display == "block") { tooltip.style.display = "none"; this.classList.remove("atree-selected"); + this.style.backgroundImage = 'url("../media/atree/node.png")'; } else { tooltip.style.display = "block"; this.classList.add("atree-selected"); + this.style.backgroundImage = 'url("../media/atree/node-selected.png")'; } }); }; diff --git a/media/atree/connect-3.png b/media/atree/connect-3.png deleted file mode 100644 index 7360366..0000000 Binary files a/media/atree/connect-3.png and /dev/null differ diff --git a/media/atree/connect_angle.png b/media/atree/connect_angle.png index 3ea2c16..46c5e81 100644 Binary files a/media/atree/connect_angle.png and b/media/atree/connect_angle.png differ diff --git a/media/atree/connect_line.png b/media/atree/connect_line.png index d96094a..02771e5 100644 Binary files a/media/atree/connect_line.png and b/media/atree/connect_line.png differ diff --git a/media/atree/connect_t.png b/media/atree/connect_t.png index 8aa4f12..14d3c16 100644 Binary files a/media/atree/connect_t.png and b/media/atree/connect_t.png differ diff --git a/media/atree/node-blocked.png b/media/atree/node-blocked.png new file mode 100644 index 0000000..42892b6 Binary files /dev/null and b/media/atree/node-blocked.png differ diff --git a/media/atree/node-selected.png b/media/atree/node-selected.png new file mode 100644 index 0000000..f67fef9 Binary files /dev/null and b/media/atree/node-selected.png differ diff --git a/media/atree/node.png b/media/atree/node.png index e0da27e..e37bf89 100644 Binary files a/media/atree/node.png and b/media/atree/node.png differ