diff --git a/js/bundle.js b/js/bundle.js
index 073aee4..9716655 100644
--- a/js/bundle.js
+++ b/js/bundle.js
@@ -472,7 +472,7 @@ eval("\nvar isArray_1 = __webpack_require__(/*! ../util/isArray */ 11);\nfunctio
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\n\nvar _rxjs = __webpack_require__(/*! rxjs */ 14);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _enums = __webpack_require__(/*! ./enums */ 16);\n\nvar _store = __webpack_require__(/*! ./store */ 22);\n\nvar _store2 = _interopRequireDefault(_store);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar random = {\n    bool: function bool(weight) {\n        return Math.random() < (weight || 0.5);\n    },\n    color: function color() {\n        return 'rgb(' + Math.floor(Math.random() * 255) + ', ' + Math.floor(Math.random() * 255) + ', ' + Math.floor(Math.random() * 255) + ')';\n    },\n    num: function num(min, max) {\n        return min + Math.round(Math.random() * max);\n    }\n};\n\n// ===== Constructor =====\n\nfunction Particle(parent, bounds, config, globalGrid) {\n    this.config = Object.assign({\n        bounds: bounds,\n        color: random.color(),\n        gridSize: 5,\n        randomize: false,\n        showMovementCircle: false,\n        showVisionGrid: false,\n        speed: 4,\n        visionRadius: 50\n    }, config);\n\n    this.grids = {\n        global: globalGrid || {},\n        vision: createVisionGrid(this.config)\n    };\n\n    this.arc = {\n        centerX: random.num(0, bounds.width),\n        centerY: random.num(0, bounds.height),\n        clockwise: random.bool(),\n        endX: 0,\n        endY: 0,\n        length: random.num(_enums.RAD.t90, _enums.RAD.t360),\n        radius: random.num(100, 200),\n        theta: random.num(_enums.RAD.t90, _enums.RAD.t360)\n    };\n\n    this.nodes = {\n        body: createBodyNode(this.config),\n        circle: undefined,\n        container: createContainerNode(this.config),\n        parent: parent,\n        vision: undefined,\n        visionGrid: undefined\n    };\n\n    this.nodes.container.appendChild(this.nodes.body);\n    parent.appendChild(this.nodes.container);\n\n    this.updateConfig(this.config);\n    this.nextFrame();\n};\n\n// ===== PROTOTYPE =====\n\nParticle.prototype.remove = function () {\n    this.nodes.parent.removeChild(this.nodes.container);\n    return this;\n};\n\nParticle.prototype.nextFrame = function () {\n    this.arc = updateArc(this.arc, this.config);\n    this.grids.vision = updateVisionGrid(this.arc, this.config, this.grids);\n\n    repaintContainer(this.nodes.container, this.arc);\n    repaintBody(this.nodes.body, this.arc);\n    repaintCircle(this.nodes.circle, this.arc);\n    repaintVision(this.nodes.vision, this.arc);\n    repaintVisionGrid(this.nodes.visionGrid, this.arc, this.grids);\n};\n\nParticle.prototype.updateConfig = function (config) {\n    Object.assign(this.config, config);\n\n    var _config = this.config,\n        showMovementCircle = _config.showMovementCircle,\n        showVisionGrid = _config.showVisionGrid;\n\n\n    if (showMovementCircle === true && this.nodes.circle === undefined) {\n        this.nodes.circle = createCircleNode(config);\n        this.nodes.container.appendChild(this.nodes.circle);\n    }\n\n    if (showMovementCircle === false && this.nodes.circle !== undefined) {\n        this.nodes.container.removeChild(this.nodes.circle);\n        delete this.nodes.circle;\n    }\n\n    if (showVisionGrid === true && this.nodes.vision === undefined) {\n        this.nodes.vision = createVisionNode(config, this.grids);\n        this.nodes.visionGrid = createVisionGridNodes(this.config, this.grids, this.nodes);\n        this.nodes.container.appendChild(this.nodes.vision);\n    }\n\n    if (showVisionGrid === false && this.nodes.vision !== undefined) {\n        this.nodes.container.removeChild(this.nodes.vision);\n        delete this.nodes.vision;\n        delete this.nodex.visionGrid;\n    }\n};\n\n// ===== CREATION =====\n\nfunction createBodyNode(config) {\n    var node = document.createElement('div');\n    node.className = 'particle-body';\n    node.style.backgroundColor = config.color;\n    return node;\n}\n\nfunction createCircleNode(config) {\n    if (config.showMovementCircle === false) {\n        return undefined;\n    }\n\n    var node = document.createElement('div');\n    node.className = 'particle-movement-circle';\n    node.style.borderColor = config.color;\n    return node;\n}\n\nfunction createContainerNode(config) {\n    var node = document.createElement('div');\n    node.className = 'particle-container';\n    return node;\n}\n\nfunction createVisionNode(config) {\n    if (config.showVisionGrid === false) {\n        return undefined;\n    }\n\n    var node = document.createElement('div');\n    node.className = 'particle-vision';\n\n    return node;\n}\n\nfunction createVisionGrid(config) {\n    if (config.showVisionGrid === false) {\n        return [];\n    }\n\n    var side = config.gridSize,\n        radius = config.visionRadius;\n\n    var r0 = radius;\n    var r1 = radius - side;\n\n    var points = [];\n\n    for (var x = -radius; x <= radius; x += side) {\n        for (var y = -radius; y <= radius; y += side) {\n            // Omit lower half\n            if (y < 0) {\n                continue;\n            }\n\n            // Include vision band\n            var r = Math.pow(Math.pow(x, 2) + Math.pow(y, 2), 0.5);\n            if (r > r0 || r < r1) {\n                continue;\n            }\n\n            var alpha = Math.atan(y / x);\n            if (x < 0) {\n                alpha = _enums.RAD.t180 + alpha;\n            }\n\n            points.push({ x: x, y: y, r: r, alpha: alpha, touch: false });\n        }\n    }\n\n    return points;\n}\n\nfunction createVisionGridNodes(config, grids, nodes) {\n    if (config.showVisionGrid === false) {\n        return undefined;\n    }\n\n    return grids.vision.reduce(function (acc, _ref) {\n        var x = _ref.x,\n            y = _ref.y;\n\n        var div = document.createElement('div');\n        div.className = 'particle-vision-dot';\n        div.style.backgroundColor = config.color;\n        nodes.vision.appendChild(div);\n\n        acc.push(div);\n\n        return acc;\n    }, []);\n}\n\n// ===== CALCULATIONS =====\n\nfunction updateArc(arc, _ref2) {\n    var bounds = _ref2.bounds,\n        randomize = _ref2.randomize,\n        speed = _ref2.speed;\n\n    // Randomly change radius and rotation direction.\n    if (arc.length <= 0) {\n        arc.length = random.num(_enums.RAD.t90, _enums.RAD.t360);\n\n        if (randomize === true) {\n            arc = moveArc(arc, random.num(100, 200));\n\n            if (random.bool(0.8)) {\n                arc.clockwise = !arc.clockwise;\n                arc = changeDirection(arc);\n            }\n        }\n    }\n\n    // Ensure constant velocity and theta between 0 and 2π.\n    var delta = speed / arc.radius;\n    arc.length -= delta;\n\n    arc.theta += arc.clockwise ? -delta : +delta;\n    arc.theta = arc.theta > 0 ? arc.theta % _enums.RAD.t360 : _enums.RAD.t360 + arc.theta;\n\n    arc.endX = arc.centerX + arc.radius * Math.cos(arc.theta);\n    arc.endY = arc.centerY - arc.radius * Math.sin(arc.theta);\n\n    // Overflow.\n    if (arc.endX < 0) {\n        arc.endX += bounds.width;\n        arc.centerX += bounds.width;\n    } else if (arc.endX > bounds.width) {\n        arc.endX -= bounds.width;\n        arc.centerX -= bounds.width;\n    }\n\n    if (arc.endY < 0) {\n        arc.endY += bounds.height;\n        arc.centerY += bounds.height;\n    } else if (arc.endY > bounds.height) {\n        arc.endY -= bounds.height;\n        arc.centerY -= bounds.height;\n    }\n\n    return arc;\n}\n\nfunction updateVisionGrid(arc, config, grids) {\n    var global = grids.global,\n        vision = grids.vision;\n\n\n    return vision.reduce(function (acc, point) {\n        var rad = arc.clockwise ? arc.theta - point.alpha : arc.theta - point.alpha + _enums.RAD.t180;\n\n        point.x = point.r * Math.cos(rad) + config.visionRadius;\n        point.y = -point.r * Math.sin(rad) + config.visionRadius;\n\n        // console.warn(point.alpha, point.alpha + arc.theta)\n\n        // const gridX = point.x - point.x % 5;\n        // const gridY = point.y - point.y % 5;\n\n        // point.touch = (global[gridX] !== undefined && global[gridX][gridY] !== undefined);\n\n        return acc.concat(point);\n    }, []);\n}\n\nfunction moveArc(arc, newRadius) {\n    var r0 = arc.radius;\n    var r1 = newRadius;\n\n    // Moves arc center to new radius while keeping theta constant.\n    arc.centerX -= (r1 - r0) * Math.cos(arc.theta);\n    arc.centerY += (r1 - r0) * Math.sin(arc.theta);\n    arc.radius = r1;\n\n    return arc;\n}\n\nfunction changeDirection(arc) {\n    arc.theta = (arc.theta + _enums.RAD.t180) % _enums.RAD.t360;\n    arc.centerX -= 2 * arc.radius * Math.cos(arc.theta);\n    arc.centerY += 2 * arc.radius * Math.sin(arc.theta);\n\n    return arc;\n}\n\n// ===== RENDERING =====\nfunction repaintContainer(node, arc) {\n    node.style.left = arc.endX + 'px';\n    node.style.top = arc.endY + 'px';\n}\n\nfunction repaintBody(node, arc) {\n    var rad = arc.clockwise ? _enums.RAD.t180 - arc.theta : _enums.RAD.t360 - arc.theta;\n\n    node.style.transform = 'rotate(' + (rad + _enums.RAD.t45) + 'rad)';\n}\n\nfunction repaintCircle(node, arc) {\n    if (node === undefined) {\n        return;\n    }\n\n    node.style.width = 2 * arc.radius + 'px';\n    node.style.height = 2 * arc.radius + 'px';\n\n    node.style.left = '-' + (arc.radius + arc.radius * Math.cos(arc.theta)) + 'px';\n    node.style.top = '-' + (arc.radius - arc.radius * Math.sin(arc.theta)) + 'px';\n\n    node.style.borderRadius = arc.radius + 'px';\n}\n\nfunction repaintVision(node, arc) {\n    if (node === undefined) {\n        return;\n    }\n\n    var rad = arc.clockwise ? _enums.RAD.t180 - arc.theta : _enums.RAD.t360 - arc.theta;\n}\n\nfunction repaintVisionGrid(nodes, arc, grids) {\n    if (nodes === undefined) {\n        return;\n    }\n\n    grids.vision.forEach(function (_ref3, i) {\n        var x = _ref3.x,\n            y = _ref3.y,\n            touch = _ref3.touch;\n\n        nodes[i].style.left = x + 'px';\n        nodes[i].style.top = y + 'px';\n\n        nodes[i].style.border = touch ? '2px solid red' : '0';\n    });\n}\n\nexports.default = Particle;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzMuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvcGFydGljbGUuanM/M2JkZSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgUkFEIH0gZnJvbSAnLi9lbnVtcyc7XG5pbXBvcnQgU3RvcmUgZnJvbSAnLi9zdG9yZSc7XG5cbmNvbnN0IHJhbmRvbSA9IHtcbiAgICBib29sOiAod2VpZ2h0KSA9PiBNYXRoLnJhbmRvbSgpIDwgKHdlaWdodCB8fCAwLjUpLFxuICAgIGNvbG9yOiAoKSA9PiBgcmdiKCR7TWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogMjU1KX0sICR7TWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogMjU1KX0sICR7TWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogMjU1KX0pYCxcbiAgICBudW06IChtaW4sIG1heCkgPT4gbWluICsgTWF0aC5yb3VuZChNYXRoLnJhbmRvbSgpICogbWF4KSxcbn1cblxuLy8gPT09PT0gQ29uc3RydWN0b3IgPT09PT1cblxuZnVuY3Rpb24gUGFydGljbGUocGFyZW50LCBib3VuZHMsIGNvbmZpZywgZ2xvYmFsR3JpZCkge1xuICAgIHRoaXMuY29uZmlnID0gT2JqZWN0LmFzc2lnbih7XG4gICAgICAgIGJvdW5kcyxcbiAgICAgICAgY29sb3I6IHJhbmRvbS5jb2xvcigpLFxuICAgICAgICBncmlkU2l6ZTogNSxcbiAgICAgICAgcmFuZG9taXplOiBmYWxzZSxcbiAgICAgICAgc2hvd01vdmVtZW50Q2lyY2xlOiBmYWxzZSxcbiAgICAgICAgc2hvd1Zpc2lvbkdyaWQ6IGZhbHNlLFxuICAgICAgICBzcGVlZDogNCxcbiAgICAgICAgdmlzaW9uUmFkaXVzOiA1MFxuICAgIH0sIGNvbmZpZyk7XG5cbiAgICB0aGlzLmdyaWRzID0ge1xuICAgICAgICBnbG9iYWw6IGdsb2JhbEdyaWQgfHwge30sXG4gICAgICAgIHZpc2lvbjogY3JlYXRlVmlzaW9uR3JpZCh0aGlzLmNvbmZpZylcbiAgICB9O1xuXG4gICAgdGhpcy5hcmMgPSB7XG4gICAgICAgIGNlbnRlclg6IHJhbmRvbS5udW0oMCwgYm91bmRzLndpZHRoKSxcbiAgICAgICAgY2VudGVyWTogcmFuZG9tLm51bSgwLCBib3VuZHMuaGVpZ2h0KSxcbiAgICAgICAgY2xvY2t3aXNlOiByYW5kb20uYm9vbCgpLFxuICAgICAgICBlbmRYOiAwLFxuICAgICAgICBlbmRZOiAwLFxuICAgICAgICBsZW5ndGg6IHJhbmRvbS5udW0oUkFELnQ5MCwgUkFELnQzNjApLFxuICAgICAgICByYWRpdXM6IHJhbmRvbS5udW0oMTAwLCAyMDApLFxuICAgICAgICB0aGV0YTogcmFuZG9tLm51bShSQUQudDkwLCBSQUQudDM2MCksXG4gICAgfTtcblxuICAgIHRoaXMubm9kZXMgPSB7XG4gICAgICAgIGJvZHk6IGNyZWF0ZUJvZHlOb2RlKHRoaXMuY29uZmlnKSxcbiAgICAgICAgY2lyY2xlOiB1bmRlZmluZWQsXG4gICAgICAgIGNvbnRhaW5lcjogY3JlYXRlQ29udGFpbmVyTm9kZSh0aGlzLmNvbmZpZyksXG4gICAgICAgIHBhcmVudCxcbiAgICAgICAgdmlzaW9uOiB1bmRlZmluZWQsXG4gICAgICAgIHZpc2lvbkdyaWQ6IHVuZGVmaW5lZCxcbiAgICB9O1xuXG4gICAgdGhpcy5ub2Rlcy5jb250YWluZXIuYXBwZW5kQ2hpbGQodGhpcy5ub2Rlcy5ib2R5KTtcbiAgICBwYXJlbnQuYXBwZW5kQ2hpbGQodGhpcy5ub2Rlcy5jb250YWluZXIpO1xuXG4gICAgdGhpcy51cGRhdGVDb25maWcodGhpcy5jb25maWcpO1xuICAgIHRoaXMubmV4dEZyYW1lKCk7XG59O1xuXG4vLyA9PT09PSBQUk9UT1RZUEUgPT09PT1cblxuUGFydGljbGUucHJvdG90eXBlLnJlbW92ZSA9IGZ1bmN0aW9uKCkge1xuICAgIHRoaXMubm9kZXMucGFyZW50LnJlbW92ZUNoaWxkKHRoaXMubm9kZXMuY29udGFpbmVyKTtcbiAgICByZXR1cm4gdGhpcztcbn1cblxuUGFydGljbGUucHJvdG90eXBlLm5leHRGcmFtZSA9IGZ1bmN0aW9uKCkge1xuICAgIHRoaXMuYXJjID0gdXBkYXRlQXJjKHRoaXMuYXJjLCB0aGlzLmNvbmZpZyk7XG4gICAgdGhpcy5ncmlkcy52aXNpb24gPSB1cGRhdGVWaXNpb25HcmlkKHRoaXMuYXJjLCB0aGlzLmNvbmZpZywgdGhpcy5ncmlkcyk7XG5cbiAgICByZXBhaW50Q29udGFpbmVyKHRoaXMubm9kZXMuY29udGFpbmVyLCB0aGlzLmFyYyk7XG4gICAgcmVwYWludEJvZHkodGhpcy5ub2Rlcy5ib2R5LCB0aGlzLmFyYyk7XG4gICAgcmVwYWludENpcmNsZSh0aGlzLm5vZGVzLmNpcmNsZSwgdGhpcy5hcmMpO1xuICAgIHJlcGFpbnRWaXNpb24odGhpcy5ub2Rlcy52aXNpb24sIHRoaXMuYXJjKTtcbiAgICByZXBhaW50VmlzaW9uR3JpZCh0aGlzLm5vZGVzLnZpc2lvbkdyaWQsIHRoaXMuYXJjLCB0aGlzLmdyaWRzKTtcbn1cblxuUGFydGljbGUucHJvdG90eXBlLnVwZGF0ZUNvbmZpZyA9IGZ1bmN0aW9uKGNvbmZpZykge1xuICAgIE9iamVjdC5hc3NpZ24odGhpcy5jb25maWcsIGNvbmZpZyk7XG5cbiAgICBjb25zdCB7IHNob3dNb3ZlbWVudENpcmNsZSwgc2hvd1Zpc2lvbkdyaWQgfSA9IHRoaXMuY29uZmlnO1xuXG4gICAgaWYgKHNob3dNb3ZlbWVudENpcmNsZSA9PT0gdHJ1ZSAmJiB0aGlzLm5vZGVzLmNpcmNsZSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMubm9kZXMuY2lyY2xlID0gY3JlYXRlQ2lyY2xlTm9kZShjb25maWcpO1xuICAgICAgICB0aGlzLm5vZGVzLmNvbnRhaW5lci5hcHBlbmRDaGlsZCh0aGlzLm5vZGVzLmNpcmNsZSk7XG4gICAgfVxuXG4gICAgaWYgKHNob3dNb3ZlbWVudENpcmNsZSA9PT0gZmFsc2UgJiYgdGhpcy5ub2Rlcy5jaXJjbGUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLm5vZGVzLmNvbnRhaW5lci5yZW1vdmVDaGlsZCh0aGlzLm5vZGVzLmNpcmNsZSk7XG4gICAgICAgIGRlbGV0ZSB0aGlzLm5vZGVzLmNpcmNsZTtcbiAgICB9XG5cbiAgICBpZiAoc2hvd1Zpc2lvbkdyaWQgPT09IHRydWUgJiYgdGhpcy5ub2Rlcy52aXNpb24gPT09IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLm5vZGVzLnZpc2lvbiA9IGNyZWF0ZVZpc2lvbk5vZGUoY29uZmlnLCB0aGlzLmdyaWRzKTtcbiAgICAgICAgdGhpcy5ub2Rlcy52aXNpb25HcmlkID0gY3JlYXRlVmlzaW9uR3JpZE5vZGVzKHRoaXMuY29uZmlnLCB0aGlzLmdyaWRzLCB0aGlzLm5vZGVzKTtcbiAgICAgICAgdGhpcy5ub2Rlcy5jb250YWluZXIuYXBwZW5kQ2hpbGQodGhpcy5ub2Rlcy52aXNpb24pO1xuICAgIH1cblxuICAgIGlmIChzaG93VmlzaW9uR3JpZCA9PT0gZmFsc2UgJiYgdGhpcy5ub2Rlcy52aXNpb24gIT09IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLm5vZGVzLmNvbnRhaW5lci5yZW1vdmVDaGlsZCh0aGlzLm5vZGVzLnZpc2lvbik7XG4gICAgICAgIGRlbGV0ZSB0aGlzLm5vZGVzLnZpc2lvbjtcbiAgICAgICAgZGVsZXRlIHRoaXMubm9kZXgudmlzaW9uR3JpZDtcbiAgICB9XG59XG5cbi8vID09PT09IENSRUFUSU9OID09PT09XG5cbmZ1bmN0aW9uIGNyZWF0ZUJvZHlOb2RlKGNvbmZpZykge1xuICAgIGNvbnN0IG5vZGUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICBub2RlLmNsYXNzTmFtZSA9ICdwYXJ0aWNsZS1ib2R5JztcbiAgICBub2RlLnN0eWxlLmJhY2tncm91bmRDb2xvciA9IGNvbmZpZy5jb2xvcjtcbiAgICByZXR1cm4gbm9kZTtcbn1cblxuZnVuY3Rpb24gY3JlYXRlQ2lyY2xlTm9kZShjb25maWcpIHtcbiAgICBpZiAoY29uZmlnLnNob3dNb3ZlbWVudENpcmNsZSA9PT0gZmFsc2UpIHtcbiAgICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICB9XG5cbiAgICBjb25zdCBub2RlID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgbm9kZS5jbGFzc05hbWUgPSAncGFydGljbGUtbW92ZW1lbnQtY2lyY2xlJztcbiAgICBub2RlLnN0eWxlLmJvcmRlckNvbG9yID0gY29uZmlnLmNvbG9yO1xuICAgIHJldHVybiBub2RlO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVDb250YWluZXJOb2RlKGNvbmZpZykge1xuICAgIGNvbnN0IG5vZGUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICBub2RlLmNsYXNzTmFtZSA9ICdwYXJ0aWNsZS1jb250YWluZXInO1xuICAgIHJldHVybiBub2RlO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVWaXNpb25Ob2RlKGNvbmZpZykge1xuICAgIGlmIChjb25maWcuc2hvd1Zpc2lvbkdyaWQgPT09IGZhbHNlKSB7XG4gICAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgfVxuXG4gICAgY29uc3Qgbm9kZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgIG5vZGUuY2xhc3NOYW1lID0gJ3BhcnRpY2xlLXZpc2lvbic7XG5cbiAgICByZXR1cm4gbm9kZTtcbn1cblxuZnVuY3Rpb24gY3JlYXRlVmlzaW9uR3JpZChjb25maWcpIHtcbiAgICBpZiAoY29uZmlnLnNob3dWaXNpb25HcmlkID09PSBmYWxzZSkge1xuICAgICAgICByZXR1cm4gW107XG4gICAgfVxuXG4gICAgY29uc3QgeyBncmlkU2l6ZTogc2lkZSwgdmlzaW9uUmFkaXVzOiByYWRpdXMgfSA9IGNvbmZpZztcbiAgICBjb25zdCByMCA9IHJhZGl1cztcbiAgICBjb25zdCByMSA9IHJhZGl1cyAtIHNpZGU7XG5cbiAgICBjb25zdCBwb2ludHMgPSBbXTtcblxuICAgIGZvciAobGV0IHggPSAtcmFkaXVzOyB4IDw9IHJhZGl1czsgeCArPSBzaWRlKSB7XG4gICAgICAgIGZvciAobGV0IHkgPSAtcmFkaXVzOyB5IDw9IHJhZGl1czsgeSArPSBzaWRlKSB7XG4gICAgICAgICAgICAvLyBPbWl0IGxvd2VyIGhhbGZcbiAgICAgICAgICAgIGlmICh5IDwgMCkge1xuICAgICAgICAgICAgICAgIGNvbnRpbnVlO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAvLyBJbmNsdWRlIHZpc2lvbiBiYW5kXG4gICAgICAgICAgICBjb25zdCByID0gTWF0aC5wb3coTWF0aC5wb3coeCwgMikgKyBNYXRoLnBvdyh5LCAyKSwgMC41KTtcbiAgICAgICAgICAgIGlmIChyID4gcjAgfHwgciA8IHIxKSB7XG4gICAgICAgICAgICAgICAgY29udGludWU7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGxldCBhbHBoYSA9IE1hdGguYXRhbih5IC8geCk7XG4gICAgICAgICAgICBpZiAoeCA8IDApIHtcbiAgICAgICAgICAgICAgICBhbHBoYSA9IFJBRC50MTgwICsgYWxwaGE7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHBvaW50cy5wdXNoKHsgeCwgeSwgciwgYWxwaGEsIHRvdWNoOiBmYWxzZSB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiBwb2ludHM7XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZVZpc2lvbkdyaWROb2Rlcyhjb25maWcsIGdyaWRzLCBub2Rlcykge1xuICAgIGlmIChjb25maWcuc2hvd1Zpc2lvbkdyaWQgPT09IGZhbHNlKSB7XG4gICAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgfVxuXG4gICAgcmV0dXJuIGdyaWRzLnZpc2lvbi5yZWR1Y2UoKGFjYywgeyB4LCB5IH0pID0+IHtcbiAgICAgICAgY29uc3QgZGl2ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgICAgIGRpdi5jbGFzc05hbWUgPSAncGFydGljbGUtdmlzaW9uLWRvdCc7XG4gICAgICAgIGRpdi5zdHlsZS5iYWNrZ3JvdW5kQ29sb3IgPSBjb25maWcuY29sb3I7XG4gICAgICAgIG5vZGVzLnZpc2lvbi5hcHBlbmRDaGlsZChkaXYpO1xuXG4gICAgICAgIGFjYy5wdXNoKGRpdik7XG5cbiAgICAgICAgcmV0dXJuIGFjYztcbiAgICB9LCBbXSk7XG59XG5cbi8vID09PT09IENBTENVTEFUSU9OUyA9PT09PVxuXG5mdW5jdGlvbiB1cGRhdGVBcmMoYXJjLCB7IGJvdW5kcywgcmFuZG9taXplLCBzcGVlZCB9KSB7XG4gICAgLy8gUmFuZG9tbHkgY2hhbmdlIHJhZGl1cyBhbmQgcm90YXRpb24gZGlyZWN0aW9uLlxuICAgIGlmIChhcmMubGVuZ3RoIDw9IDApIHtcbiAgICAgICAgYXJjLmxlbmd0aCA9IHJhbmRvbS5udW0oUkFELnQ5MCwgUkFELnQzNjApO1xuXG4gICAgICAgIGlmIChyYW5kb21pemUgPT09IHRydWUpIHtcbiAgICAgICAgICAgIGFyYyA9IG1vdmVBcmMoYXJjLCByYW5kb20ubnVtKDEwMCwgMjAwKSk7XG5cbiAgICAgICAgICAgIGlmIChyYW5kb20uYm9vbCgwLjgpKSB7XG4gICAgICAgICAgICAgICAgYXJjLmNsb2Nrd2lzZSA9ICFhcmMuY2xvY2t3aXNlO1xuICAgICAgICAgICAgICAgIGFyYyA9IGNoYW5nZURpcmVjdGlvbihhcmMpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgLy8gRW5zdXJlIGNvbnN0YW50IHZlbG9jaXR5IGFuZCB0aGV0YSBiZXR3ZWVuIDAgYW5kIDLPgC5cbiAgICBjb25zdCBkZWx0YSA9IHNwZWVkIC8gYXJjLnJhZGl1cztcbiAgICBhcmMubGVuZ3RoIC09IGRlbHRhO1xuXG4gICAgYXJjLnRoZXRhICs9IChhcmMuY2xvY2t3aXNlID8gLWRlbHRhIDogK2RlbHRhKTtcbiAgICBhcmMudGhldGEgPSAoYXJjLnRoZXRhID4gMCA/IGFyYy50aGV0YSAlIFJBRC50MzYwIDogUkFELnQzNjAgKyBhcmMudGhldGEpO1xuXG4gICAgYXJjLmVuZFggPSBhcmMuY2VudGVyWCArIGFyYy5yYWRpdXMgKiBNYXRoLmNvcyhhcmMudGhldGEpO1xuICAgIGFyYy5lbmRZID0gYXJjLmNlbnRlclkgLSBhcmMucmFkaXVzICogTWF0aC5zaW4oYXJjLnRoZXRhKTtcblxuICAgIC8vIE92ZXJmbG93LlxuICAgIGlmIChhcmMuZW5kWCA8IDApIHtcbiAgICAgICAgYXJjLmVuZFggKz0gYm91bmRzLndpZHRoO1xuICAgICAgICBhcmMuY2VudGVyWCArPSBib3VuZHMud2lkdGhcbiAgICB9IGVsc2UgaWYgKGFyYy5lbmRYID4gYm91bmRzLndpZHRoKSB7XG4gICAgICAgIGFyYy5lbmRYIC09IGJvdW5kcy53aWR0aDtcbiAgICAgICAgYXJjLmNlbnRlclggLT0gYm91bmRzLndpZHRoXG4gICAgfVxuXG4gICAgaWYgKGFyYy5lbmRZIDwgMCkge1xuICAgICAgICBhcmMuZW5kWSArPSBib3VuZHMuaGVpZ2h0O1xuICAgICAgICBhcmMuY2VudGVyWSArPSBib3VuZHMuaGVpZ2h0XG4gICAgfSBlbHNlIGlmIChhcmMuZW5kWSA+IGJvdW5kcy5oZWlnaHQpIHtcbiAgICAgICAgYXJjLmVuZFkgLT0gYm91bmRzLmhlaWdodDtcbiAgICAgICAgYXJjLmNlbnRlclkgLT0gYm91bmRzLmhlaWdodFxuICAgIH1cblxuICAgIHJldHVybiBhcmM7XG59XG5cbmZ1bmN0aW9uIHVwZGF0ZVZpc2lvbkdyaWQoYXJjLCBjb25maWcsIGdyaWRzKSB7XG4gICAgY29uc3QgeyBnbG9iYWwsIHZpc2lvbiB9ID0gZ3JpZHM7XG5cbiAgICByZXR1cm4gdmlzaW9uLnJlZHVjZSgoYWNjLCBwb2ludCkgPT4ge1xuICAgICAgICBjb25zdCByYWQgPSBhcmMuY2xvY2t3aXNlXG4gICAgICAgICAgICA/IGFyYy50aGV0YSAtIHBvaW50LmFscGhhXG4gICAgICAgICAgICA6IGFyYy50aGV0YSAtIHBvaW50LmFscGhhICsgUkFELnQxODA7XG5cbiAgICAgICAgcG9pbnQueCA9IHBvaW50LnIgKiBNYXRoLmNvcyhyYWQpICsgY29uZmlnLnZpc2lvblJhZGl1cztcbiAgICAgICAgcG9pbnQueSA9IC1wb2ludC5yICogTWF0aC5zaW4ocmFkKSArIGNvbmZpZy52aXNpb25SYWRpdXM7XG5cbiAgICAgICAgLy8gY29uc29sZS53YXJuKHBvaW50LmFscGhhLCBwb2ludC5hbHBoYSArIGFyYy50aGV0YSlcblxuICAgICAgICAvLyBjb25zdCBncmlkWCA9IHBvaW50LnggLSBwb2ludC54ICUgNTtcbiAgICAgICAgLy8gY29uc3QgZ3JpZFkgPSBwb2ludC55IC0gcG9pbnQueSAlIDU7XG5cbiAgICAgICAgLy8gcG9pbnQudG91Y2ggPSAoZ2xvYmFsW2dyaWRYXSAhPT0gdW5kZWZpbmVkICYmIGdsb2JhbFtncmlkWF1bZ3JpZFldICE9PSB1bmRlZmluZWQpO1xuXG4gICAgICAgIHJldHVybiBhY2MuY29uY2F0KHBvaW50KTtcbiAgICB9LCBbXSk7XG59XG5cbmZ1bmN0aW9uIG1vdmVBcmMoYXJjLCBuZXdSYWRpdXMpIHtcbiAgICBjb25zdCByMCA9IGFyYy5yYWRpdXM7XG4gICAgY29uc3QgcjEgPSBuZXdSYWRpdXM7XG5cbiAgICAvLyBNb3ZlcyBhcmMgY2VudGVyIHRvIG5ldyByYWRpdXMgd2hpbGUga2VlcGluZyB0aGV0YSBjb25zdGFudC5cbiAgICBhcmMuY2VudGVyWCAtPSAocjEgLSByMCkgKiBNYXRoLmNvcyhhcmMudGhldGEpO1xuICAgIGFyYy5jZW50ZXJZICs9IChyMSAtIHIwKSAqIE1hdGguc2luKGFyYy50aGV0YSk7XG4gICAgYXJjLnJhZGl1cyA9IHIxO1xuXG4gICAgcmV0dXJuIGFyYztcbn1cblxuZnVuY3Rpb24gY2hhbmdlRGlyZWN0aW9uKGFyYykge1xuICAgIGFyYy50aGV0YSA9IChhcmMudGhldGEgKyBSQUQudDE4MCkgJSBSQUQudDM2MDtcbiAgICBhcmMuY2VudGVyWCAtPSAoMiAqIGFyYy5yYWRpdXMpICogTWF0aC5jb3MoYXJjLnRoZXRhKTtcbiAgICBhcmMuY2VudGVyWSArPSAoMiAqIGFyYy5yYWRpdXMpICogTWF0aC5zaW4oYXJjLnRoZXRhKTtcblxuICAgIHJldHVybiBhcmM7XG59XG5cbi8vID09PT09IFJFTkRFUklORyA9PT09PVxuZnVuY3Rpb24gcmVwYWludENvbnRhaW5lcihub2RlLCBhcmMpIHtcbiAgICBub2RlLnN0eWxlLmxlZnQgPSBgJHthcmMuZW5kWH1weGA7XG4gICAgbm9kZS5zdHlsZS50b3AgPSBgJHthcmMuZW5kWX1weGA7XG59XG5cbmZ1bmN0aW9uIHJlcGFpbnRCb2R5KG5vZGUsIGFyYykge1xuICAgIGNvbnN0IHJhZCA9IGFyYy5jbG9ja3dpc2VcbiAgICAgICAgPyBSQUQudDE4MCAtIGFyYy50aGV0YVxuICAgICAgICA6IFJBRC50MzYwIC0gYXJjLnRoZXRhO1xuXG4gICAgbm9kZS5zdHlsZS50cmFuc2Zvcm0gPSBgcm90YXRlKCR7cmFkICsgUkFELnQ0NX1yYWQpYDtcbn1cblxuZnVuY3Rpb24gcmVwYWludENpcmNsZShub2RlLCBhcmMpIHtcbiAgICBpZiAobm9kZSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBub2RlLnN0eWxlLndpZHRoID0gYCR7MiAqIGFyYy5yYWRpdXN9cHhgO1xuICAgIG5vZGUuc3R5bGUuaGVpZ2h0ID0gYCR7MiAqIGFyYy5yYWRpdXN9cHhgO1xuXG4gICAgbm9kZS5zdHlsZS5sZWZ0ID0gYC0ke2FyYy5yYWRpdXMgKyBhcmMucmFkaXVzICogTWF0aC5jb3MoYXJjLnRoZXRhKX1weGA7XG4gICAgbm9kZS5zdHlsZS50b3AgPSBgLSR7YXJjLnJhZGl1cyAtIGFyYy5yYWRpdXMgKiBNYXRoLnNpbihhcmMudGhldGEpfXB4YDtcblxuICAgIG5vZGUuc3R5bGUuYm9yZGVyUmFkaXVzID0gYCR7YXJjLnJhZGl1c31weGA7XG59XG5cbmZ1bmN0aW9uIHJlcGFpbnRWaXNpb24obm9kZSwgYXJjKSB7XG4gICAgaWYgKG5vZGUgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgcmFkID0gYXJjLmNsb2Nrd2lzZVxuICAgICAgICA/IFJBRC50MTgwIC0gYXJjLnRoZXRhXG4gICAgICAgIDogUkFELnQzNjAgLSBhcmMudGhldGE7XG59XG5cbmZ1bmN0aW9uIHJlcGFpbnRWaXNpb25HcmlkKG5vZGVzLCBhcmMsIGdyaWRzKSB7XG4gICAgaWYgKG5vZGVzID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGdyaWRzLnZpc2lvbi5mb3JFYWNoKCh7IHgsIHksIHRvdWNoIH0sIGkpID0+IHtcbiAgICAgICAgbm9kZXNbaV0uc3R5bGUubGVmdCA9IGAke3h9cHhgO1xuICAgICAgICBub2Rlc1tpXS5zdHlsZS50b3AgPSBgJHt5fXB4YDtcblxuICAgICAgICBub2Rlc1tpXS5zdHlsZS5ib3JkZXIgPSAodG91Y2ggPyAnMnB4IHNvbGlkIHJlZCcgOiAnMCcpO1xuICAgIH0pO1xufVxuXG5leHBvcnQgZGVmYXVsdCBQYXJ0aWNsZTtcblxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyBqcy9wYXJ0aWNsZS5qcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTtBQUFBO0FBQ0E7Ozs7O0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFIQTtBQUNBO0FBS0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBUkE7QUFDQTtBQVVBO0FBQ0E7QUFDQTtBQUZBO0FBQ0E7QUFJQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFSQTtBQUNBO0FBVUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFOQTtBQUNBO0FBUUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFGQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUpBO0FBQUE7QUFDQTtBQUtBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\n\nvar _rxjs = __webpack_require__(/*! rxjs */ 14);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _enums = __webpack_require__(/*! ./enums */ 16);\n\nvar _store = __webpack_require__(/*! ./store */ 22);\n\nvar _store2 = _interopRequireDefault(_store);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar random = {\n    bool: function bool(weight) {\n        return Math.random() < (weight || 0.5);\n    },\n    color: function color() {\n        return 'rgb(' + Math.floor(Math.random() * 255) + ', ' + Math.floor(Math.random() * 255) + ', ' + Math.floor(Math.random() * 255) + ')';\n    },\n    num: function num(min, max) {\n        return min + Math.round(Math.random() * max);\n    }\n};\n\n// ===== Constructor =====\n\nfunction Particle(parent, bounds, config, globalGrid) {\n    this.config = Object.assign({\n        bounds: bounds,\n        color: random.color(),\n        gridSize: 5,\n        randomize: false,\n        showMovementCircle: false,\n        showVisionGrid: false,\n        speed: 4,\n        visionRadius: 50\n    }, config);\n\n    this.grids = {\n        global: globalGrid || {},\n        vision: createVisionGrid(this.config)\n    };\n\n    this.arc = {\n        centerX: random.num(0, bounds.width),\n        centerY: random.num(0, bounds.height),\n        clockwise: random.bool(),\n        endX: 0,\n        endY: 0,\n        length: random.num(_enums.RAD.t90, _enums.RAD.t360),\n        radius: random.num(100, 200),\n        theta: random.num(_enums.RAD.t90, _enums.RAD.t360)\n    };\n\n    this.nodes = {\n        body: createBodyNode(this.config),\n        circle: undefined,\n        container: createContainerNode(this.config),\n        parent: parent,\n        visionGrid: undefined\n    };\n\n    this.nodes.container.appendChild(this.nodes.body);\n    parent.appendChild(this.nodes.container);\n\n    this.updateConfig(this.config);\n    this.nextFrame();\n};\n\n// ===== PROTOTYPE =====\n\nParticle.prototype.remove = function () {\n    this.nodes.parent.removeChild(this.nodes.container);\n    return this;\n};\n\nParticle.prototype.nextFrame = function () {\n    this.arc = updateArc(this.arc, this.config);\n    this.grids.vision = updateVisionGrid(this.arc, this.config, this.grids);\n\n    repaintContainer(this.nodes.container, this.arc);\n    repaintBody(this.nodes.body, this.arc);\n    repaintCircle(this.nodes.circle, this.arc);\n    repaintVisionGrid(this.nodes.visionGrid, this.arc, this.grids);\n};\n\nParticle.prototype.updateConfig = function (config) {\n    Object.assign(this.config, config);\n\n    var _config = this.config,\n        showMovementCircle = _config.showMovementCircle,\n        showVisionGrid = _config.showVisionGrid;\n\n\n    if (showMovementCircle === true && this.nodes.circle === undefined) {\n        this.nodes.circle = createCircleNode(config);\n        this.nodes.container.appendChild(this.nodes.circle);\n    }\n\n    if (showMovementCircle === false && this.nodes.circle !== undefined) {\n        this.nodes.container.removeChild(this.nodes.circle);\n        delete this.nodes.circle;\n    }\n\n    if (showVisionGrid === true && this.nodes.visionGrid === undefined) {\n        this.nodes.visionGrid = createVisionGridNodes(this.config, this.grids, this.nodes);\n    }\n\n    if (showVisionGrid === false && this.nodes.visionGrid !== undefined) {\n        delete this.nodex.visionGrid;\n    }\n};\n\n// ===== CREATION =====\n\nfunction createBodyNode(config) {\n    var node = document.createElement('div');\n    node.className = 'particle-body';\n    node.style.backgroundColor = config.color;\n    return node;\n}\n\nfunction createCircleNode(config) {\n    if (config.showMovementCircle === false) {\n        return undefined;\n    }\n\n    var node = document.createElement('div');\n    node.className = 'particle-movement-circle';\n    node.style.borderColor = config.color;\n    return node;\n}\n\nfunction createContainerNode(config) {\n    var node = document.createElement('div');\n    node.className = 'particle-container';\n    return node;\n}\n\nfunction createVisionGrid(config) {\n    if (config.showVisionGrid === false) {\n        return [];\n    }\n\n    var side = config.gridSize,\n        radius = config.visionRadius;\n\n    var r0 = radius;\n    var r1 = radius - side;\n\n    var points = [];\n\n    for (var x = -radius; x <= radius; x += side) {\n        for (var y = -radius; y <= radius; y += side) {\n            // Omit lower half\n            if (y < 0) {\n                continue;\n            }\n\n            // Include vision band\n            var r = Math.pow(Math.pow(x, 2) + Math.pow(y, 2), 0.5);\n            if (r > r0 || r < r1) {\n                continue;\n            }\n\n            var alpha = Math.atan(y / x);\n            if (x < 0) {\n                alpha = _enums.RAD.t180 + alpha; // TODO +=\n            }\n\n            points.push({ x: x, y: y, r: r, alpha: alpha, touch: false });\n        }\n    }\n\n    return points;\n}\n\nfunction createVisionGridNodes(config, grids, nodes) {\n    if (config.showVisionGrid === false) {\n        return undefined;\n    }\n\n    return grids.vision.reduce(function (acc, _ref) {\n        var x = _ref.x,\n            y = _ref.y;\n\n        var div = document.createElement('div');\n        div.className = 'particle-vision-dot';\n        div.style.backgroundColor = config.color;\n        nodes.parent.appendChild(div);\n\n        acc.push(div);\n\n        return acc;\n    }, []);\n}\n\n// ===== CALCULATIONS =====\n\nfunction updateArc(arc, _ref2) {\n    var bounds = _ref2.bounds,\n        randomize = _ref2.randomize,\n        speed = _ref2.speed;\n\n    // Randomly change radius and rotation direction.\n    if (arc.length <= 0) {\n        arc.length = random.num(_enums.RAD.t90, _enums.RAD.t360);\n\n        if (randomize === true) {\n            arc = moveArc(arc, random.num(100, 200));\n\n            if (random.bool(0.8)) {\n                arc.clockwise = !arc.clockwise;\n                arc = changeDirection(arc);\n            }\n        }\n    }\n\n    // Ensure constant velocity and theta between 0 and 2π.\n    var delta = speed / arc.radius;\n    arc.length -= delta;\n\n    arc.theta += arc.clockwise ? -delta : +delta;\n    arc.theta = arc.theta > 0 ? arc.theta % _enums.RAD.t360 : _enums.RAD.t360 + arc.theta;\n\n    arc.endX = arc.centerX + arc.radius * Math.cos(arc.theta);\n    arc.endY = arc.centerY - arc.radius * Math.sin(arc.theta);\n\n    // Overflow.\n    if (arc.endX < 0) {\n        arc.endX += bounds.width;\n        arc.centerX += bounds.width;\n    } else if (arc.endX > bounds.width) {\n        arc.endX -= bounds.width;\n        arc.centerX -= bounds.width;\n    }\n\n    if (arc.endY < 0) {\n        arc.endY += bounds.height;\n        arc.centerY += bounds.height;\n    } else if (arc.endY > bounds.height) {\n        arc.endY -= bounds.height;\n        arc.centerY -= bounds.height;\n    }\n\n    return arc;\n}\n\nfunction updateVisionGrid(arc, config, grids) {\n    var global = grids.global,\n        vision = grids.vision;\n\n\n    return vision.reduce(function (acc, point) {\n        var rad = arc.clockwise ? arc.theta + point.alpha + _enums.RAD.t180 : arc.theta + point.alpha;\n\n        var x = point.r * Math.cos(rad);\n        var y = point.r * Math.sin(rad);\n\n        point.x = arc.endX + x;\n        point.y = arc.endY - y;\n\n        var gridX = point.x - point.x % 5;\n        var gridY = point.y - point.y % 5;\n\n        point.touch = global[gridX] !== undefined && global[gridX][gridY] !== undefined;\n\n        return acc.concat(point);\n    }, []);\n}\n\nfunction moveArc(arc, newRadius) {\n    var r0 = arc.radius;\n    var r1 = newRadius;\n\n    // Moves arc center to new radius while keeping theta constant.\n    arc.centerX -= (r1 - r0) * Math.cos(arc.theta);\n    arc.centerY += (r1 - r0) * Math.sin(arc.theta);\n    arc.radius = r1;\n\n    return arc;\n}\n\nfunction changeDirection(arc) {\n    arc.theta = (arc.theta + _enums.RAD.t180) % _enums.RAD.t360;\n    arc.centerX -= 2 * arc.radius * Math.cos(arc.theta);\n    arc.centerY += 2 * arc.radius * Math.sin(arc.theta);\n\n    return arc;\n}\n\n// ===== RENDERING =====\nfunction repaintContainer(node, arc) {\n    node.style.left = arc.endX + 'px';\n    node.style.top = arc.endY + 'px';\n}\n\nfunction repaintBody(node, arc) {\n    var rad = arc.clockwise ? _enums.RAD.t180 - arc.theta : _enums.RAD.t360 - arc.theta;\n\n    node.style.transform = 'rotate(' + (rad + _enums.RAD.t45) + 'rad)';\n}\n\nfunction repaintCircle(node, arc) {\n    if (node === undefined) {\n        return;\n    }\n\n    node.style.width = 2 * arc.radius + 'px';\n    node.style.height = 2 * arc.radius + 'px';\n\n    node.style.left = '-' + (arc.radius + arc.radius * Math.cos(arc.theta)) + 'px';\n    node.style.top = '-' + (arc.radius - arc.radius * Math.sin(arc.theta)) + 'px';\n\n    node.style.borderRadius = arc.radius + 'px';\n}\n\nfunction repaintVisionGrid(nodes, arc, grids) {\n    if (nodes === undefined) {\n        return;\n    }\n\n    grids.vision.forEach(function (_ref3, i) {\n        var x = _ref3.x,\n            y = _ref3.y,\n            touch = _ref3.touch;\n\n        nodes[i].style.left = x + 'px';\n        nodes[i].style.top = y + 'px';\n\n        nodes[i].style.border = touch ? '2px solid red' : '0';\n    });\n}\n\nexports.default = Particle;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzMuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvcGFydGljbGUuanM/M2JkZSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgUkFEIH0gZnJvbSAnLi9lbnVtcyc7XG5pbXBvcnQgU3RvcmUgZnJvbSAnLi9zdG9yZSc7XG5cbmNvbnN0IHJhbmRvbSA9IHtcbiAgICBib29sOiAod2VpZ2h0KSA9PiBNYXRoLnJhbmRvbSgpIDwgKHdlaWdodCB8fCAwLjUpLFxuICAgIGNvbG9yOiAoKSA9PiBgcmdiKCR7TWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogMjU1KX0sICR7TWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogMjU1KX0sICR7TWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogMjU1KX0pYCxcbiAgICBudW06IChtaW4sIG1heCkgPT4gbWluICsgTWF0aC5yb3VuZChNYXRoLnJhbmRvbSgpICogbWF4KSxcbn1cblxuLy8gPT09PT0gQ29uc3RydWN0b3IgPT09PT1cblxuZnVuY3Rpb24gUGFydGljbGUocGFyZW50LCBib3VuZHMsIGNvbmZpZywgZ2xvYmFsR3JpZCkge1xuICAgIHRoaXMuY29uZmlnID0gT2JqZWN0LmFzc2lnbih7XG4gICAgICAgIGJvdW5kcyxcbiAgICAgICAgY29sb3I6IHJhbmRvbS5jb2xvcigpLFxuICAgICAgICBncmlkU2l6ZTogNSxcbiAgICAgICAgcmFuZG9taXplOiBmYWxzZSxcbiAgICAgICAgc2hvd01vdmVtZW50Q2lyY2xlOiBmYWxzZSxcbiAgICAgICAgc2hvd1Zpc2lvbkdyaWQ6IGZhbHNlLFxuICAgICAgICBzcGVlZDogNCxcbiAgICAgICAgdmlzaW9uUmFkaXVzOiA1MFxuICAgIH0sIGNvbmZpZyk7XG5cbiAgICB0aGlzLmdyaWRzID0ge1xuICAgICAgICBnbG9iYWw6IGdsb2JhbEdyaWQgfHwge30sXG4gICAgICAgIHZpc2lvbjogY3JlYXRlVmlzaW9uR3JpZCh0aGlzLmNvbmZpZylcbiAgICB9O1xuXG4gICAgdGhpcy5hcmMgPSB7XG4gICAgICAgIGNlbnRlclg6IHJhbmRvbS5udW0oMCwgYm91bmRzLndpZHRoKSxcbiAgICAgICAgY2VudGVyWTogcmFuZG9tLm51bSgwLCBib3VuZHMuaGVpZ2h0KSxcbiAgICAgICAgY2xvY2t3aXNlOiByYW5kb20uYm9vbCgpLFxuICAgICAgICBlbmRYOiAwLFxuICAgICAgICBlbmRZOiAwLFxuICAgICAgICBsZW5ndGg6IHJhbmRvbS5udW0oUkFELnQ5MCwgUkFELnQzNjApLFxuICAgICAgICByYWRpdXM6IHJhbmRvbS5udW0oMTAwLCAyMDApLFxuICAgICAgICB0aGV0YTogcmFuZG9tLm51bShSQUQudDkwLCBSQUQudDM2MCksXG4gICAgfTtcblxuICAgIHRoaXMubm9kZXMgPSB7XG4gICAgICAgIGJvZHk6IGNyZWF0ZUJvZHlOb2RlKHRoaXMuY29uZmlnKSxcbiAgICAgICAgY2lyY2xlOiB1bmRlZmluZWQsXG4gICAgICAgIGNvbnRhaW5lcjogY3JlYXRlQ29udGFpbmVyTm9kZSh0aGlzLmNvbmZpZyksXG4gICAgICAgIHBhcmVudCxcbiAgICAgICAgdmlzaW9uR3JpZDogdW5kZWZpbmVkLFxuICAgIH07XG5cbiAgICB0aGlzLm5vZGVzLmNvbnRhaW5lci5hcHBlbmRDaGlsZCh0aGlzLm5vZGVzLmJvZHkpO1xuICAgIHBhcmVudC5hcHBlbmRDaGlsZCh0aGlzLm5vZGVzLmNvbnRhaW5lcik7XG5cbiAgICB0aGlzLnVwZGF0ZUNvbmZpZyh0aGlzLmNvbmZpZyk7XG4gICAgdGhpcy5uZXh0RnJhbWUoKTtcbn07XG5cbi8vID09PT09IFBST1RPVFlQRSA9PT09PVxuXG5QYXJ0aWNsZS5wcm90b3R5cGUucmVtb3ZlID0gZnVuY3Rpb24oKSB7XG4gICAgdGhpcy5ub2Rlcy5wYXJlbnQucmVtb3ZlQ2hpbGQodGhpcy5ub2Rlcy5jb250YWluZXIpO1xuICAgIHJldHVybiB0aGlzO1xufVxuXG5QYXJ0aWNsZS5wcm90b3R5cGUubmV4dEZyYW1lID0gZnVuY3Rpb24oKSB7XG4gICAgdGhpcy5hcmMgPSB1cGRhdGVBcmModGhpcy5hcmMsIHRoaXMuY29uZmlnKTtcbiAgICB0aGlzLmdyaWRzLnZpc2lvbiA9IHVwZGF0ZVZpc2lvbkdyaWQodGhpcy5hcmMsIHRoaXMuY29uZmlnLCB0aGlzLmdyaWRzKTtcblxuICAgIHJlcGFpbnRDb250YWluZXIodGhpcy5ub2Rlcy5jb250YWluZXIsIHRoaXMuYXJjKTtcbiAgICByZXBhaW50Qm9keSh0aGlzLm5vZGVzLmJvZHksIHRoaXMuYXJjKTtcbiAgICByZXBhaW50Q2lyY2xlKHRoaXMubm9kZXMuY2lyY2xlLCB0aGlzLmFyYyk7XG4gICAgcmVwYWludFZpc2lvbkdyaWQodGhpcy5ub2Rlcy52aXNpb25HcmlkLCB0aGlzLmFyYywgdGhpcy5ncmlkcyk7XG59XG5cblBhcnRpY2xlLnByb3RvdHlwZS51cGRhdGVDb25maWcgPSBmdW5jdGlvbihjb25maWcpIHtcbiAgICBPYmplY3QuYXNzaWduKHRoaXMuY29uZmlnLCBjb25maWcpO1xuXG4gICAgY29uc3QgeyBzaG93TW92ZW1lbnRDaXJjbGUsIHNob3dWaXNpb25HcmlkIH0gPSB0aGlzLmNvbmZpZztcblxuICAgIGlmIChzaG93TW92ZW1lbnRDaXJjbGUgPT09IHRydWUgJiYgdGhpcy5ub2Rlcy5jaXJjbGUgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLm5vZGVzLmNpcmNsZSA9IGNyZWF0ZUNpcmNsZU5vZGUoY29uZmlnKTtcbiAgICAgICAgdGhpcy5ub2Rlcy5jb250YWluZXIuYXBwZW5kQ2hpbGQodGhpcy5ub2Rlcy5jaXJjbGUpO1xuICAgIH1cblxuICAgIGlmIChzaG93TW92ZW1lbnRDaXJjbGUgPT09IGZhbHNlICYmIHRoaXMubm9kZXMuY2lyY2xlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhpcy5ub2Rlcy5jb250YWluZXIucmVtb3ZlQ2hpbGQodGhpcy5ub2Rlcy5jaXJjbGUpO1xuICAgICAgICBkZWxldGUgdGhpcy5ub2Rlcy5jaXJjbGU7XG4gICAgfVxuXG4gICAgaWYgKHNob3dWaXNpb25HcmlkID09PSB0cnVlICYmIHRoaXMubm9kZXMudmlzaW9uR3JpZCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMubm9kZXMudmlzaW9uR3JpZCA9IGNyZWF0ZVZpc2lvbkdyaWROb2Rlcyh0aGlzLmNvbmZpZywgdGhpcy5ncmlkcywgdGhpcy5ub2Rlcyk7XG4gICAgfVxuXG4gICAgaWYgKHNob3dWaXNpb25HcmlkID09PSBmYWxzZSAmJiB0aGlzLm5vZGVzLnZpc2lvbkdyaWQgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICBkZWxldGUgdGhpcy5ub2RleC52aXNpb25HcmlkO1xuICAgIH1cbn1cblxuLy8gPT09PT0gQ1JFQVRJT04gPT09PT1cblxuZnVuY3Rpb24gY3JlYXRlQm9keU5vZGUoY29uZmlnKSB7XG4gICAgY29uc3Qgbm9kZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgIG5vZGUuY2xhc3NOYW1lID0gJ3BhcnRpY2xlLWJvZHknO1xuICAgIG5vZGUuc3R5bGUuYmFja2dyb3VuZENvbG9yID0gY29uZmlnLmNvbG9yO1xuICAgIHJldHVybiBub2RlO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVDaXJjbGVOb2RlKGNvbmZpZykge1xuICAgIGlmIChjb25maWcuc2hvd01vdmVtZW50Q2lyY2xlID09PSBmYWxzZSkge1xuICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cblxuICAgIGNvbnN0IG5vZGUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICBub2RlLmNsYXNzTmFtZSA9ICdwYXJ0aWNsZS1tb3ZlbWVudC1jaXJjbGUnO1xuICAgIG5vZGUuc3R5bGUuYm9yZGVyQ29sb3IgPSBjb25maWcuY29sb3I7XG4gICAgcmV0dXJuIG5vZGU7XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZUNvbnRhaW5lck5vZGUoY29uZmlnKSB7XG4gICAgY29uc3Qgbm9kZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgIG5vZGUuY2xhc3NOYW1lID0gJ3BhcnRpY2xlLWNvbnRhaW5lcic7XG4gICAgcmV0dXJuIG5vZGU7XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZVZpc2lvbkdyaWQoY29uZmlnKSB7XG4gICAgaWYgKGNvbmZpZy5zaG93VmlzaW9uR3JpZCA9PT0gZmFsc2UpIHtcbiAgICAgICAgcmV0dXJuIFtdO1xuICAgIH1cblxuICAgIGNvbnN0IHsgZ3JpZFNpemU6IHNpZGUsIHZpc2lvblJhZGl1czogcmFkaXVzIH0gPSBjb25maWc7XG4gICAgY29uc3QgcjAgPSByYWRpdXM7XG4gICAgY29uc3QgcjEgPSByYWRpdXMgLSBzaWRlO1xuXG4gICAgY29uc3QgcG9pbnRzID0gW107XG5cbiAgICBmb3IgKGxldCB4ID0gLXJhZGl1czsgeCA8PSByYWRpdXM7IHggKz0gc2lkZSkge1xuICAgICAgICBmb3IgKGxldCB5ID0gLXJhZGl1czsgeSA8PSByYWRpdXM7IHkgKz0gc2lkZSkge1xuICAgICAgICAgICAgLy8gT21pdCBsb3dlciBoYWxmXG4gICAgICAgICAgICBpZiAoeSA8IDApIHtcbiAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLy8gSW5jbHVkZSB2aXNpb24gYmFuZFxuICAgICAgICAgICAgY29uc3QgciA9IE1hdGgucG93KE1hdGgucG93KHgsIDIpICsgTWF0aC5wb3coeSwgMiksIDAuNSk7XG4gICAgICAgICAgICBpZiAociA+IHIwIHx8IHIgPCByMSkge1xuICAgICAgICAgICAgICAgIGNvbnRpbnVlO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBsZXQgYWxwaGEgPSBNYXRoLmF0YW4oeSAvIHgpO1xuICAgICAgICAgICAgaWYgKHggPCAwKSB7XG4gICAgICAgICAgICAgICAgYWxwaGEgPSBSQUQudDE4MCArIGFscGhhOyAvLyBUT0RPICs9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHBvaW50cy5wdXNoKHsgeCwgeSwgciwgYWxwaGEsIHRvdWNoOiBmYWxzZSB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiBwb2ludHM7XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZVZpc2lvbkdyaWROb2Rlcyhjb25maWcsIGdyaWRzLCBub2Rlcykge1xuICAgIGlmIChjb25maWcuc2hvd1Zpc2lvbkdyaWQgPT09IGZhbHNlKSB7XG4gICAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgfVxuXG4gICAgcmV0dXJuIGdyaWRzLnZpc2lvbi5yZWR1Y2UoKGFjYywgeyB4LCB5IH0pID0+IHtcbiAgICAgICAgY29uc3QgZGl2ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgICAgIGRpdi5jbGFzc05hbWUgPSAncGFydGljbGUtdmlzaW9uLWRvdCc7XG4gICAgICAgIGRpdi5zdHlsZS5iYWNrZ3JvdW5kQ29sb3IgPSBjb25maWcuY29sb3I7XG4gICAgICAgIG5vZGVzLnBhcmVudC5hcHBlbmRDaGlsZChkaXYpO1xuXG4gICAgICAgIGFjYy5wdXNoKGRpdik7XG5cbiAgICAgICAgcmV0dXJuIGFjYztcbiAgICB9LCBbXSk7XG59XG5cbi8vID09PT09IENBTENVTEFUSU9OUyA9PT09PVxuXG5mdW5jdGlvbiB1cGRhdGVBcmMoYXJjLCB7IGJvdW5kcywgcmFuZG9taXplLCBzcGVlZCB9KSB7XG4gICAgLy8gUmFuZG9tbHkgY2hhbmdlIHJhZGl1cyBhbmQgcm90YXRpb24gZGlyZWN0aW9uLlxuICAgIGlmIChhcmMubGVuZ3RoIDw9IDApIHtcbiAgICAgICAgYXJjLmxlbmd0aCA9IHJhbmRvbS5udW0oUkFELnQ5MCwgUkFELnQzNjApO1xuXG4gICAgICAgIGlmIChyYW5kb21pemUgPT09IHRydWUpIHtcbiAgICAgICAgICAgIGFyYyA9IG1vdmVBcmMoYXJjLCByYW5kb20ubnVtKDEwMCwgMjAwKSk7XG5cbiAgICAgICAgICAgIGlmIChyYW5kb20uYm9vbCgwLjgpKSB7XG4gICAgICAgICAgICAgICAgYXJjLmNsb2Nrd2lzZSA9ICFhcmMuY2xvY2t3aXNlO1xuICAgICAgICAgICAgICAgIGFyYyA9IGNoYW5nZURpcmVjdGlvbihhcmMpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgLy8gRW5zdXJlIGNvbnN0YW50IHZlbG9jaXR5IGFuZCB0aGV0YSBiZXR3ZWVuIDAgYW5kIDLPgC5cbiAgICBjb25zdCBkZWx0YSA9IHNwZWVkIC8gYXJjLnJhZGl1cztcbiAgICBhcmMubGVuZ3RoIC09IGRlbHRhO1xuXG4gICAgYXJjLnRoZXRhICs9IChhcmMuY2xvY2t3aXNlID8gLWRlbHRhIDogK2RlbHRhKTtcbiAgICBhcmMudGhldGEgPSAoYXJjLnRoZXRhID4gMCA/IGFyYy50aGV0YSAlIFJBRC50MzYwIDogUkFELnQzNjAgKyBhcmMudGhldGEpO1xuXG4gICAgYXJjLmVuZFggPSBhcmMuY2VudGVyWCArIGFyYy5yYWRpdXMgKiBNYXRoLmNvcyhhcmMudGhldGEpO1xuICAgIGFyYy5lbmRZID0gYXJjLmNlbnRlclkgLSBhcmMucmFkaXVzICogTWF0aC5zaW4oYXJjLnRoZXRhKTtcblxuICAgIC8vIE92ZXJmbG93LlxuICAgIGlmIChhcmMuZW5kWCA8IDApIHtcbiAgICAgICAgYXJjLmVuZFggKz0gYm91bmRzLndpZHRoO1xuICAgICAgICBhcmMuY2VudGVyWCArPSBib3VuZHMud2lkdGhcbiAgICB9IGVsc2UgaWYgKGFyYy5lbmRYID4gYm91bmRzLndpZHRoKSB7XG4gICAgICAgIGFyYy5lbmRYIC09IGJvdW5kcy53aWR0aDtcbiAgICAgICAgYXJjLmNlbnRlclggLT0gYm91bmRzLndpZHRoXG4gICAgfVxuXG4gICAgaWYgKGFyYy5lbmRZIDwgMCkge1xuICAgICAgICBhcmMuZW5kWSArPSBib3VuZHMuaGVpZ2h0O1xuICAgICAgICBhcmMuY2VudGVyWSArPSBib3VuZHMuaGVpZ2h0XG4gICAgfSBlbHNlIGlmIChhcmMuZW5kWSA+IGJvdW5kcy5oZWlnaHQpIHtcbiAgICAgICAgYXJjLmVuZFkgLT0gYm91bmRzLmhlaWdodDtcbiAgICAgICAgYXJjLmNlbnRlclkgLT0gYm91bmRzLmhlaWdodFxuICAgIH1cblxuICAgIHJldHVybiBhcmM7XG59XG5cbmZ1bmN0aW9uIHVwZGF0ZVZpc2lvbkdyaWQoYXJjLCBjb25maWcsIGdyaWRzKSB7XG4gICAgY29uc3QgeyBnbG9iYWwsIHZpc2lvbiB9ID0gZ3JpZHM7XG5cbiAgICByZXR1cm4gdmlzaW9uLnJlZHVjZSgoYWNjLCBwb2ludCkgPT4ge1xuICAgICAgICBjb25zdCByYWQgPSBhcmMuY2xvY2t3aXNlXG4gICAgICAgICAgICA/IGFyYy50aGV0YSArIHBvaW50LmFscGhhICsgUkFELnQxODBcbiAgICAgICAgICAgIDogYXJjLnRoZXRhICsgcG9pbnQuYWxwaGE7XG5cbiAgICAgICAgY29uc3QgeCA9IHBvaW50LnIgKiBNYXRoLmNvcyhyYWQpO1xuICAgICAgICBjb25zdCB5ID0gcG9pbnQuciAqIE1hdGguc2luKHJhZCk7XG5cbiAgICAgICAgcG9pbnQueCA9IGFyYy5lbmRYICsgeDtcbiAgICAgICAgcG9pbnQueSA9IGFyYy5lbmRZIC0geTtcblxuICAgICAgICBjb25zdCBncmlkWCA9IHBvaW50LnggLSBwb2ludC54ICUgNTtcbiAgICAgICAgY29uc3QgZ3JpZFkgPSBwb2ludC55IC0gcG9pbnQueSAlIDU7XG5cbiAgICAgICAgcG9pbnQudG91Y2ggPSAoZ2xvYmFsW2dyaWRYXSAhPT0gdW5kZWZpbmVkICYmIGdsb2JhbFtncmlkWF1bZ3JpZFldICE9PSB1bmRlZmluZWQpO1xuXG4gICAgICAgIHJldHVybiBhY2MuY29uY2F0KHBvaW50KTtcbiAgICB9LCBbXSk7XG59XG5cbmZ1bmN0aW9uIG1vdmVBcmMoYXJjLCBuZXdSYWRpdXMpIHtcbiAgICBjb25zdCByMCA9IGFyYy5yYWRpdXM7XG4gICAgY29uc3QgcjEgPSBuZXdSYWRpdXM7XG5cbiAgICAvLyBNb3ZlcyBhcmMgY2VudGVyIHRvIG5ldyByYWRpdXMgd2hpbGUga2VlcGluZyB0aGV0YSBjb25zdGFudC5cbiAgICBhcmMuY2VudGVyWCAtPSAocjEgLSByMCkgKiBNYXRoLmNvcyhhcmMudGhldGEpO1xuICAgIGFyYy5jZW50ZXJZICs9IChyMSAtIHIwKSAqIE1hdGguc2luKGFyYy50aGV0YSk7XG4gICAgYXJjLnJhZGl1cyA9IHIxO1xuXG4gICAgcmV0dXJuIGFyYztcbn1cblxuZnVuY3Rpb24gY2hhbmdlRGlyZWN0aW9uKGFyYykge1xuICAgIGFyYy50aGV0YSA9IChhcmMudGhldGEgKyBSQUQudDE4MCkgJSBSQUQudDM2MDtcbiAgICBhcmMuY2VudGVyWCAtPSAoMiAqIGFyYy5yYWRpdXMpICogTWF0aC5jb3MoYXJjLnRoZXRhKTtcbiAgICBhcmMuY2VudGVyWSArPSAoMiAqIGFyYy5yYWRpdXMpICogTWF0aC5zaW4oYXJjLnRoZXRhKTtcblxuICAgIHJldHVybiBhcmM7XG59XG5cbi8vID09PT09IFJFTkRFUklORyA9PT09PVxuZnVuY3Rpb24gcmVwYWludENvbnRhaW5lcihub2RlLCBhcmMpIHtcbiAgICBub2RlLnN0eWxlLmxlZnQgPSBgJHthcmMuZW5kWH1weGA7XG4gICAgbm9kZS5zdHlsZS50b3AgPSBgJHthcmMuZW5kWX1weGA7XG59XG5cbmZ1bmN0aW9uIHJlcGFpbnRCb2R5KG5vZGUsIGFyYykge1xuICAgIGNvbnN0IHJhZCA9IGFyYy5jbG9ja3dpc2VcbiAgICAgICAgPyBSQUQudDE4MCAtIGFyYy50aGV0YVxuICAgICAgICA6IFJBRC50MzYwIC0gYXJjLnRoZXRhO1xuXG4gICAgbm9kZS5zdHlsZS50cmFuc2Zvcm0gPSBgcm90YXRlKCR7cmFkICsgUkFELnQ0NX1yYWQpYDtcbn1cblxuZnVuY3Rpb24gcmVwYWludENpcmNsZShub2RlLCBhcmMpIHtcbiAgICBpZiAobm9kZSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBub2RlLnN0eWxlLndpZHRoID0gYCR7MiAqIGFyYy5yYWRpdXN9cHhgO1xuICAgIG5vZGUuc3R5bGUuaGVpZ2h0ID0gYCR7MiAqIGFyYy5yYWRpdXN9cHhgO1xuXG4gICAgbm9kZS5zdHlsZS5sZWZ0ID0gYC0ke2FyYy5yYWRpdXMgKyBhcmMucmFkaXVzICogTWF0aC5jb3MoYXJjLnRoZXRhKX1weGA7XG4gICAgbm9kZS5zdHlsZS50b3AgPSBgLSR7YXJjLnJhZGl1cyAtIGFyYy5yYWRpdXMgKiBNYXRoLnNpbihhcmMudGhldGEpfXB4YDtcblxuICAgIG5vZGUuc3R5bGUuYm9yZGVyUmFkaXVzID0gYCR7YXJjLnJhZGl1c31weGA7XG59XG5cbmZ1bmN0aW9uIHJlcGFpbnRWaXNpb25HcmlkKG5vZGVzLCBhcmMsIGdyaWRzKSB7XG4gICAgaWYgKG5vZGVzID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGdyaWRzLnZpc2lvbi5mb3JFYWNoKCh7IHgsIHksIHRvdWNoIH0sIGkpID0+IHtcbiAgICAgICAgbm9kZXNbaV0uc3R5bGUubGVmdCA9IGAke3h9cHhgO1xuICAgICAgICBub2Rlc1tpXS5zdHlsZS50b3AgPSBgJHt5fXB4YDtcblxuICAgICAgICBub2Rlc1tpXS5zdHlsZS5ib3JkZXIgPSAodG91Y2ggPyAnMnB4IHNvbGlkIHJlZCcgOiAnMCcpO1xuICAgIH0pO1xufVxuXG5leHBvcnQgZGVmYXVsdCBQYXJ0aWNsZTtcblxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyBqcy9wYXJ0aWNsZS5qcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTtBQUFBO0FBQ0E7Ozs7O0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFIQTtBQUNBO0FBS0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBUkE7QUFDQTtBQVVBO0FBQ0E7QUFDQTtBQUZBO0FBQ0E7QUFJQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFSQTtBQUNBO0FBVUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBTEE7QUFDQTtBQU9BO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUZBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSkE7QUFBQTtBQUNBO0FBS0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==");
 
 /***/ }),
 /* 34 */
diff --git a/js/particle.js b/js/particle.js
index d88683e..2897da5 100644
--- a/js/particle.js
+++ b/js/particle.js
@@ -43,7 +43,6 @@ function Particle(parent, bounds, config, globalGrid) {
         circle: undefined,
         container: createContainerNode(this.config),
         parent,
-        vision: undefined,
         visionGrid: undefined,
     };
 
@@ -68,7 +67,6 @@ Particle.prototype.nextFrame = function() {
     repaintContainer(this.nodes.container, this.arc);
     repaintBody(this.nodes.body, this.arc);
     repaintCircle(this.nodes.circle, this.arc);
-    repaintVision(this.nodes.vision, this.arc);
     repaintVisionGrid(this.nodes.visionGrid, this.arc, this.grids);
 }
 
@@ -87,15 +85,11 @@ Particle.prototype.updateConfig = function(config) {
         delete this.nodes.circle;
     }
 
-    if (showVisionGrid === true && this.nodes.vision === undefined) {
-        this.nodes.vision = createVisionNode(config, this.grids);
+    if (showVisionGrid === true && this.nodes.visionGrid === undefined) {
         this.nodes.visionGrid = createVisionGridNodes(this.config, this.grids, this.nodes);
-        this.nodes.container.appendChild(this.nodes.vision);
     }
 
-    if (showVisionGrid === false && this.nodes.vision !== undefined) {
-        this.nodes.container.removeChild(this.nodes.vision);
-        delete this.nodes.vision;
+    if (showVisionGrid === false && this.nodes.visionGrid !== undefined) {
         delete this.nodex.visionGrid;
     }
 }
@@ -126,17 +120,6 @@ function createContainerNode(config) {
     return node;
 }
 
-function createVisionNode(config) {
-    if (config.showVisionGrid === false) {
-        return undefined;
-    }
-
-    const node = document.createElement('div');
-    node.className = 'particle-vision';
-
-    return node;
-}
-
 function createVisionGrid(config) {
     if (config.showVisionGrid === false) {
         return [];
@@ -163,7 +146,7 @@ function createVisionGrid(config) {
 
             let alpha = Math.atan(y / x);
             if (x < 0) {
-                alpha = RAD.t180 + alpha;
+                alpha = RAD.t180 + alpha; // TODO +=
             }
 
             points.push({ x, y, r, alpha, touch: false });
@@ -182,7 +165,7 @@ function createVisionGridNodes(config, grids, nodes) {
         const div = document.createElement('div');
         div.className = 'particle-vision-dot';
         div.style.backgroundColor = config.color;
-        nodes.vision.appendChild(div);
+        nodes.parent.appendChild(div);
 
         acc.push(div);
 
@@ -242,18 +225,19 @@ function updateVisionGrid(arc, config, grids) {
 
     return vision.reduce((acc, point) => {
         const rad = arc.clockwise
-            ? arc.theta - point.alpha
-            : arc.theta - point.alpha + RAD.t180;
+            ? arc.theta + point.alpha + RAD.t180
+            : arc.theta + point.alpha;
 
-        point.x = point.r * Math.cos(rad) + config.visionRadius;
-        point.y = -point.r * Math.sin(rad) + config.visionRadius;
+        const x = point.r * Math.cos(rad);
+        const y = point.r * Math.sin(rad);
 
-        // console.warn(point.alpha, point.alpha + arc.theta)
+        point.x = arc.endX + x;
+        point.y = arc.endY - y;
 
-        // const gridX = point.x - point.x % 5;
-        // const gridY = point.y - point.y % 5;
+        const gridX = point.x - point.x % 5;
+        const gridY = point.y - point.y % 5;
 
-        // point.touch = (global[gridX] !== undefined && global[gridX][gridY] !== undefined);
+        point.touch = (global[gridX] !== undefined && global[gridX][gridY] !== undefined);
 
         return acc.concat(point);
     }, []);
@@ -307,16 +291,6 @@ function repaintCircle(node, arc) {
     node.style.borderRadius = `${arc.radius}px`;
 }
 
-function repaintVision(node, arc) {
-    if (node === undefined) {
-        return;
-    }
-
-    const rad = arc.clockwise
-        ? RAD.t180 - arc.theta
-        : RAD.t360 - arc.theta;
-}
-
 function repaintVisionGrid(nodes, arc, grids) {
     if (nodes === undefined) {
         return;