From d1d1de27dc537ba6006170713bed2b726817f9d8 Mon Sep 17 00:00:00 2001 From: Big Bad Waffle Date: Sun, 11 Mar 2018 11:23:23 +0200 Subject: [PATCH] started adding passive tree to ingame --- .gitignore | 1 + helpers/passives/server/index.js | 2 +- src/client/ui/factory.js | 3 +- src/client/ui/templates/passives/constants.js | 13 ++ src/client/ui/templates/passives/passives.js | 178 ++++++++++++++++++ src/client/ui/templates/passives/styles.less | 27 +++ src/client/ui/templates/passives/temp.js | 9 + .../ui/templates/passives/template.html | 8 + 8 files changed, 239 insertions(+), 2 deletions(-) create mode 100644 src/client/ui/templates/passives/constants.js create mode 100644 src/client/ui/templates/passives/passives.js create mode 100644 src/client/ui/templates/passives/styles.less create mode 100644 src/client/ui/templates/passives/temp.js create mode 100644 src/client/ui/templates/passives/template.html diff --git a/.gitignore b/.gitignore index 83ce06a6..a3942cc0 100644 --- a/.gitignore +++ b/.gitignore @@ -5,3 +5,4 @@ storage.db *.css !helpers/item-tooltip/styles.css !helpers/passives/**/*.css +creds.js diff --git a/helpers/passives/server/index.js b/helpers/passives/server/index.js index b2a59c37..803f4906 100644 --- a/helpers/passives/server/index.js +++ b/helpers/passives/server/index.js @@ -26,7 +26,7 @@ var mod = { io.on('connection', this.listeners.onConnection.bind(this)); - var port = process.env.PORT || 4000; + var port = process.env.PORT || 5000; server.listen(port, function () { var message = 'Server: Ready'; console.log(message); diff --git a/src/client/ui/factory.js b/src/client/ui/factory.js index 2f1ee263..dcf6770e 100644 --- a/src/client/ui/factory.js +++ b/src/client/ui/factory.js @@ -49,7 +49,8 @@ define([ 'leaderboard', 'reputation', 'mail', - 'wardrobe' + 'wardrobe', + 'passives' ].forEach(function (u) { this.build(u); }, this); diff --git a/src/client/ui/templates/passives/constants.js b/src/client/ui/templates/passives/constants.js new file mode 100644 index 00000000..fcd921ae --- /dev/null +++ b/src/client/ui/templates/passives/constants.js @@ -0,0 +1,13 @@ +define([ + +], function ( + +) { + return { + lineWidth: 5, + blockSize: 20, + gridSize: 30, + + scrollSpeed: 0.75 + }; +}); diff --git a/src/client/ui/templates/passives/passives.js b/src/client/ui/templates/passives/passives.js new file mode 100644 index 00000000..589e3692 --- /dev/null +++ b/src/client/ui/templates/passives/passives.js @@ -0,0 +1,178 @@ +define([ + 'js/system/events', + 'js/system/client', + 'html!ui/templates/passives/template', + 'css!ui/templates/passives/styles', + 'ui/templates/passives/constants', + 'ui/templates/passives/temp' +], function ( + events, + client, + tpl, + styles, + constants, + temp +) { + return { + tpl: tpl, + + modal: true, + centered: true, + + canvas: null, + size: {}, + ctx: null, + + pos: { + x: 0, + y: 0 + }, + + data: { + nodes: null, + links: null + }, + + postRender: function () { + var data = JSON.parse(temp.json); + this.data.nodes = data.nodes; + this.data.links = data.links; + + //We need to be able to determine the size of elements + this.el.css({ + visibility: 'hidden', + display: 'block' + }); + + this.canvas = this.find('.canvas')[0]; + this.size.w = this.canvas.width = this.find('.bottom').width(); + this.size.h = this.canvas.height = this.find('.bottom').height(); + this.ctx = this.canvas.getContext('2d'); + + //Reset styles after determining size + this.el.css({ + visibility: 'visible', + display: 'none' + }); + + this.ctx.lineWidth = constants.lineWidth; + + $(this.canvas) + .on('contextmenu', function () { + return false; + }); + + this.onEvent('onKeyDown', this.onKeyDown.bind(this)); + + //Calculate midpoint + this.data.nodes.forEach(function (n) { + this.pos.x += n.pos.x; + this.pos.y += n.pos.y; + }, this); + + this.pos.x = ~~(this.pos.x / this.data.nodes.length) * constants.gridSize; + this.pos.y = ~~(this.pos.y / this.data.nodes.length) * constants.gridSize; + }, + + renderNodes: function () { + this.renderers.clear.call(this); + + var links = this.data.links; + var nodes = this.data.nodes; + + links.forEach(function (l) { + var linked = ( + nodes.find(n => (n.id == l.from.id)).selected && + nodes.find(n => (n.id == l.to.id)).selected + ); + this.renderers.line.call(this, l.from, l.to, linked); + }, this); + + nodes.forEach(function (n) { + this.renderers.node.call(this, n, n.pos.x, n.pos.y); + }, this); + }, + + toggle: function (show) { + this.shown = !this.el.is(':visible'); + + if (this.shown) { + this.show(); + this.renderNodes(); + } else + this.hide(); + }, + + onKeyDown: function (key) { + if (key == 'p') + this.toggle(); + }, + + renderers: { + clear: function () { + var pos = this.oldPos || this.pos; + + this.ctx.clearRect(0, 0, this.size.w, this.size.h); + + delete this.oldPos; + }, + + node: function (node) { + var color = (node.color >= 0) ? (node.color + 1) : -1; + if ((!node.stats) || (Object.keys(node.stats).length == 0)) + color = 0; + + this.ctx.fillStyle = ([ + '#69696e', + '#c0c3cf', + '#3fa7dd', + '#4ac441', + '#d43346', + '#a24eff' + ])[color]; + var size = ([ + constants.blockSize, + constants.blockSize * 2, + constants.blockSize * 3 + ])[node.size]; + var x = (node.pos.x * constants.gridSize) - ((size - constants.blockSize) / 2) - this.pos.x; + var y = (node.pos.y * constants.gridSize) - ((size - constants.blockSize) / 2) - this.pos.y; + + this.ctx.fillRect(x, y, size, size); + + this.ctx.strokeStyle = ([ + '#69696e', + '#69696e', + '#42548d', + '#386646', + '#763b3b', + '#533399' + ])[color]; + this.ctx.strokeRect(x, y, size, size); + + if (node.selected) { + this.ctx.strokeStyle = '#fafcfc'; + this.ctx.strokeRect(x, y, size, size); + } + }, + + line: function (fromNode, toNode, linked) { + var ctx = this.ctx; + var halfSize = constants.blockSize / 2; + + var fromX = (fromNode.pos.x * constants.gridSize) + halfSize - this.pos.x; + var fromY = (fromNode.pos.y * constants.gridSize) + halfSize - this.pos.y; + + var toX = (toNode.pos.x * constants.gridSize) + halfSize - this.pos.x; + var toY = (toNode.pos.y * constants.gridSize) + halfSize - this.pos.y; + + ctx.strokeStyle = linked ? '#fafcfc' : '#69696e'; + ctx.beginPath(); + ctx.moveTo(fromX, fromY); + ctx.lineTo(toX, toY); + ctx.closePath(); + ctx.stroke(); + } + } + } +}); diff --git a/src/client/ui/templates/passives/styles.less b/src/client/ui/templates/passives/styles.less new file mode 100644 index 00000000..61cc9dd5 --- /dev/null +++ b/src/client/ui/templates/passives/styles.less @@ -0,0 +1,27 @@ +@import "../../../css/ui.less"; + +.uiPassives { + display: none; + z-index: 2; + border: 5px solid @blackB; + text-align: center; + height: 700px; + width: 900px; + + > .heading { + color: @white; + width: 100%; + height: 36px; + background-color: @blackB; + + .heading-text { + padding-top: 8px; + margin: auto; + } + } + + .bottom { + height: calc(100% - 36px); + background-color: @blackC; + } +} diff --git a/src/client/ui/templates/passives/temp.js b/src/client/ui/templates/passives/temp.js new file mode 100644 index 00000000..8832fcf1 --- /dev/null +++ b/src/client/ui/templates/passives/temp.js @@ -0,0 +1,9 @@ +define([ + +], function ( + +) { + return { + json: '{"nodes":[{"color":3,"size":0,"pos":{"x":53,"y":39},"id":0,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}},{"color":3,"size":0,"pos":{"x":50,"y":39},"id":1,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}},{"color":3,"size":0,"pos":{"x":47,"y":39},"id":2,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}},{"color":3,"size":0,"pos":{"x":47,"y":36},"id":3,"selected":false,"group":["Bear"],"stats":{"attackSpeed":1}},{"color":3,"size":0,"pos":{"x":41,"y":39},"id":4,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}},{"color":3,"size":0,"pos":{"x":44,"y":39},"id":5,"selected":false,"group":["Bear"],"stats":{"attackSpeed":1}},{"color":3,"size":0,"pos":{"x":41,"y":36},"id":6,"selected":false,"group":["Bear"],"stats":{"attackSpeed":1}},{"color":3,"size":0,"pos":{"x":44,"y":33},"id":8,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}},{"color":3,"size":1,"pos":{"x":44,"y":36},"id":9,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1,"attackSpeed":1}},{"color":0,"size":0,"pos":{"x":47,"y":42},"id":10,"selected":false,"group":["Bear"],"stats":{"str":1}},{"color":0,"size":0,"pos":{"x":47,"y":45},"id":11,"selected":false,"group":["Bear"],"stats":{"str":1}},{"color":3,"size":0,"pos":{"x":44,"y":51},"id":14,"selected":false,"group":["Bear"],"stats":{"armorPercent":1}},{"color":3,"size":0,"pos":{"x":50,"y":51},"id":17,"selected":false,"group":["Bear"],"stats":{"elementAllResist":1}},{"color":3,"size":1,"pos":{"x":44,"y":54},"id":18,"selected":false,"group":["Bear"],"stats":{"hpPercent":1,"armorPercent":1}},{"color":0,"size":0,"pos":{"x":47,"y":48},"id":20,"selected":false,"group":["Bear"],"stats":{"str":1}},{"color":3,"size":0,"pos":{"x":47,"y":54},"id":21,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}},{"color":3,"size":0,"pos":{"x":47,"y":57},"id":22,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}},{"color":3,"size":1,"pos":{"x":50,"y":54},"id":23,"selected":false,"group":["Bear"],"stats":{"blockSpellChance":1,"elementAllResist":1}},{"color":3,"size":0,"pos":{"x":47,"y":51},"id":7,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}},{"color":3,"size":0,"pos":{"x":50,"y":57},"id":13,"selected":false,"group":["Bear"],"stats":{"elementAllResist":1}},{"color":3,"size":0,"pos":{"x":44,"y":57},"id":19,"selected":false,"group":["Bear"],"stats":{"armorPercent":1}},{"color":0,"size":0,"pos":{"x":47,"y":60},"id":24,"selected":false,"group":["Bear"],"stats":{"str":1,"int":1}},{"color":3,"size":0,"pos":{"x":53,"y":42},"id":12,"selected":false,"group":["Bear"],"stats":{"vit":1}},{"color":3,"size":0,"pos":{"x":53,"y":45},"id":16,"selected":false,"group":["Bear"],"stats":{"vit":1}},{"color":3,"size":0,"pos":{"x":50,"y":48},"id":26,"selected":false,"group":["Bear"],"stats":{"vit":1}},{"color":0,"size":0,"pos":{"x":74,"y":42},"id":15,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":0,"pos":{"x":74,"y":39},"id":25,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":0,"pos":{"x":77,"y":39},"id":27,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":0,"pos":{"x":80,"y":36},"id":28,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":0,"pos":{"x":83,"y":36},"id":29,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":0,"pos":{"x":80,"y":42},"id":31,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":0,"pos":{"x":83,"y":42},"id":32,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":0,"pos":{"x":86,"y":42},"id":33,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":1,"pos":{"x":83,"y":39},"id":34,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":0,"pos":{"x":86,"y":39},"id":35,"selected":false,"stats":{},"group":["Lynx"]},{"color":1,"size":0,"pos":{"x":62,"y":63},"id":50,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]},{"color":1,"size":0,"pos":{"x":65,"y":63},"id":51,"selected":false,"stats":{"manaMax":1},"group":["Owl"]},{"color":1,"size":0,"pos":{"x":59,"y":66},"id":52,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]},{"color":1,"size":0,"pos":{"x":68,"y":66},"id":53,"selected":false,"stats":{"manaMax":1},"group":["Owl"]},{"color":1,"size":0,"pos":{"x":59,"y":72},"id":56,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]},{"color":1,"size":0,"pos":{"x":68,"y":69},"id":58,"selected":false,"stats":{"manaMax":1},"group":["Owl"]},{"color":0,"size":0,"pos":{"x":68,"y":72},"id":59,"selected":false,"stats":{"int":1},"group":["Owl"]},{"color":0,"size":0,"pos":{"x":74,"y":72},"id":60,"selected":false,"stats":{"int":1},"group":["Owl"]},{"color":1,"size":0,"pos":{"x":77,"y":72},"id":61,"selected":false,"stats":{"regenMana":1},"group":["Owl"]},{"color":0,"size":0,"pos":{"x":62,"y":75},"id":64,"selected":false,"stats":{"int":1},"group":["Owl"]},{"color":0,"size":0,"pos":{"x":65,"y":75},"id":65,"selected":false,"stats":{"int":1},"group":["Owl"]},{"color":1,"size":0,"pos":{"x":62,"y":78},"id":66,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]},{"color":1,"size":0,"pos":{"x":59,"y":78},"id":67,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]},{"color":1,"size":1,"pos":{"x":56,"y":78},"id":68,"selected":false,"stats":{"spellPercent":1,"spellAddCritChance":1},"group":["Owl"]},{"color":1,"size":0,"pos":{"x":65,"y":78},"id":69,"selected":false,"stats":{"castSpeed":1,"spellPercent":1},"group":["Owl"]},{"color":0,"size":0,"pos":{"x":71,"y":78},"id":70,"selected":false,"stats":{"int":1},"group":["Owl"]},{"color":1,"size":1,"pos":{"x":77,"y":75},"id":71,"selected":false,"stats":{"castSpeed":1,"regenMana":1},"group":["Owl"]},{"color":1,"size":0,"pos":{"x":80,"y":72},"id":54,"selected":false,"stats":{"regenMana":1},"group":["Owl"]},{"color":1,"size":0,"pos":{"x":83,"y":72},"id":55,"selected":false,"stats":{"regenMana":1},"group":["Owl"]},{"color":1,"size":1,"pos":{"x":83,"y":69},"id":57,"selected":false,"stats":{"regenMana":1,"manaMax":1},"group":["Owl"]},{"color":0,"size":0,"pos":{"x":56,"y":69},"id":72,"selected":false,"stats":{"str":1,"int":1},"group":["Owl"]},{"color":4,"size":0,"pos":{"x":53,"y":66},"id":73,"selected":false,"stats":{"elementPercent":1},"group":["Owl"]},{"color":0,"size":0,"pos":{"x":74,"y":45},"id":75,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":0,"pos":{"x":77,"y":45},"id":76,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":0,"pos":{"x":80,"y":48},"id":77,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":0,"pos":{"x":83,"y":48},"id":78,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":0,"pos":{"x":83,"y":51},"id":79,"selected":false,"stats":{"dex":1},"group":["Lynx"]},{"color":0,"size":0,"pos":{"x":77,"y":51},"id":81,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":0,"pos":{"x":74,"y":51},"id":82,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":1,"pos":{"x":74,"y":54},"id":83,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":0,"pos":{"x":77,"y":54},"id":84,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":0,"pos":{"x":83,"y":57},"id":85,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":0,"pos":{"x":80,"y":57},"id":86,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":1,"pos":{"x":80,"y":54},"id":87,"selected":false,"stats":{},"group":["Lynx"]},{"color":0,"size":0,"pos":{"x":83,"y":54},"id":88,"selected":false,"stats":{},"group":["Lynx"]},{"color":4,"size":0,"pos":{"x":50,"y":78},"id":36,"selected":false,"stats":{"elementPercent":1,"str":1}},{"color":4,"size":0,"pos":{"x":47,"y":75},"id":37,"selected":false,"stats":{"elementPercent":1,"str":1}},{"color":0,"size":0,"pos":{"x":47,"y":69},"id":38,"selected":false,"stats":{"str":1,"int":1}},{"color":0,"size":0,"pos":{"x":47,"y":63},"id":39,"selected":false,"stats":{"str":1,"int":1}},{"color":0,"size":0,"pos":{"x":44,"y":63},"id":40,"selected":false,"stats":{"str":1,"int":1}},{"color":4,"size":0,"pos":{"x":50,"y":63},"id":41,"selected":false,"stats":{"elementPercent":1}},{"color":4,"size":0,"pos":{"x":50,"y":66},"id":42,"selected":false,"stats":{"elementPercent":1}},{"color":4,"size":1,"pos":{"x":44,"y":66},"id":43,"selected":false,"stats":{"elementPercent":1,"physicalPercent":1}},{"color":0,"size":0,"pos":{"x":56,"y":63},"id":44,"selected":false,"stats":{"str":1,"int":1}},{"color":1,"size":0,"pos":{"x":50,"y":72},"id":46,"selected":false,"stats":{"auraReserveMultiplier":1}},{"color":1,"size":0,"pos":{"x":53,"y":72},"id":48,"selected":false,"stats":{"auraReserveMultiplier":1}},{"color":0,"size":0,"pos":{"x":74,"y":78},"id":74,"selected":false,"stats":{"int":1}},{"color":4,"size":2,"pos":{"x":53,"y":75},"id":89,"selected":false,"stats":{"elementPercent":-10,"physicalPercent":-10,"auraDoubleEffect":1}},{"color":1,"size":0,"pos":{"x":80,"y":78},"id":45,"selected":false,"stats":{"castSpeed":1}},{"color":1,"size":0,"pos":{"x":83,"y":75},"id":47,"selected":false,"stats":{"castSpeed":1}},{"color":1,"size":0,"pos":{"x":80,"y":75},"id":90,"selected":false,"stats":{"castSpeed":1}},{"color":1,"size":0,"pos":{"x":62,"y":67},"id":91,"selected":false,"stats":{"elementArcanePercent":1}},{"color":1,"size":0,"pos":{"x":62,"y":71},"id":92,"selected":false,"stats":{"elementFirePercent":1}},{"color":1,"size":0,"pos":{"x":65,"y":71},"id":93,"selected":false,"stats":{"elementFrostPercent":1}},{"color":1,"size":0,"pos":{"x":65,"y":67},"id":94,"selected":false,"stats":{"elementHolyPercent":1}},{"color":0,"size":0,"pos":{"x":50,"y":33},"id":49,"selected":false,"stats":{}},{"color":0,"size":0,"pos":{"x":53,"y":30},"id":62,"selected":false,"stats":{}},{"color":0,"size":0,"pos":{"x":80,"y":33},"id":63,"selected":false,"stats":{"dex":1}},{"color":0,"size":0,"pos":{"x":77,"y":30},"id":95,"selected":false,"stats":{}},{"color":0,"size":0,"pos":{"x":71,"y":30},"id":96,"selected":false,"stats":{}},{"color":0,"size":0,"pos":{"x":59,"y":30},"id":97,"selected":false,"stats":{}},{"color":0,"size":0,"pos":{"x":71,"y":66},"id":98,"selected":false,"stats":{"int":1,"dex":1}},{"color":0,"size":0,"pos":{"x":77,"y":66},"id":99,"selected":false,"stats":{"int":1,"dex":1}},{"color":0,"size":0,"pos":{"x":80,"y":63},"id":100,"selected":false,"stats":{"dex":1}},{"color":0,"size":0,"pos":{"x":83,"y":60},"id":101,"selected":false,"stats":{"dex":1}},{"color":0,"size":0,"pos":{"x":71,"y":72},"id":102,"selected":false,"stats":{"int":1}},{"color":0,"size":0,"pos":{"x":71,"y":69},"id":103,"selected":false,"stats":{"int":1,"dex":1}},{"color":2,"size":2,"pos":{"x":77,"y":60},"id":30,"selected":false,"stats":{"manaMax":1}}],"links":[{"from":{"color":3,"size":0,"pos":{"x":53,"y":39},"id":0,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}},"to":{"color":3,"size":0,"pos":{"x":50,"y":39},"id":1,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}}},{"from":{"color":3,"size":0,"pos":{"x":50,"y":39},"id":1,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}},"to":{"color":3,"size":0,"pos":{"x":47,"y":39},"id":2,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}}},{"from":{"color":3,"size":0,"pos":{"x":47,"y":39},"id":2,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}},"to":{"color":3,"size":0,"pos":{"x":47,"y":36},"id":3,"selected":false,"group":["Bear"],"stats":{"attackSpeed":1}}},{"from":{"color":3,"size":0,"pos":{"x":47,"y":36},"id":3,"selected":false,"group":["Bear"],"stats":{"attackSpeed":1}},"to":{"color":3,"size":0,"pos":{"x":44,"y":33},"id":8,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}}},{"from":{"color":3,"size":0,"pos":{"x":44,"y":33},"id":8,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}},"to":{"color":3,"size":0,"pos":{"x":41,"y":36},"id":6,"selected":false,"group":["Bear"],"stats":{"attackSpeed":1}}},{"from":{"color":3,"size":0,"pos":{"x":41,"y":36},"id":6,"selected":false,"group":["Bear"],"stats":{"attackSpeed":1}},"to":{"color":3,"size":0,"pos":{"x":41,"y":39},"id":4,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}}},{"from":{"color":3,"size":0,"pos":{"x":41,"y":39},"id":4,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}},"to":{"color":3,"size":0,"pos":{"x":44,"y":39},"id":5,"selected":false,"group":["Bear"],"stats":{"attackSpeed":1}}},{"from":{"color":3,"size":0,"pos":{"x":44,"y":39},"id":5,"selected":false,"group":["Bear"],"stats":{"attackSpeed":1}},"to":{"color":3,"size":1,"pos":{"x":44,"y":36},"id":9,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1,"attackSpeed":1}}},{"from":{"color":3,"size":0,"pos":{"x":47,"y":39},"id":2,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}},"to":{"color":0,"size":0,"pos":{"x":47,"y":42},"id":10,"selected":false,"group":["Bear"],"stats":{"str":1}}},{"from":{"color":0,"size":0,"pos":{"x":47,"y":42},"id":10,"selected":false,"group":["Bear"],"stats":{"str":1}},"to":{"color":0,"size":0,"pos":{"x":47,"y":45},"id":11,"selected":false,"group":["Bear"],"stats":{"str":1}}},{"from":{"color":0,"size":0,"pos":{"x":47,"y":48},"id":20,"selected":false,"group":["Bear"],"stats":{"str":1}},"to":{"color":3,"size":0,"pos":{"x":50,"y":51},"id":17,"selected":false,"group":["Bear"],"stats":{"elementAllResist":1}}},{"from":{"color":3,"size":0,"pos":{"x":47,"y":54},"id":21,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}},"to":{"color":3,"size":0,"pos":{"x":47,"y":57},"id":22,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}}},{"from":{"color":0,"size":0,"pos":{"x":47,"y":48},"id":20,"selected":false,"group":["Bear"],"stats":{"str":1}},"to":{"color":3,"size":0,"pos":{"x":44,"y":51},"id":14,"selected":false,"group":["Bear"],"stats":{"armorPercent":1}}},{"from":{"color":3,"size":0,"pos":{"x":44,"y":51},"id":14,"selected":false,"group":["Bear"],"stats":{"armorPercent":1}},"to":{"color":3,"size":1,"pos":{"x":44,"y":54},"id":18,"selected":false,"group":["Bear"],"stats":{"hpPercent":1,"armorPercent":1}}},{"from":{"color":3,"size":0,"pos":{"x":50,"y":51},"id":17,"selected":false,"group":["Bear"],"stats":{"elementAllResist":1}},"to":{"color":3,"size":1,"pos":{"x":50,"y":54},"id":23,"selected":false,"group":["Bear"],"stats":{"blockSpellChance":1,"elementAllResist":1}}},{"from":{"color":0,"size":0,"pos":{"x":47,"y":48},"id":20,"selected":false,"group":["Bear"],"stats":{"str":1}},"to":{"color":3,"size":0,"pos":{"x":47,"y":51},"id":7,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}}},{"from":{"color":3,"size":0,"pos":{"x":47,"y":51},"id":7,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}},"to":{"color":3,"size":0,"pos":{"x":47,"y":54},"id":21,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}}},{"from":{"color":0,"size":0,"pos":{"x":47,"y":45},"id":11,"selected":false,"group":["Bear"],"stats":{"str":1}},"to":{"color":0,"size":0,"pos":{"x":47,"y":48},"id":20,"selected":false,"group":["Bear"],"stats":{"str":1}}},{"from":{"color":3,"size":1,"pos":{"x":50,"y":54},"id":23,"selected":false,"group":["Bear"],"stats":{"blockSpellChance":1,"elementAllResist":1}},"to":{"color":3,"size":1,"pos":{"x":50,"y":54},"id":23,"selected":false,"group":["Bear"],"stats":{"blockSpellChance":1,"elementAllResist":1}}},{"from":{"color":3,"size":1,"pos":{"x":44,"y":54},"id":18,"selected":false,"group":["Bear"],"stats":{"hpPercent":1,"armorPercent":1}},"to":{"color":3,"size":0,"pos":{"x":44,"y":57},"id":19,"selected":false,"group":["Bear"],"stats":{"armorPercent":1}}},{"from":{"color":3,"size":0,"pos":{"x":44,"y":57},"id":19,"selected":false,"group":["Bear"],"stats":{"armorPercent":1}},"to":{"color":0,"size":0,"pos":{"x":47,"y":60},"id":24,"selected":false,"group":["Bear"],"stats":{"str":1,"int":1}}},{"from":{"color":3,"size":0,"pos":{"x":47,"y":57},"id":22,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}},"to":{"color":0,"size":0,"pos":{"x":47,"y":60},"id":24,"selected":false,"group":["Bear"],"stats":{"str":1,"int":1}}},{"from":{"color":3,"size":0,"pos":{"x":50,"y":57},"id":13,"selected":false,"group":["Bear"],"stats":{"elementAllResist":1}},"to":{"color":0,"size":0,"pos":{"x":47,"y":60},"id":24,"selected":false,"group":["Bear"],"stats":{"str":1,"int":1}}},{"from":{"color":3,"size":1,"pos":{"x":50,"y":54},"id":23,"selected":false,"group":["Bear"],"stats":{"blockSpellChance":1,"elementAllResist":1}},"to":{"color":3,"size":0,"pos":{"x":50,"y":57},"id":13,"selected":false,"group":["Bear"],"stats":{"elementAllResist":1}}},{"from":{"color":3,"size":0,"pos":{"x":47,"y":54},"id":21,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}},"to":{"color":3,"size":0,"pos":{"x":47,"y":54},"id":21,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}}},{"from":{"color":3,"size":0,"pos":{"x":50,"y":48},"id":26,"selected":false,"group":["Bear"],"stats":{"vit":1}},"to":{"color":0,"size":0,"pos":{"x":47,"y":48},"id":20,"selected":false,"group":["Bear"],"stats":{"str":1}}},{"from":{"color":3,"size":0,"pos":{"x":53,"y":45},"id":16,"selected":false,"group":["Bear"],"stats":{"vit":1}},"to":{"color":3,"size":0,"pos":{"x":53,"y":42},"id":12,"selected":false,"group":["Bear"],"stats":{"vit":1}}},{"from":{"color":3,"size":1,"pos":{"x":44,"y":36},"id":9,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1,"attackSpeed":1}},"to":{"color":3,"size":1,"pos":{"x":44,"y":36},"id":9,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1,"attackSpeed":1}}},{"from":{"color":3,"size":1,"pos":{"x":44,"y":54},"id":18,"selected":false,"group":["Bear"],"stats":{"hpPercent":1,"armorPercent":1}},"to":{"color":3,"size":1,"pos":{"x":44,"y":54},"id":18,"selected":false,"group":["Bear"],"stats":{"hpPercent":1,"armorPercent":1}}},{"from":{"color":3,"size":0,"pos":{"x":47,"y":54},"id":21,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}},"to":{"color":3,"size":0,"pos":{"x":47,"y":54},"id":21,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}}},{"from":{"color":3,"size":1,"pos":{"x":50,"y":54},"id":23,"selected":false,"group":["Bear"],"stats":{"blockSpellChance":1,"elementAllResist":1}},"to":{"color":3,"size":1,"pos":{"x":50,"y":54},"id":23,"selected":false,"group":["Bear"],"stats":{"blockSpellChance":1,"elementAllResist":1}}},{"from":{"color":3,"size":0,"pos":{"x":44,"y":51},"id":14,"selected":false,"group":["Bear"],"stats":{"armorPercent":1}},"to":{"color":3,"size":0,"pos":{"x":44,"y":51},"id":14,"selected":false,"group":["Bear"],"stats":{"armorPercent":1}}},{"from":{"color":3,"size":0,"pos":{"x":44,"y":57},"id":19,"selected":false,"group":["Bear"],"stats":{"armorPercent":1}},"to":{"color":3,"size":0,"pos":{"x":44,"y":57},"id":19,"selected":false,"group":["Bear"],"stats":{"armorPercent":1}}},{"from":{"color":3,"size":0,"pos":{"x":47,"y":57},"id":22,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}},"to":{"color":3,"size":0,"pos":{"x":47,"y":57},"id":22,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}}},{"from":{"color":3,"size":0,"pos":{"x":47,"y":51},"id":7,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}},"to":{"color":3,"size":0,"pos":{"x":47,"y":51},"id":7,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}}},{"from":{"color":3,"size":0,"pos":{"x":50,"y":51},"id":17,"selected":false,"group":["Bear"],"stats":{"elementAllResist":1}},"to":{"color":3,"size":0,"pos":{"x":50,"y":51},"id":17,"selected":false,"group":["Bear"],"stats":{"elementAllResist":1}}},{"from":{"color":3,"size":0,"pos":{"x":50,"y":57},"id":13,"selected":false,"group":["Bear"],"stats":{"elementAllResist":1}},"to":{"color":3,"size":0,"pos":{"x":50,"y":57},"id":13,"selected":false,"group":["Bear"],"stats":{"elementAllResist":1}}},{"from":{"color":3,"size":0,"pos":{"x":50,"y":51},"id":17,"selected":false,"group":["Bear"],"stats":{"elementAllResist":1}},"to":{"color":3,"size":0,"pos":{"x":50,"y":51},"id":17,"selected":false,"group":["Bear"],"stats":{"elementAllResist":1}}},{"from":{"color":3,"size":0,"pos":{"x":47,"y":51},"id":7,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}},"to":{"color":3,"size":0,"pos":{"x":47,"y":51},"id":7,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}}},{"from":{"color":3,"size":0,"pos":{"x":47,"y":51},"id":7,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}},"to":{"color":3,"size":0,"pos":{"x":47,"y":51},"id":7,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}}},{"from":{"color":3,"size":0,"pos":{"x":44,"y":51},"id":14,"selected":false,"group":["Bear"],"stats":{"armorPercent":1}},"to":{"color":3,"size":0,"pos":{"x":44,"y":51},"id":14,"selected":false,"group":["Bear"],"stats":{"armorPercent":1}}},{"from":{"color":3,"size":0,"pos":{"x":44,"y":57},"id":19,"selected":false,"group":["Bear"],"stats":{"armorPercent":1}},"to":{"color":3,"size":0,"pos":{"x":44,"y":57},"id":19,"selected":false,"group":["Bear"],"stats":{"armorPercent":1}}},{"from":{"color":3,"size":0,"pos":{"x":47,"y":57},"id":22,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}},"to":{"color":3,"size":0,"pos":{"x":47,"y":57},"id":22,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}}},{"from":{"color":3,"size":0,"pos":{"x":44,"y":51},"id":14,"selected":false,"group":["Bear"],"stats":{"armorPercent":1}},"to":{"color":3,"size":0,"pos":{"x":44,"y":51},"id":14,"selected":false,"group":["Bear"],"stats":{"armorPercent":1}}},{"from":{"color":3,"size":0,"pos":{"x":44,"y":57},"id":19,"selected":false,"group":["Bear"],"stats":{"armorPercent":1}},"to":{"color":3,"size":0,"pos":{"x":44,"y":57},"id":19,"selected":false,"group":["Bear"],"stats":{"armorPercent":1}}},{"from":{"color":3,"size":0,"pos":{"x":47,"y":57},"id":22,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}},"to":{"color":3,"size":0,"pos":{"x":47,"y":57},"id":22,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}}},{"from":{"color":3,"size":0,"pos":{"x":47,"y":51},"id":7,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}},"to":{"color":3,"size":0,"pos":{"x":47,"y":51},"id":7,"selected":false,"group":["Bear"],"stats":{"increasedStunDuration":1}}},{"from":{"color":3,"size":0,"pos":{"x":50,"y":51},"id":17,"selected":false,"group":["Bear"],"stats":{"elementAllResist":1}},"to":{"color":3,"size":0,"pos":{"x":50,"y":51},"id":17,"selected":false,"group":["Bear"],"stats":{"elementAllResist":1}}},{"from":{"color":3,"size":0,"pos":{"x":50,"y":57},"id":13,"selected":false,"group":["Bear"],"stats":{"elementAllResist":1}},"to":{"color":3,"size":0,"pos":{"x":50,"y":57},"id":13,"selected":false,"group":["Bear"],"stats":{"elementAllResist":1}}},{"from":{"color":0,"size":0,"pos":{"x":47,"y":60},"id":24,"selected":false,"group":["Bear"],"stats":{"str":1,"int":1}},"to":{"color":0,"size":0,"pos":{"x":47,"y":60},"id":24,"selected":false,"group":["Bear"],"stats":{"str":1,"int":1}}},{"from":{"color":0,"size":0,"pos":{"x":47,"y":60},"id":24,"selected":false,"group":["Bear"],"stats":{"str":1,"int":1}},"to":{"color":0,"size":0,"pos":{"x":47,"y":60},"id":24,"selected":false,"group":["Bear"],"stats":{"str":1,"int":1}}},{"from":{"color":3,"size":0,"pos":{"x":44,"y":39},"id":5,"selected":false,"group":["Bear"],"stats":{"attackSpeed":1}},"to":{"color":3,"size":0,"pos":{"x":44,"y":39},"id":5,"selected":false,"group":["Bear"],"stats":{"attackSpeed":1}}},{"from":{"color":3,"size":0,"pos":{"x":41,"y":39},"id":4,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}},"to":{"color":3,"size":0,"pos":{"x":41,"y":39},"id":4,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}}},{"from":{"color":3,"size":0,"pos":{"x":41,"y":36},"id":6,"selected":false,"group":["Bear"],"stats":{"attackSpeed":1}},"to":{"color":3,"size":0,"pos":{"x":41,"y":36},"id":6,"selected":false,"group":["Bear"],"stats":{"attackSpeed":1}}},{"from":{"color":3,"size":0,"pos":{"x":44,"y":33},"id":8,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}},"to":{"color":3,"size":0,"pos":{"x":44,"y":33},"id":8,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}}},{"from":{"color":3,"size":0,"pos":{"x":47,"y":36},"id":3,"selected":false,"group":["Bear"],"stats":{"attackSpeed":1}},"to":{"color":3,"size":0,"pos":{"x":47,"y":36},"id":3,"selected":false,"group":["Bear"],"stats":{"attackSpeed":1}}},{"from":{"color":3,"size":0,"pos":{"x":53,"y":39},"id":0,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}},"to":{"color":3,"size":0,"pos":{"x":53,"y":39},"id":0,"selected":false,"group":["Bear"],"stats":{"physicalPercent":1}}},{"from":{"color":3,"size":0,"pos":{"x":53,"y":42},"id":12,"selected":false,"group":["Bear"],"stats":{"vit":1}},"to":{"color":3,"size":0,"pos":{"x":53,"y":42},"id":12,"selected":false,"group":["Bear"],"stats":{"vit":1}}},{"from":{"color":3,"size":0,"pos":{"x":53,"y":45},"id":16,"selected":false,"group":["Bear"],"stats":{"vit":1}},"to":{"color":3,"size":0,"pos":{"x":50,"y":48},"id":26,"selected":false,"group":["Bear"],"stats":{"vit":1}}},{"from":{"color":0,"size":0,"pos":{"x":74,"y":42},"id":15,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":74,"y":39},"id":25,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":74,"y":39},"id":25,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":77,"y":39},"id":27,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":77,"y":39},"id":27,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":80,"y":36},"id":28,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":80,"y":36},"id":28,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":83,"y":36},"id":29,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":86,"y":39},"id":35,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":86,"y":42},"id":33,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":86,"y":42},"id":33,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":83,"y":42},"id":32,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":83,"y":42},"id":32,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":80,"y":42},"id":31,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":80,"y":42},"id":31,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":77,"y":39},"id":27,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":1,"pos":{"x":83,"y":39},"id":34,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":83,"y":36},"id":29,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":1,"pos":{"x":83,"y":39},"id":34,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":83,"y":42},"id":32,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":1,"size":0,"pos":{"x":62,"y":63},"id":50,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]},"to":{"color":1,"size":0,"pos":{"x":59,"y":66},"id":52,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]}},{"from":{"color":0,"size":0,"pos":{"x":62,"y":75},"id":64,"selected":false,"stats":{"int":1},"group":["Owl"]},"to":{"color":1,"size":0,"pos":{"x":62,"y":78},"id":66,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]}},{"from":{"color":1,"size":0,"pos":{"x":62,"y":78},"id":66,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]},"to":{"color":1,"size":0,"pos":{"x":59,"y":78},"id":67,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]}},{"from":{"color":1,"size":0,"pos":{"x":59,"y":78},"id":67,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]},"to":{"color":1,"size":1,"pos":{"x":56,"y":78},"id":68,"selected":false,"stats":{"spellPercent":1,"spellAddCritChance":1},"group":["Owl"]}},{"from":{"color":1,"size":0,"pos":{"x":65,"y":63},"id":51,"selected":false,"stats":{"manaMax":1},"group":["Owl"]},"to":{"color":1,"size":0,"pos":{"x":68,"y":66},"id":53,"selected":false,"stats":{"manaMax":1},"group":["Owl"]}},{"from":{"color":1,"size":0,"pos":{"x":68,"y":66},"id":53,"selected":false,"stats":{"manaMax":1},"group":["Owl"]},"to":{"color":1,"size":0,"pos":{"x":68,"y":69},"id":58,"selected":false,"stats":{"manaMax":1},"group":["Owl"]}},{"from":{"color":0,"size":0,"pos":{"x":68,"y":72},"id":59,"selected":false,"stats":{"int":1},"group":["Owl"]},"to":{"color":1,"size":0,"pos":{"x":68,"y":69},"id":58,"selected":false,"stats":{"manaMax":1},"group":["Owl"]}},{"from":{"color":0,"size":0,"pos":{"x":74,"y":72},"id":60,"selected":false,"stats":{"int":1},"group":["Owl"]},"to":{"color":1,"size":0,"pos":{"x":77,"y":72},"id":61,"selected":false,"stats":{"regenMana":1},"group":["Owl"]}},{"from":{"color":0,"size":0,"pos":{"x":65,"y":75},"id":65,"selected":false,"stats":{"int":1},"group":["Owl"]},"to":{"color":1,"size":0,"pos":{"x":65,"y":78},"id":69,"selected":false,"stats":{"castSpeed":1,"spellPercent":1},"group":["Owl"]}},{"from":{"color":1,"size":0,"pos":{"x":65,"y":78},"id":69,"selected":false,"stats":{"castSpeed":1,"spellPercent":1},"group":["Owl"]},"to":{"color":0,"size":0,"pos":{"x":71,"y":78},"id":70,"selected":false,"stats":{"int":1},"group":["Owl"]}},{"from":{"color":1,"size":0,"pos":{"x":59,"y":66},"id":52,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]},"to":{"color":1,"size":0,"pos":{"x":59,"y":72},"id":56,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]}},{"from":{"color":1,"size":0,"pos":{"x":77,"y":72},"id":61,"selected":false,"stats":{"regenMana":1},"group":["Owl"]},"to":{"color":1,"size":0,"pos":{"x":80,"y":72},"id":54,"selected":false,"stats":{"regenMana":1},"group":["Owl"]}},{"from":{"color":1,"size":0,"pos":{"x":83,"y":72},"id":55,"selected":false,"stats":{"regenMana":1},"group":["Owl"]},"to":{"color":1,"size":1,"pos":{"x":83,"y":69},"id":57,"selected":false,"stats":{"regenMana":1,"manaMax":1},"group":["Owl"]}},{"from":{"color":1,"size":0,"pos":{"x":83,"y":72},"id":55,"selected":false,"stats":{"regenMana":1},"group":["Owl"]},"to":{"color":1,"size":0,"pos":{"x":80,"y":72},"id":54,"selected":false,"stats":{"regenMana":1},"group":["Owl"]}},{"from":{"color":1,"size":0,"pos":{"x":59,"y":66},"id":52,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]},"to":{"color":0,"size":0,"pos":{"x":56,"y":69},"id":72,"selected":false,"stats":{"str":1,"int":1},"group":["Owl"]}},{"from":{"color":0,"size":0,"pos":{"x":56,"y":69},"id":72,"selected":false,"stats":{"str":1,"int":1},"group":["Owl"]},"to":{"color":4,"size":0,"pos":{"x":53,"y":66},"id":73,"selected":false,"stats":{"elementPercent":1},"group":["Owl"]}},{"from":{"color":0,"size":0,"pos":{"x":74,"y":45},"id":75,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":77,"y":45},"id":76,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":77,"y":45},"id":76,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":80,"y":48},"id":77,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":80,"y":48},"id":77,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":83,"y":48},"id":78,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":83,"y":48},"id":78,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":83,"y":51},"id":79,"selected":false,"stats":{"dex":1},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":77,"y":51},"id":81,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":74,"y":51},"id":82,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":74,"y":51},"id":82,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":1,"pos":{"x":74,"y":54},"id":83,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":1,"pos":{"x":74,"y":54},"id":83,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":77,"y":54},"id":84,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":77,"y":54},"id":84,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":77,"y":51},"id":81,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":83,"y":57},"id":85,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":80,"y":57},"id":86,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":80,"y":57},"id":86,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":1,"pos":{"x":80,"y":54},"id":87,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":1,"pos":{"x":80,"y":54},"id":87,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":83,"y":54},"id":88,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":83,"y":54},"id":88,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":83,"y":57},"id":85,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":1,"size":1,"pos":{"x":56,"y":78},"id":68,"selected":false,"stats":{"spellPercent":1,"spellAddCritChance":1},"group":["Owl"]},"to":{"color":4,"size":0,"pos":{"x":50,"y":78},"id":36,"selected":false,"stats":{"elementPercent":1,"str":1}}},{"from":{"color":4,"size":0,"pos":{"x":50,"y":78},"id":36,"selected":false,"stats":{"elementPercent":1,"str":1}},"to":{"color":4,"size":0,"pos":{"x":47,"y":75},"id":37,"selected":false,"stats":{"elementPercent":1,"str":1}}},{"from":{"color":4,"size":0,"pos":{"x":47,"y":75},"id":37,"selected":false,"stats":{"elementPercent":1,"str":1}},"to":{"color":0,"size":0,"pos":{"x":47,"y":69},"id":38,"selected":false,"stats":{"str":1,"int":1}}},{"from":{"color":0,"size":0,"pos":{"x":47,"y":69},"id":38,"selected":false,"stats":{"str":1,"int":1}},"to":{"color":0,"size":0,"pos":{"x":47,"y":63},"id":39,"selected":false,"stats":{"str":1,"int":1}}},{"from":{"color":0,"size":0,"pos":{"x":47,"y":63},"id":39,"selected":false,"stats":{"str":1,"int":1}},"to":{"color":0,"size":0,"pos":{"x":44,"y":63},"id":40,"selected":false,"stats":{"str":1,"int":1}}},{"from":{"color":0,"size":0,"pos":{"x":44,"y":63},"id":40,"selected":false,"stats":{"str":1,"int":1}},"to":{"color":4,"size":1,"pos":{"x":44,"y":66},"id":43,"selected":false,"stats":{"elementPercent":1,"physicalPercent":1}}},{"from":{"color":0,"size":0,"pos":{"x":47,"y":63},"id":39,"selected":false,"stats":{"str":1,"int":1}},"to":{"color":4,"size":0,"pos":{"x":50,"y":63},"id":41,"selected":false,"stats":{"elementPercent":1}}},{"from":{"color":4,"size":0,"pos":{"x":50,"y":63},"id":41,"selected":false,"stats":{"elementPercent":1}},"to":{"color":4,"size":0,"pos":{"x":50,"y":66},"id":42,"selected":false,"stats":{"elementPercent":1}}},{"from":{"color":0,"size":0,"pos":{"x":47,"y":63},"id":39,"selected":false,"stats":{"str":1,"int":1}},"to":{"color":0,"size":0,"pos":{"x":47,"y":60},"id":24,"selected":false,"group":["Bear"],"stats":{"str":1,"int":1}}},{"from":{"color":4,"size":0,"pos":{"x":53,"y":66},"id":73,"selected":false,"stats":{"elementPercent":1},"group":["Owl"]},"to":{"color":0,"size":0,"pos":{"x":56,"y":63},"id":44,"selected":false,"stats":{"str":1,"int":1}}},{"from":{"color":0,"size":0,"pos":{"x":56,"y":63},"id":44,"selected":false,"stats":{"str":1,"int":1}},"to":{"color":1,"size":0,"pos":{"x":59,"y":66},"id":52,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]}},{"from":{"color":4,"size":0,"pos":{"x":53,"y":66},"id":73,"selected":false,"stats":{"elementPercent":1},"group":["Owl"]},"to":{"color":4,"size":0,"pos":{"x":50,"y":66},"id":42,"selected":false,"stats":{"elementPercent":1}}},{"from":{"color":4,"size":0,"pos":{"x":47,"y":75},"id":37,"selected":false,"stats":{"elementPercent":1,"str":1}},"to":{"color":1,"size":0,"pos":{"x":50,"y":72},"id":46,"selected":false,"stats":{"auraReserveMultiplier":1}}},{"from":{"color":0,"size":0,"pos":{"x":71,"y":78},"id":70,"selected":false,"stats":{"int":1},"group":["Owl"]},"to":{"color":0,"size":0,"pos":{"x":74,"y":78},"id":74,"selected":false,"stats":{"int":1}}},{"from":{"color":1,"size":0,"pos":{"x":50,"y":72},"id":46,"selected":false,"stats":{"auraReserveMultiplier":1}},"to":{"color":1,"size":0,"pos":{"x":53,"y":72},"id":48,"selected":false,"stats":{"auraReserveMultiplier":1}}},{"from":{"color":1,"size":0,"pos":{"x":53,"y":72},"id":48,"selected":false,"stats":{"auraReserveMultiplier":1}},"to":{"color":4,"size":2,"pos":{"x":53,"y":75},"id":89,"selected":false,"stats":{"elementPercent":-10,"physicalPercent":-10,"auraDoubleEffect":1}}},{"from":{"color":0,"size":0,"pos":{"x":74,"y":78},"id":74,"selected":false,"stats":{"int":1}},"to":{"color":1,"size":0,"pos":{"x":80,"y":78},"id":45,"selected":false,"stats":{"castSpeed":1}}},{"from":{"color":1,"size":0,"pos":{"x":80,"y":78},"id":45,"selected":false,"stats":{"castSpeed":1}},"to":{"color":1,"size":0,"pos":{"x":83,"y":75},"id":47,"selected":false,"stats":{"castSpeed":1}}},{"from":{"color":1,"size":0,"pos":{"x":83,"y":75},"id":47,"selected":false,"stats":{"castSpeed":1}},"to":{"color":1,"size":0,"pos":{"x":80,"y":75},"id":90,"selected":false,"stats":{"castSpeed":1}}},{"from":{"color":1,"size":0,"pos":{"x":80,"y":75},"id":90,"selected":false,"stats":{"castSpeed":1}},"to":{"color":1,"size":1,"pos":{"x":77,"y":75},"id":71,"selected":false,"stats":{"castSpeed":1,"regenMana":1},"group":["Owl"]}},{"from":{"color":1,"size":0,"pos":{"x":59,"y":72},"id":56,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]},"to":{"color":0,"size":0,"pos":{"x":62,"y":75},"id":64,"selected":false,"stats":{"int":1},"group":["Owl"]}},{"from":{"color":0,"size":0,"pos":{"x":68,"y":72},"id":59,"selected":false,"stats":{"int":1},"group":["Owl"]},"to":{"color":0,"size":0,"pos":{"x":65,"y":75},"id":65,"selected":false,"stats":{"int":1},"group":["Owl"]}},{"from":{"color":1,"size":0,"pos":{"x":59,"y":72},"id":56,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]},"to":{"color":1,"size":0,"pos":{"x":62,"y":71},"id":92,"selected":false,"stats":{"elementFirePercent":1}}},{"from":{"color":1,"size":0,"pos":{"x":62,"y":67},"id":91,"selected":false,"stats":{"elementArcanePercent":1}},"to":{"color":1,"size":0,"pos":{"x":59,"y":66},"id":52,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]}},{"from":{"color":1,"size":0,"pos":{"x":65,"y":67},"id":94,"selected":false,"stats":{"elementHolyPercent":1}},"to":{"color":1,"size":0,"pos":{"x":68,"y":66},"id":53,"selected":false,"stats":{"manaMax":1},"group":["Owl"]}},{"from":{"color":1,"size":0,"pos":{"x":65,"y":71},"id":93,"selected":false,"stats":{"elementFrostPercent":1}},"to":{"color":0,"size":0,"pos":{"x":68,"y":72},"id":59,"selected":false,"stats":{"int":1},"group":["Owl"]}},{"from":{"color":1,"size":0,"pos":{"x":62,"y":78},"id":66,"selected":false,"stats":{"spellPercent":1},"group":["Owl"]},"to":{"color":1,"size":0,"pos":{"x":65,"y":78},"id":69,"selected":false,"stats":{"castSpeed":1,"spellPercent":1},"group":["Owl"]}},{"from":{"color":3,"size":0,"pos":{"x":47,"y":36},"id":3,"selected":false,"group":["Bear"],"stats":{"attackSpeed":1}},"to":{"color":0,"size":0,"pos":{"x":50,"y":33},"id":49,"selected":false,"stats":{}}},{"from":{"color":0,"size":0,"pos":{"x":50,"y":33},"id":49,"selected":false,"stats":{}},"to":{"color":0,"size":0,"pos":{"x":53,"y":30},"id":62,"selected":false,"stats":{}}},{"from":{"color":0,"size":0,"pos":{"x":53,"y":30},"id":62,"selected":false,"stats":{}},"to":{"color":0,"size":0,"pos":{"x":59,"y":30},"id":97,"selected":false,"stats":{}}},{"from":{"color":0,"size":0,"pos":{"x":59,"y":30},"id":97,"selected":false,"stats":{}},"to":{"color":0,"size":0,"pos":{"x":71,"y":30},"id":96,"selected":false,"stats":{}}},{"from":{"color":0,"size":0,"pos":{"x":71,"y":30},"id":96,"selected":false,"stats":{}},"to":{"color":0,"size":0,"pos":{"x":77,"y":30},"id":95,"selected":false,"stats":{}}},{"from":{"color":0,"size":0,"pos":{"x":77,"y":30},"id":95,"selected":false,"stats":{}},"to":{"color":0,"size":0,"pos":{"x":80,"y":33},"id":63,"selected":false,"stats":{"dex":1}}},{"from":{"color":0,"size":0,"pos":{"x":80,"y":33},"id":63,"selected":false,"stats":{"dex":1}},"to":{"color":0,"size":0,"pos":{"x":80,"y":36},"id":28,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":71,"y":66},"id":98,"selected":false,"stats":{"int":1,"dex":1}},"to":{"color":0,"size":0,"pos":{"x":77,"y":66},"id":99,"selected":false,"stats":{"int":1,"dex":1}}},{"from":{"color":0,"size":0,"pos":{"x":77,"y":66},"id":99,"selected":false,"stats":{"int":1,"dex":1}},"to":{"color":0,"size":0,"pos":{"x":80,"y":63},"id":100,"selected":false,"stats":{"dex":1}}},{"from":{"color":0,"size":0,"pos":{"x":80,"y":63},"id":100,"selected":false,"stats":{"dex":1}},"to":{"color":0,"size":0,"pos":{"x":83,"y":60},"id":101,"selected":false,"stats":{"dex":1}}},{"from":{"color":0,"size":0,"pos":{"x":68,"y":72},"id":59,"selected":false,"stats":{"int":1},"group":["Owl"]},"to":{"color":0,"size":0,"pos":{"x":71,"y":72},"id":102,"selected":false,"stats":{"int":1}}},{"from":{"color":0,"size":0,"pos":{"x":71,"y":72},"id":102,"selected":false,"stats":{"int":1}},"to":{"color":0,"size":0,"pos":{"x":74,"y":72},"id":60,"selected":false,"stats":{"int":1},"group":["Owl"]}},{"from":{"color":0,"size":0,"pos":{"x":83,"y":57},"id":85,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":83,"y":60},"id":101,"selected":false,"stats":{"dex":1}}},{"from":{"color":0,"size":0,"pos":{"x":83,"y":54},"id":88,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":83,"y":51},"id":79,"selected":false,"stats":{"dex":1},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":83,"y":51},"id":79,"selected":false,"stats":{"dex":1},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":77,"y":51},"id":81,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":0,"size":0,"pos":{"x":71,"y":72},"id":102,"selected":false,"stats":{"int":1}},"to":{"color":0,"size":0,"pos":{"x":71,"y":69},"id":103,"selected":false,"stats":{"int":1,"dex":1}}},{"from":{"color":0,"size":0,"pos":{"x":71,"y":69},"id":103,"selected":false,"stats":{"int":1,"dex":1}},"to":{"color":0,"size":0,"pos":{"x":71,"y":66},"id":98,"selected":false,"stats":{"int":1,"dex":1}}},{"from":{"color":0,"size":0,"pos":{"x":86,"y":39},"id":35,"selected":false,"stats":{},"group":["Lynx"]},"to":{"color":0,"size":0,"pos":{"x":83,"y":36},"id":29,"selected":false,"stats":{},"group":["Lynx"]}},{"from":{"color":2,"size":2,"pos":{"x":77,"y":60},"id":30,"selected":false,"stats":{"manaMax":1}},"to":{"color":0,"size":0,"pos":{"x":80,"y":63},"id":100,"selected":false,"stats":{"dex":1}}}]}' + }; +}); diff --git a/src/client/ui/templates/passives/template.html b/src/client/ui/templates/passives/template.html new file mode 100644 index 00000000..009250e2 --- /dev/null +++ b/src/client/ui/templates/passives/template.html @@ -0,0 +1,8 @@ +
+
+
passives
+
+
+ +
+