const atrees = { "Assassin": [ { "title": "Spin Attack", "desc": "desc", "image": "../media/atree/node.png", "connector": false, "row": 0, "col": 4 }, { "image": "../media/atree/connect_line.png", "connector": true, "rotate": 0, "row": 1, "col": 4 }, { "title": "Dagger Proficiency I", "desc": "desc", "image": "../media/atree/node.png", "connector": false, "row": 2, "col": 4 }, { "image": "../media/atree/connect_line.png", "connector": true, "rotate": 90, "row": 2, "col": 3 }, { "title": "Text", "desc": "desc", "image": "../media/atree/node.png", "connector": false, "row": 2, "col": 2 }, { "image": "../media/atree/connect_line.png", "connector": true, "rotate": 0, "row": 3, "col": 4 }, { "title": "Double Spin", "desc": "desc", "image": "../media/atree/node.png", "connector": false, "row": 4, "col": 4 }, { "image": "../media/atree/connect_line.png", "connector": true, "rotate": 0, "row": 5, "col": 4 }, { "title": "Dash", "desc": "desc", "image": "../media/atree/node.png", "connector": false, "row": 6, "col": 4 }, { "image": "../media/atree/connect_line.png", "connector": true, "rotate": 90, "row": 6, "col": 3 }, { "title": "Text", "desc": "desc", "image": "../media/atree/node.png", "connector": false, "row": 6, "col": 2 }, { "image": "../media/atree/connect_line.png", "connector": true, "rotate": 90, "row": 6, "col": 5 }, { "title": "Text", "desc": "desc", "image": "../media/atree/node.png", "connector": false, "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": [], "Archer": [], "Shaman": [] } const atree_example = [ { "title": "skill", "desc": "desc", "image": "../media/atree/node.png", "connector": false, "row": 5, "col": 3, }, { "image": "../media/atree/connect_angle.png", "connector": true, "rotate": 270, "row": 4, "col": 3, }, { "title": "skill2", "desc": "desc", "image": "../media/atree/node.png", "connector": false, "row": 0, "col": 2 }, { "image": "../media/atree/connect_line.png", "connector": true, "rotate": 0, "row": 1, "col": 2 }, { "title": "skill3", "desc": "desc", "image": "../media/atree/node.png", "connector": false, "row": 2, "col": 2 }, { "image": "../media/atree/connect_line.png", "connector": true, "rotate": 90, "row": 2, "col": 3 }, { "title": "skill4", "desc": "desc", "image": "../media/atree/node.png", "connector": false, "row": 2, "col": 4 }, { "image": "../media/atree/connect_line.png", "connector": true, "rotate": 0, "row": 3, "col": 2 }, { "title": "skill5", "desc": "desc", "image": "../media/atree/node.png", "connector": false, "row": 4, "col": 2 }, ];