From 779afc5aa68f84ad6a43894b55d9c75cbea3b325 Mon Sep 17 00:00:00 2001 From: Ben Burlingham Date: Fri, 20 Oct 2017 05:51:03 -0700 Subject: [PATCH] Cohesion perf work. --- index.html | 2 +- js/animation3a.js | 10 ++++------ js/arc.js | 2 +- js/bundle.js | 8 ++++---- js/index.js | 5 ++++- js/particle.js | 24 +++++++++--------------- 6 files changed, 23 insertions(+), 28 deletions(-) diff --git a/index.html b/index.html index 60c0f02..4d98674 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,6 @@ -

Dust

@@ -83,5 +82,6 @@ + diff --git a/js/animation3a.js b/js/animation3a.js index bc0e32e..40185e1 100644 --- a/js/animation3a.js +++ b/js/animation3a.js @@ -9,13 +9,11 @@ function Animation3a() { cohesion: true, count: 10, maxCount: 1000, - showVisionGrid: true, + showVisionGrid: false, speed: 4 }; this.container = document.getElementById('animation3a'); - this.bounds = this.container.getBoundingClientRect(); - this.particles = []; this.globalGrid = new Grid(); @@ -31,13 +29,11 @@ function Animation3a() { // TODO get "top" leader, once...don't update each time? // TODO if leader sees follower, assign to this leader? - // TODO X dimension modified by core UI, maybe recalc grid in animation start? // TODO remove bottom padding from Disqus // TODO ANIM2ab randomize hazards // TODO fix "hangup" small radius evade bug // TODO ANIM3a perf Scale vision grid to 1000 particles - // TODO ANIM3a circular leadership // TODO hazard grid, particles grid // TODO completely seal Particle @@ -78,12 +74,14 @@ Animation3a.prototype.updateAnimating = function(isAnimating) { } Animation3a.prototype.updateCount = function(count) { + const bounds = this.container.getBoundingClientRect(); + while (this.particles.length > count) { delete this.particles.pop().remove(); } while (this.particles.length < count) { - const p = new Particle(this.container, this.bounds, this.options, this.globalGrid); + const p = new Particle(this.container, bounds, this.options, this.globalGrid); this.particles.push(p); } } diff --git a/js/arc.js b/js/arc.js index db5e147..f25358e 100644 --- a/js/arc.js +++ b/js/arc.js @@ -30,7 +30,7 @@ const Arc = { return arc; }, - step: function(arc, { bounds, speed }) { + step: function(arc, bounds, speed) { // Ensure constant velocity and theta between 0 and 2π. const delta = speed / arc.radius; arc.length -= delta; diff --git a/js/bundle.js b/js/bundle.js index 0b71847..bd34179 100644 --- a/js/bundle.js +++ b/js/bundle.js @@ -293,7 +293,7 @@ eval("\nvar ConnectableObservable_1 = __webpack_require__(/*! ../observable/Conn /***/ (function(module, exports, __webpack_require__) { "use strict"; -eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _rxjs = __webpack_require__(/*! rxjs */ 13);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _enums = __webpack_require__(/*! ./enums */ 15);\n\nvar _arc = __webpack_require__(/*! ./arc */ 360);\n\nvar _arc2 = _interopRequireDefault(_arc);\n\nvar _random = __webpack_require__(/*! ./random */ 361);\n\nvar _random2 = _interopRequireDefault(_random);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n// ===== Constructor =====\n\nfunction Particle(parent, bounds, config, globalGrid) {\n Object.defineProperty(this, 'config', {\n value: Object.assign({}, {\n behavior: _enums.BEHAVIOR.COHESION,\n bounds: bounds,\n color: _random2.default.color(),\n gridSize: 5,\n randomize: true,\n showMovementCircle: false,\n showVisionGrid: false,\n speed: 4,\n visionRadius: 50\n }, config)\n });\n\n Object.defineProperty(this, 'grids', {\n value: {\n global: globalGrid || {},\n vision: createVisionGrid(this.config)\n }\n });\n\n Object.defineProperty(this, 'id', {\n value: _random2.default.id(6)\n });\n\n Object.defineProperty(this, 'nodes', {\n value: {\n body: createBodyNode(this.config),\n circle: undefined,\n container: createContainerNode(this.config, this.id),\n parent: parent,\n visionGrid: undefined\n }\n });\n\n // TODO encapsulate better\n this.isLeader = false;\n this.leader = null;\n\n this.nodes.container.appendChild(this.nodes.body);\n parent.appendChild(this.nodes.container);\n\n this.arc = _arc2.default.create(bounds, this.grids);\n this.updateConfig(this.config);\n this.nextFrame(globalGrid);\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 (globalGrid) {\n var _this = this;\n\n // Randomly change radius and rotation direction.\n if (this.arc.length <= 0 && this.config.randomize) {\n this.arc = _arc2.default.randomize(this.arc);\n }\n\n this.arc = _arc2.default.step(this.arc, this.config);\n\n if (this.leader !== null) {\n this.arc = _arc2.default.follow(this.arc, this.leader.arc);\n }\n\n this.grids.global = globalGrid;\n this.grids.vision = updateVisionGrid(this.arc, this.config, this.grids);\n\n var _look = look(this.arc, this.grids),\n hazards = _look.hazards,\n particles = _look.particles;\n\n if (this.leader === null && particles.length > 0) {\n var candidates = particles.filter(function (v) {\n return v.leader ? v.leader.id !== _this.id : true;\n });\n\n var leader = candidates.find(function (v) {\n return v.isLeader;\n }) || candidates[0];\n\n if (leader !== undefined) {\n leader.isLeader = true;\n\n // console.log(`${this.id} is now following ${leader.id}`);\n\n this.isLeader = false;\n this.leader = leader;\n }\n }\n\n this.updateLeader();\n\n // if (hazards.length) {\n // this.arc = evade(this.arc, this.grids.vision);\n // }\n\n repaintContainer(this.nodes.container, this.arc);\n repaintBody(this.nodes.body, this.arc, this.isLeader);\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\nParticle.prototype.updateLeader = function () {\n if (this.leader === null) {\n return;\n }\n\n while (this.leader.leader !== null) {\n this.leader.isLeader = false;\n this.leader = this.leader.leader;\n // console.error(this.id, 'is now following', this.leader.id)\n }\n\n // Prevents circular leadership, where a leader sees its tail.\n if (this.leader.id === this.id) {\n this.leader = null;\n }\n};\n\nfunction look(arc, grids) {\n var global = grids.global,\n vision = grids.vision;\n\n\n return vision.reduce(function (acc, point) {\n var x = arc.endX + point.x;\n var y = arc.endY + point.y;\n var p = global.getPoint({ x: x, y: y, type: _enums.ENTITIES.PARTICLE });\n\n if (p) {\n acc.particles.push(p);\n }\n\n // if (global.getPoint({ x, y, type: ENTITIES.HAZARD })) {\n // acc.hazards.push({ x, y });\n // }\n\n return acc;\n }, { hazards: [], particles: [] });\n}\n\n// ===== DOM 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, id) {\n var node = document.createElement('div');\n node.className = 'particle-container';\n node.id = id;\n return node;\n}\n\nfunction createVisionGrid(config) {\n var side = config.gridSize,\n radius = config.visionRadius;\n\n var r0 = radius;\n var r1 = 30;\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 large slices of unused circle\n if (x > y || x < -y) {\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;\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.container.appendChild(div);\n\n acc.push(div);\n\n return acc;\n }, []);\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 ? point.alpha - arc.theta : point.alpha - arc.theta + _enums.RAD.t180;\n\n point.x = point.r * Math.cos(rad);\n point.y = point.r * Math.sin(rad);\n\n return acc.concat(point);\n }, []);\n}\n\n// ===== DOM 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, isLeader) {\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 isLeader ? node.style.outline = '1px solid red' : node.style.outline = '';\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'; // TODO perf here\n node.style.top = '-' + (arc.radius - arc.radius * Math.sin(arc.theta)) + 'px'; // TODO perf here\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 (_ref2, i) {\n var x = _ref2.x,\n y = _ref2.y,\n touch = _ref2.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMTkuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvcGFydGljbGUuanM/M2JkZSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQkVIQVZJT1IsIEVOVElUSUVTLCBSQUQgfSBmcm9tICcuL2VudW1zJztcbmltcG9ydCBBcmMgZnJvbSAnLi9hcmMnO1xuaW1wb3J0IFJhbmRvbSBmcm9tICcuL3JhbmRvbSc7XG5cbi8vID09PT09IENvbnN0cnVjdG9yID09PT09XG5cbmZ1bmN0aW9uIFBhcnRpY2xlKHBhcmVudCwgYm91bmRzLCBjb25maWcsIGdsb2JhbEdyaWQpIHtcbiAgICBPYmplY3QuZGVmaW5lUHJvcGVydHkodGhpcywgJ2NvbmZpZycsIHtcbiAgICAgICAgdmFsdWU6IE9iamVjdC5hc3NpZ24oe30sIHtcbiAgICAgICAgICAgIGJlaGF2aW9yOiBCRUhBVklPUi5DT0hFU0lPTixcbiAgICAgICAgICAgIGJvdW5kcyxcbiAgICAgICAgICAgIGNvbG9yOiBSYW5kb20uY29sb3IoKSxcbiAgICAgICAgICAgIGdyaWRTaXplOiA1LFxuICAgICAgICAgICAgcmFuZG9taXplOiB0cnVlLFxuICAgICAgICAgICAgc2hvd01vdmVtZW50Q2lyY2xlOiBmYWxzZSxcbiAgICAgICAgICAgIHNob3dWaXNpb25HcmlkOiBmYWxzZSxcbiAgICAgICAgICAgIHNwZWVkOiA0LFxuICAgICAgICAgICAgdmlzaW9uUmFkaXVzOiA1MFxuICAgICAgICB9LCBjb25maWcpXG4gICAgfSk7XG5cbiAgICBPYmplY3QuZGVmaW5lUHJvcGVydHkodGhpcywgJ2dyaWRzJywge1xuICAgICAgICB2YWx1ZToge1xuICAgICAgICAgICAgZ2xvYmFsOiBnbG9iYWxHcmlkIHx8IHt9LFxuICAgICAgICAgICAgdmlzaW9uOiBjcmVhdGVWaXNpb25HcmlkKHRoaXMuY29uZmlnKVxuICAgICAgICB9XG4gICAgfSk7XG5cbiAgICBPYmplY3QuZGVmaW5lUHJvcGVydHkodGhpcywgJ2lkJywge1xuICAgICAgICB2YWx1ZTogUmFuZG9tLmlkKDYpXG4gICAgfSk7XG5cbiAgICBPYmplY3QuZGVmaW5lUHJvcGVydHkodGhpcywgJ25vZGVzJywge1xuICAgICAgICB2YWx1ZToge1xuICAgICAgICAgICAgYm9keTogY3JlYXRlQm9keU5vZGUodGhpcy5jb25maWcpLFxuICAgICAgICAgICAgY2lyY2xlOiB1bmRlZmluZWQsXG4gICAgICAgICAgICBjb250YWluZXI6IGNyZWF0ZUNvbnRhaW5lck5vZGUodGhpcy5jb25maWcsIHRoaXMuaWQpLFxuICAgICAgICAgICAgcGFyZW50LFxuICAgICAgICAgICAgdmlzaW9uR3JpZDogdW5kZWZpbmVkLFxuICAgICAgICB9XG4gICAgfSk7XG5cbiAgICAvLyBUT0RPIGVuY2Fwc3VsYXRlIGJldHRlclxuICAgIHRoaXMuaXNMZWFkZXIgPSBmYWxzZTtcbiAgICB0aGlzLmxlYWRlciA9IG51bGw7XG5cbiAgICB0aGlzLm5vZGVzLmNvbnRhaW5lci5hcHBlbmRDaGlsZCh0aGlzLm5vZGVzLmJvZHkpO1xuICAgIHBhcmVudC5hcHBlbmRDaGlsZCh0aGlzLm5vZGVzLmNvbnRhaW5lcik7XG5cbiAgICB0aGlzLmFyYyA9IEFyYy5jcmVhdGUoYm91bmRzLCB0aGlzLmdyaWRzKTtcbiAgICB0aGlzLnVwZGF0ZUNvbmZpZyh0aGlzLmNvbmZpZyk7XG4gICAgdGhpcy5uZXh0RnJhbWUoZ2xvYmFsR3JpZCk7XG59O1xuXG4vLyA9PT09PSBQUk9UT1RZUEUgPT09PT1cblxuUGFydGljbGUucHJvdG90eXBlLnJlbW92ZSA9IGZ1bmN0aW9uKCkge1xuICAgIHRoaXMubm9kZXMucGFyZW50LnJlbW92ZUNoaWxkKHRoaXMubm9kZXMuY29udGFpbmVyKTtcbiAgICByZXR1cm4gdGhpcztcbn1cblxuUGFydGljbGUucHJvdG90eXBlLm5leHRGcmFtZSA9IGZ1bmN0aW9uKGdsb2JhbEdyaWQpIHtcbiAgICAvLyBSYW5kb21seSBjaGFuZ2UgcmFkaXVzIGFuZCByb3RhdGlvbiBkaXJlY3Rpb24uXG4gICAgaWYgKHRoaXMuYXJjLmxlbmd0aCA8PSAwICYmIHRoaXMuY29uZmlnLnJhbmRvbWl6ZSkge1xuICAgICAgICB0aGlzLmFyYyA9IEFyYy5yYW5kb21pemUodGhpcy5hcmMpO1xuICAgIH1cblxuICAgIHRoaXMuYXJjID0gQXJjLnN0ZXAodGhpcy5hcmMsIHRoaXMuY29uZmlnKTtcblxuICAgIGlmICh0aGlzLmxlYWRlciAhPT0gbnVsbCkge1xuICAgICAgICB0aGlzLmFyYyA9IEFyYy5mb2xsb3codGhpcy5hcmMsIHRoaXMubGVhZGVyLmFyYyk7XG4gICAgfVxuXG4gICAgdGhpcy5ncmlkcy5nbG9iYWwgPSBnbG9iYWxHcmlkO1xuICAgIHRoaXMuZ3JpZHMudmlzaW9uID0gdXBkYXRlVmlzaW9uR3JpZCh0aGlzLmFyYywgdGhpcy5jb25maWcsIHRoaXMuZ3JpZHMpO1xuXG4gICAgY29uc3QgeyBoYXphcmRzLCBwYXJ0aWNsZXMgfSA9IGxvb2sodGhpcy5hcmMsIHRoaXMuZ3JpZHMpO1xuXG4gICAgaWYgKHRoaXMubGVhZGVyID09PSBudWxsICYmIHBhcnRpY2xlcy5sZW5ndGggPiAwKSB7XG4gICAgICAgIGNvbnN0IGNhbmRpZGF0ZXMgPSBwYXJ0aWNsZXNcbiAgICAgICAgICAgIC5maWx0ZXIodiA9PiB2LmxlYWRlciA/ICh2LmxlYWRlci5pZCAhPT0gdGhpcy5pZCkgOiB0cnVlKTtcblxuICAgICAgICBjb25zdCBsZWFkZXIgPSBjYW5kaWRhdGVzLmZpbmQodiA9PiB2LmlzTGVhZGVyKSB8fCBjYW5kaWRhdGVzWzBdO1xuXG4gICAgICAgIGlmIChsZWFkZXIgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgbGVhZGVyLmlzTGVhZGVyID0gdHJ1ZTtcblxuICAgICAgICAgICAgLy8gY29uc29sZS5sb2coYCR7dGhpcy5pZH0gaXMgbm93IGZvbGxvd2luZyAke2xlYWRlci5pZH1gKTtcblxuICAgICAgICAgICAgdGhpcy5pc0xlYWRlciA9IGZhbHNlO1xuICAgICAgICAgICAgdGhpcy5sZWFkZXIgPSBsZWFkZXI7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICB0aGlzLnVwZGF0ZUxlYWRlcigpO1xuXG4gICAgLy8gaWYgKGhhemFyZHMubGVuZ3RoKSB7XG4gICAgICAgIC8vIHRoaXMuYXJjID0gZXZhZGUodGhpcy5hcmMsIHRoaXMuZ3JpZHMudmlzaW9uKTtcbiAgICAvLyB9XG5cbiAgICByZXBhaW50Q29udGFpbmVyKHRoaXMubm9kZXMuY29udGFpbmVyLCB0aGlzLmFyYyk7XG4gICAgcmVwYWludEJvZHkodGhpcy5ub2Rlcy5ib2R5LCB0aGlzLmFyYywgdGhpcy5pc0xlYWRlcik7XG4gICAgcmVwYWludENpcmNsZSh0aGlzLm5vZGVzLmNpcmNsZSwgdGhpcy5hcmMpO1xuICAgIHJlcGFpbnRWaXNpb25HcmlkKHRoaXMubm9kZXMudmlzaW9uR3JpZCwgdGhpcy5hcmMsIHRoaXMuZ3JpZHMpO1xufVxuXG5QYXJ0aWNsZS5wcm90b3R5cGUudXBkYXRlQ29uZmlnID0gZnVuY3Rpb24oY29uZmlnKSB7XG4gICAgT2JqZWN0LmFzc2lnbih0aGlzLmNvbmZpZywgY29uZmlnKTtcblxuICAgIGNvbnN0IHsgc2hvd01vdmVtZW50Q2lyY2xlLCBzaG93VmlzaW9uR3JpZCB9ID0gdGhpcy5jb25maWc7XG5cbiAgICBpZiAoc2hvd01vdmVtZW50Q2lyY2xlID09PSB0cnVlICYmIHRoaXMubm9kZXMuY2lyY2xlID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhpcy5ub2Rlcy5jaXJjbGUgPSBjcmVhdGVDaXJjbGVOb2RlKGNvbmZpZyk7XG4gICAgICAgIHRoaXMubm9kZXMuY29udGFpbmVyLmFwcGVuZENoaWxkKHRoaXMubm9kZXMuY2lyY2xlKTtcbiAgICB9XG5cbiAgICBpZiAoc2hvd01vdmVtZW50Q2lyY2xlID09PSBmYWxzZSAmJiB0aGlzLm5vZGVzLmNpcmNsZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMubm9kZXMuY29udGFpbmVyLnJlbW92ZUNoaWxkKHRoaXMubm9kZXMuY2lyY2xlKTtcbiAgICAgICAgZGVsZXRlIHRoaXMubm9kZXMuY2lyY2xlO1xuICAgIH1cblxuICAgIGlmIChzaG93VmlzaW9uR3JpZCA9PT0gdHJ1ZSAmJiB0aGlzLm5vZGVzLnZpc2lvbkdyaWQgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLm5vZGVzLnZpc2lvbkdyaWQgPSBjcmVhdGVWaXNpb25HcmlkTm9kZXModGhpcy5jb25maWcsIHRoaXMuZ3JpZHMsIHRoaXMubm9kZXMpO1xuICAgIH1cblxuICAgIGlmIChzaG93VmlzaW9uR3JpZCA9PT0gZmFsc2UgJiYgdGhpcy5ub2Rlcy52aXNpb25HcmlkICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgZGVsZXRlIHRoaXMubm9kZXgudmlzaW9uR3JpZDtcbiAgICB9XG59XG5cblBhcnRpY2xlLnByb3RvdHlwZS51cGRhdGVMZWFkZXIgPSBmdW5jdGlvbigpIHtcbiAgICBpZiAodGhpcy5sZWFkZXIgPT09IG51bGwpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHdoaWxlICh0aGlzLmxlYWRlci5sZWFkZXIgIT09IG51bGwpIHtcbiAgICAgICAgdGhpcy5sZWFkZXIuaXNMZWFkZXIgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5sZWFkZXIgPSB0aGlzLmxlYWRlci5sZWFkZXI7XG4gICAgICAgIC8vIGNvbnNvbGUuZXJyb3IodGhpcy5pZCwgJ2lzIG5vdyBmb2xsb3dpbmcnLCB0aGlzLmxlYWRlci5pZClcbiAgICB9XG5cbiAgICAvLyBQcmV2ZW50cyBjaXJjdWxhciBsZWFkZXJzaGlwLCB3aGVyZSBhIGxlYWRlciBzZWVzIGl0cyB0YWlsLlxuICAgIGlmICh0aGlzLmxlYWRlci5pZCA9PT0gdGhpcy5pZCkge1xuICAgICAgICB0aGlzLmxlYWRlciA9IG51bGw7XG4gICAgfVxufVxuXG5mdW5jdGlvbiBsb29rKGFyYywgZ3JpZHMpIHtcbiAgICBjb25zdCB7IGdsb2JhbCwgdmlzaW9uIH0gPSBncmlkcztcblxuICAgIHJldHVybiB2aXNpb24ucmVkdWNlKChhY2MsIHBvaW50KSA9PiB7XG4gICAgICAgIGNvbnN0IHggPSBhcmMuZW5kWCArIHBvaW50Lng7XG4gICAgICAgIGNvbnN0IHkgPSBhcmMuZW5kWSArIHBvaW50Lnk7XG4gICAgICAgIGNvbnN0IHAgPSBnbG9iYWwuZ2V0UG9pbnQoeyB4LCB5LCB0eXBlOiBFTlRJVElFUy5QQVJUSUNMRSB9KTtcblxuICAgICAgICBpZiAocCkge1xuICAgICAgICAgICAgYWNjLnBhcnRpY2xlcy5wdXNoKHApO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gaWYgKGdsb2JhbC5nZXRQb2ludCh7IHgsIHksIHR5cGU6IEVOVElUSUVTLkhBWkFSRCB9KSkge1xuICAgICAgICAvLyAgICAgYWNjLmhhemFyZHMucHVzaCh7IHgsIHkgfSk7XG4gICAgICAgIC8vIH1cblxuICAgICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHsgaGF6YXJkczogW10sIHBhcnRpY2xlczogW10gfSk7XG59XG5cbi8vID09PT09IERPTSBDUkVBVElPTiA9PT09PVxuXG5mdW5jdGlvbiBjcmVhdGVCb2R5Tm9kZShjb25maWcpIHtcbiAgICBjb25zdCBub2RlID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgbm9kZS5jbGFzc05hbWUgPSAncGFydGljbGUtYm9keSc7XG4gICAgbm9kZS5zdHlsZS5iYWNrZ3JvdW5kQ29sb3IgPSBjb25maWcuY29sb3I7XG4gICAgcmV0dXJuIG5vZGU7XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZUNpcmNsZU5vZGUoY29uZmlnKSB7XG4gICAgaWYgKGNvbmZpZy5zaG93TW92ZW1lbnRDaXJjbGUgPT09IGZhbHNlKSB7XG4gICAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgfVxuXG4gICAgY29uc3Qgbm9kZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgIG5vZGUuY2xhc3NOYW1lID0gJ3BhcnRpY2xlLW1vdmVtZW50LWNpcmNsZSc7XG4gICAgbm9kZS5zdHlsZS5ib3JkZXJDb2xvciA9IGNvbmZpZy5jb2xvcjtcbiAgICByZXR1cm4gbm9kZTtcbn1cblxuZnVuY3Rpb24gY3JlYXRlQ29udGFpbmVyTm9kZShjb25maWcsIGlkKSB7XG4gICAgY29uc3Qgbm9kZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgIG5vZGUuY2xhc3NOYW1lID0gJ3BhcnRpY2xlLWNvbnRhaW5lcic7XG4gICAgbm9kZS5pZCA9IGlkO1xuICAgIHJldHVybiBub2RlO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVWaXNpb25HcmlkKGNvbmZpZykge1xuICAgIGNvbnN0IHsgZ3JpZFNpemU6IHNpZGUsIHZpc2lvblJhZGl1czogcmFkaXVzIH0gPSBjb25maWc7XG4gICAgY29uc3QgcjAgPSByYWRpdXM7XG4gICAgY29uc3QgcjEgPSAzMDtcblxuICAgIGNvbnN0IHBvaW50cyA9IFtdO1xuXG4gICAgZm9yIChsZXQgeCA9IC1yYWRpdXM7IHggPD0gcmFkaXVzOyB4ICs9IHNpZGUpIHtcbiAgICAgICAgZm9yIChsZXQgeSA9IC1yYWRpdXM7IHkgPD0gcmFkaXVzOyB5ICs9IHNpZGUpIHtcbiAgICAgICAgICAgIC8vIE9taXQgbGFyZ2Ugc2xpY2VzIG9mIHVudXNlZCBjaXJjbGVcbiAgICAgICAgICAgIGlmICh4ID4geSB8fCB4IDwgLXkpIHtcbiAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLy8gSW5jbHVkZSB2aXNpb24gYmFuZFxuICAgICAgICAgICAgY29uc3QgciA9IE1hdGgucG93KE1hdGgucG93KHgsIDIpICsgTWF0aC5wb3coeSwgMiksIDAuNSk7XG4gICAgICAgICAgICBpZiAociA+IHIwIHx8IHIgPCByMSkge1xuICAgICAgICAgICAgICAgIGNvbnRpbnVlO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBsZXQgYWxwaGEgPSBNYXRoLmF0YW4oeSAvIHgpO1xuICAgICAgICAgICAgaWYgKHggPCAwKSB7XG4gICAgICAgICAgICAgICAgYWxwaGEgKz0gUkFELnQxODA7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHBvaW50cy5wdXNoKHsgeCwgeSwgciwgYWxwaGEsIHRvdWNoOiBmYWxzZSB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiBwb2ludHM7XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZVZpc2lvbkdyaWROb2Rlcyhjb25maWcsIGdyaWRzLCBub2Rlcykge1xuICAgIGlmIChjb25maWcuc2hvd1Zpc2lvbkdyaWQgPT09IGZhbHNlKSB7XG4gICAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgfVxuXG4gICAgcmV0dXJuIGdyaWRzLnZpc2lvbi5yZWR1Y2UoKGFjYywgeyB4LCB5IH0pID0+IHtcbiAgICAgICAgY29uc3QgZGl2ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgICAgIGRpdi5jbGFzc05hbWUgPSAncGFydGljbGUtdmlzaW9uLWRvdCc7XG4gICAgICAgIGRpdi5zdHlsZS5iYWNrZ3JvdW5kQ29sb3IgPSBjb25maWcuY29sb3I7XG4gICAgICAgIG5vZGVzLmNvbnRhaW5lci5hcHBlbmRDaGlsZChkaXYpO1xuXG4gICAgICAgIGFjYy5wdXNoKGRpdik7XG5cbiAgICAgICAgcmV0dXJuIGFjYztcbiAgICB9LCBbXSk7XG59XG5cblxuZnVuY3Rpb24gdXBkYXRlVmlzaW9uR3JpZChhcmMsIGNvbmZpZywgZ3JpZHMpIHtcbiAgICBjb25zdCB7IGdsb2JhbCwgdmlzaW9uIH0gPSBncmlkcztcblxuICAgIHJldHVybiB2aXNpb24ucmVkdWNlKChhY2MsIHBvaW50KSA9PiB7XG4gICAgICAgIGNvbnN0IHJhZCA9IGFyYy5jbG9ja3dpc2VcbiAgICAgICAgICAgID8gcG9pbnQuYWxwaGEgLSBhcmMudGhldGFcbiAgICAgICAgICAgIDogcG9pbnQuYWxwaGEgLSBhcmMudGhldGEgKyBSQUQudDE4MDtcblxuICAgICAgICBwb2ludC54ID0gcG9pbnQuciAqIE1hdGguY29zKHJhZCk7XG4gICAgICAgIHBvaW50LnkgPSBwb2ludC5yICogTWF0aC5zaW4ocmFkKTtcblxuICAgICAgICByZXR1cm4gYWNjLmNvbmNhdChwb2ludCk7XG4gICAgfSwgW10pO1xufVxuXG4vLyA9PT09PSBET00gUkVOREVSSU5HID09PT09XG5mdW5jdGlvbiByZXBhaW50Q29udGFpbmVyKG5vZGUsIGFyYykge1xuICAgIG5vZGUuc3R5bGUubGVmdCA9IGAke2FyYy5lbmRYfXB4YDtcbiAgICBub2RlLnN0eWxlLnRvcCA9IGAke2FyYy5lbmRZfXB4YDtcbn1cblxuZnVuY3Rpb24gcmVwYWludEJvZHkobm9kZSwgYXJjLCBpc0xlYWRlcikge1xuICAgIGNvbnN0IHJhZCA9IGFyYy5jbG9ja3dpc2VcbiAgICAgICAgPyBSQUQudDE4MCAtIGFyYy50aGV0YVxuICAgICAgICA6IFJBRC50MzYwIC0gYXJjLnRoZXRhO1xuXG4gICAgbm9kZS5zdHlsZS50cmFuc2Zvcm0gPSBgcm90YXRlKCR7cmFkICsgUkFELnQ0NX1yYWQpYDtcblxuICAgIGlzTGVhZGVyID8gbm9kZS5zdHlsZS5vdXRsaW5lID0gJzFweCBzb2xpZCByZWQnIDogbm9kZS5zdHlsZS5vdXRsaW5lID0gJyc7XG59XG5cbmZ1bmN0aW9uIHJlcGFpbnRDaXJjbGUobm9kZSwgYXJjKSB7XG4gICAgaWYgKG5vZGUgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgbm9kZS5zdHlsZS53aWR0aCA9IGAkezIgKiBhcmMucmFkaXVzfXB4YDtcbiAgICBub2RlLnN0eWxlLmhlaWdodCA9IGAkezIgKiBhcmMucmFkaXVzfXB4YDtcblxuICAgIG5vZGUuc3R5bGUubGVmdCA9IGAtJHthcmMucmFkaXVzICsgYXJjLnJhZGl1cyAqIE1hdGguY29zKGFyYy50aGV0YSl9cHhgOyAgLy8gVE9ETyBwZXJmIGhlcmVcbiAgICBub2RlLnN0eWxlLnRvcCA9IGAtJHthcmMucmFkaXVzIC0gYXJjLnJhZGl1cyAqIE1hdGguc2luKGFyYy50aGV0YSl9cHhgOyAgIC8vIFRPRE8gcGVyZiBoZXJlXG5cbiAgICBub2RlLnN0eWxlLmJvcmRlclJhZGl1cyA9IGAke2FyYy5yYWRpdXN9cHhgO1xufVxuXG5mdW5jdGlvbiByZXBhaW50VmlzaW9uR3JpZChub2RlcywgYXJjLCBncmlkcykge1xuICAgIGlmIChub2RlcyA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBncmlkcy52aXNpb24uZm9yRWFjaCgoeyB4LCB5LCB0b3VjaCB9LCBpKSA9PiB7XG4gICAgICAgIG5vZGVzW2ldLnN0eWxlLmxlZnQgPSBgJHt4fXB4YDtcbiAgICAgICAgbm9kZXNbaV0uc3R5bGUudG9wID0gYCR7eX1weGA7XG5cbiAgICAgICAgbm9kZXNbaV0uc3R5bGUuYm9yZGVyID0gKHRvdWNoID8gJzJweCBzb2xpZCByZWQnIDogJzAnKTtcbiAgICB9KTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFydGljbGU7XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8ganMvcGFydGljbGUuanMiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7OztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFUQTtBQURBO0FBQ0E7QUFhQTtBQUNBO0FBQ0E7QUFDQTtBQUZBO0FBREE7QUFDQTtBQU1BO0FBQ0E7QUFEQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFMQTtBQURBO0FBQ0E7QUFTQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFkQTtBQUFBO0FBQUE7QUFDQTtBQWdCQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUZBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9"); +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _rxjs = __webpack_require__(/*! rxjs */ 13);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _enums = __webpack_require__(/*! ./enums */ 15);\n\nvar _arc = __webpack_require__(/*! ./arc */ 360);\n\nvar _arc2 = _interopRequireDefault(_arc);\n\nvar _random = __webpack_require__(/*! ./random */ 361);\n\nvar _random2 = _interopRequireDefault(_random);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n// ===== Constructor =====\n\nfunction Particle(parent, bounds, config, globalGrid) {\n Object.defineProperty(this, 'config', {\n value: Object.assign({}, {\n behavior: _enums.BEHAVIOR.COHESION,\n bounds: bounds,\n color: _random2.default.color(),\n gridSize: 5,\n randomize: true,\n showMovementCircle: false,\n showVisionGrid: false,\n speed: 4,\n visionRadius: 50\n }, config)\n });\n\n Object.defineProperty(this, 'grids', {\n value: {\n global: globalGrid || {},\n vision: createVisionGrid(this.config)\n }\n });\n\n Object.defineProperty(this, 'id', {\n value: _random2.default.id(6)\n });\n\n Object.defineProperty(this, 'nodes', {\n value: {\n body: createBodyNode(this.config),\n circle: undefined,\n container: createContainerNode(this.config, this.id),\n parent: parent,\n visionGrid: undefined\n }\n });\n\n // TODO encapsulate better\n this.isLeader = false;\n this.leader = null;\n\n this.nodes.container.appendChild(this.nodes.body);\n parent.appendChild(this.nodes.container);\n\n this.arc = _arc2.default.create(bounds, this.grids);\n this.updateConfig(this.config);\n this.nextFrame(globalGrid);\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 (globalGrid) {\n var _this = this;\n\n this.arc = _arc2.default.step(this.arc, this.config.bounds, this.config.speed);\n\n if (this.leader !== null) {\n this.arc = _arc2.default.follow(this.arc, this.leader.arc);\n } else if (this.arc.length <= 0 && this.config.randomize) {\n this.arc = _arc2.default.randomize(this.arc);\n }\n\n this.grids.global = globalGrid;\n this.grids.vision = updateVisionGrid(this.arc, this.config, this.grids);\n\n var _look = look(this.arc, this.grids),\n hazards = _look.hazards,\n particles = _look.particles;\n\n if (this.leader === null && particles.length > 0) {\n // Beware of circular leadership, where a leader sees its tail.\n var candidates = particles.filter(function (v) {\n return v.leader ? v.leader.id !== _this.id : true;\n });\n\n var leader = candidates.find(function (v) {\n return v.isLeader;\n }) || candidates[0];\n\n if (leader !== undefined) {\n leader.isLeader = true;\n // console.log(`${this.id} is now following ${leader.id}`);\n\n this.leader = leader;\n }\n }\n\n this.updateLeader();\n\n // if (hazards.length) {\n // this.arc = evade(this.arc, this.grids.vision);\n // }\n\n repaintContainer(this.nodes.container, this.arc);\n repaintBody(this.nodes.body, this.arc, this.isLeader);\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\nParticle.prototype.updateLeader = function () {\n if (this.leader === null) {\n return;\n }\n\n if (this.leader.leader !== null) {\n this.leader = this.leader.leader;\n // console.warn(`${this.id} is now following ${this.leader.id}`);\n }\n\n if (this.leader !== null && this.isLeader) {\n this.isLeader = false;\n }\n};\n\nfunction look(arc, grids) {\n var global = grids.global,\n vision = grids.vision;\n\n\n return vision.reduce(function (acc, point) {\n var x = arc.endX + point.x;\n var y = arc.endY + point.y;\n var p = global.getPoint({ x: x, y: y, type: _enums.ENTITIES.PARTICLE });\n\n if (p) {\n acc.particles.push(p);\n }\n\n // if (global.getPoint({ x, y, type: ENTITIES.HAZARD })) {\n // acc.hazards.push({ x, y });\n // }\n\n return acc;\n }, { hazards: [], particles: [] });\n}\n\n// ===== DOM 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, id) {\n var node = document.createElement('div');\n node.className = 'particle-container';\n node.id = id;\n return node;\n}\n\nfunction createVisionGrid(config) {\n var side = config.gridSize,\n radius = config.visionRadius;\n\n var r0 = radius;\n var r1 = 45;\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 large slices of unused circle\n if (x > y || x < -y) {\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;\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.container.appendChild(div);\n\n acc.push(div);\n\n return acc;\n }, []);\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 ? point.alpha - arc.theta : point.alpha - arc.theta + _enums.RAD.t180;\n\n point.x = point.r * Math.cos(rad);\n point.y = point.r * Math.sin(rad);\n\n return acc.concat(point);\n }, []);\n}\n\n// ===== DOM 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, isLeader) {\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 isLeader ? node.style.outline = '1px solid red' : node.style.outline = '';\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'; // TODO perf here\n node.style.top = '-' + (arc.radius - arc.radius * Math.sin(arc.theta)) + 'px'; // TODO perf here\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 (_ref2, i) {\n var x = _ref2.x,\n y = _ref2.y,\n touch = _ref2.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMTkuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvcGFydGljbGUuanM/M2JkZSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQkVIQVZJT1IsIEVOVElUSUVTLCBSQUQgfSBmcm9tICcuL2VudW1zJztcbmltcG9ydCBBcmMgZnJvbSAnLi9hcmMnO1xuaW1wb3J0IFJhbmRvbSBmcm9tICcuL3JhbmRvbSc7XG5cbi8vID09PT09IENvbnN0cnVjdG9yID09PT09XG5cbmZ1bmN0aW9uIFBhcnRpY2xlKHBhcmVudCwgYm91bmRzLCBjb25maWcsIGdsb2JhbEdyaWQpIHtcbiAgICBPYmplY3QuZGVmaW5lUHJvcGVydHkodGhpcywgJ2NvbmZpZycsIHtcbiAgICAgICAgdmFsdWU6IE9iamVjdC5hc3NpZ24oe30sIHtcbiAgICAgICAgICAgIGJlaGF2aW9yOiBCRUhBVklPUi5DT0hFU0lPTixcbiAgICAgICAgICAgIGJvdW5kcyxcbiAgICAgICAgICAgIGNvbG9yOiBSYW5kb20uY29sb3IoKSxcbiAgICAgICAgICAgIGdyaWRTaXplOiA1LFxuICAgICAgICAgICAgcmFuZG9taXplOiB0cnVlLFxuICAgICAgICAgICAgc2hvd01vdmVtZW50Q2lyY2xlOiBmYWxzZSxcbiAgICAgICAgICAgIHNob3dWaXNpb25HcmlkOiBmYWxzZSxcbiAgICAgICAgICAgIHNwZWVkOiA0LFxuICAgICAgICAgICAgdmlzaW9uUmFkaXVzOiA1MFxuICAgICAgICB9LCBjb25maWcpXG4gICAgfSk7XG5cbiAgICBPYmplY3QuZGVmaW5lUHJvcGVydHkodGhpcywgJ2dyaWRzJywge1xuICAgICAgICB2YWx1ZToge1xuICAgICAgICAgICAgZ2xvYmFsOiBnbG9iYWxHcmlkIHx8IHt9LFxuICAgICAgICAgICAgdmlzaW9uOiBjcmVhdGVWaXNpb25HcmlkKHRoaXMuY29uZmlnKVxuICAgICAgICB9XG4gICAgfSk7XG5cbiAgICBPYmplY3QuZGVmaW5lUHJvcGVydHkodGhpcywgJ2lkJywge1xuICAgICAgICB2YWx1ZTogUmFuZG9tLmlkKDYpXG4gICAgfSk7XG5cbiAgICBPYmplY3QuZGVmaW5lUHJvcGVydHkodGhpcywgJ25vZGVzJywge1xuICAgICAgICB2YWx1ZToge1xuICAgICAgICAgICAgYm9keTogY3JlYXRlQm9keU5vZGUodGhpcy5jb25maWcpLFxuICAgICAgICAgICAgY2lyY2xlOiB1bmRlZmluZWQsXG4gICAgICAgICAgICBjb250YWluZXI6IGNyZWF0ZUNvbnRhaW5lck5vZGUodGhpcy5jb25maWcsIHRoaXMuaWQpLFxuICAgICAgICAgICAgcGFyZW50LFxuICAgICAgICAgICAgdmlzaW9uR3JpZDogdW5kZWZpbmVkLFxuICAgICAgICB9XG4gICAgfSk7XG5cbiAgICAvLyBUT0RPIGVuY2Fwc3VsYXRlIGJldHRlclxuICAgIHRoaXMuaXNMZWFkZXIgPSBmYWxzZTtcbiAgICB0aGlzLmxlYWRlciA9IG51bGw7XG5cbiAgICB0aGlzLm5vZGVzLmNvbnRhaW5lci5hcHBlbmRDaGlsZCh0aGlzLm5vZGVzLmJvZHkpO1xuICAgIHBhcmVudC5hcHBlbmRDaGlsZCh0aGlzLm5vZGVzLmNvbnRhaW5lcik7XG5cbiAgICB0aGlzLmFyYyA9IEFyYy5jcmVhdGUoYm91bmRzLCB0aGlzLmdyaWRzKTtcbiAgICB0aGlzLnVwZGF0ZUNvbmZpZyh0aGlzLmNvbmZpZyk7XG4gICAgdGhpcy5uZXh0RnJhbWUoZ2xvYmFsR3JpZCk7XG59O1xuXG4vLyA9PT09PSBQUk9UT1RZUEUgPT09PT1cblxuUGFydGljbGUucHJvdG90eXBlLnJlbW92ZSA9IGZ1bmN0aW9uKCkge1xuICAgIHRoaXMubm9kZXMucGFyZW50LnJlbW92ZUNoaWxkKHRoaXMubm9kZXMuY29udGFpbmVyKTtcbiAgICByZXR1cm4gdGhpcztcbn1cblxuUGFydGljbGUucHJvdG90eXBlLm5leHRGcmFtZSA9IGZ1bmN0aW9uKGdsb2JhbEdyaWQpIHtcbiAgICB0aGlzLmFyYyA9IEFyYy5zdGVwKHRoaXMuYXJjLCB0aGlzLmNvbmZpZy5ib3VuZHMsIHRoaXMuY29uZmlnLnNwZWVkKTtcblxuICAgIGlmICh0aGlzLmxlYWRlciAhPT0gbnVsbCkge1xuICAgICAgICB0aGlzLmFyYyA9IEFyYy5mb2xsb3codGhpcy5hcmMsIHRoaXMubGVhZGVyLmFyYyk7XG4gICAgfSBlbHNlIGlmICh0aGlzLmFyYy5sZW5ndGggPD0gMCAmJiB0aGlzLmNvbmZpZy5yYW5kb21pemUpIHtcbiAgICAgICAgdGhpcy5hcmMgPSBBcmMucmFuZG9taXplKHRoaXMuYXJjKTtcbiAgICB9XG5cbiAgICB0aGlzLmdyaWRzLmdsb2JhbCA9IGdsb2JhbEdyaWQ7XG4gICAgdGhpcy5ncmlkcy52aXNpb24gPSB1cGRhdGVWaXNpb25HcmlkKHRoaXMuYXJjLCB0aGlzLmNvbmZpZywgdGhpcy5ncmlkcyk7XG5cbiAgICBjb25zdCB7IGhhemFyZHMsIHBhcnRpY2xlcyB9ID0gbG9vayh0aGlzLmFyYywgdGhpcy5ncmlkcyk7XG5cbiAgICBpZiAodGhpcy5sZWFkZXIgPT09IG51bGwgJiYgcGFydGljbGVzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgLy8gQmV3YXJlIG9mIGNpcmN1bGFyIGxlYWRlcnNoaXAsIHdoZXJlIGEgbGVhZGVyIHNlZXMgaXRzIHRhaWwuXG4gICAgICAgIGNvbnN0IGNhbmRpZGF0ZXMgPSBwYXJ0aWNsZXNcbiAgICAgICAgICAgIC5maWx0ZXIodiA9PiB2LmxlYWRlciA/ICh2LmxlYWRlci5pZCAhPT0gdGhpcy5pZCkgOiB0cnVlKTtcblxuICAgICAgICBjb25zdCBsZWFkZXIgPSBjYW5kaWRhdGVzLmZpbmQodiA9PiB2LmlzTGVhZGVyKSB8fCBjYW5kaWRhdGVzWzBdO1xuXG4gICAgICAgIGlmIChsZWFkZXIgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgbGVhZGVyLmlzTGVhZGVyID0gdHJ1ZTtcbiAgICAgICAgICAgIC8vIGNvbnNvbGUubG9nKGAke3RoaXMuaWR9IGlzIG5vdyBmb2xsb3dpbmcgJHtsZWFkZXIuaWR9YCk7XG5cbiAgICAgICAgICAgIHRoaXMubGVhZGVyID0gbGVhZGVyO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgdGhpcy51cGRhdGVMZWFkZXIoKTtcblxuICAgIC8vIGlmIChoYXphcmRzLmxlbmd0aCkge1xuICAgICAgICAvLyB0aGlzLmFyYyA9IGV2YWRlKHRoaXMuYXJjLCB0aGlzLmdyaWRzLnZpc2lvbik7XG4gICAgLy8gfVxuXG4gICAgcmVwYWludENvbnRhaW5lcih0aGlzLm5vZGVzLmNvbnRhaW5lciwgdGhpcy5hcmMpO1xuICAgIHJlcGFpbnRCb2R5KHRoaXMubm9kZXMuYm9keSwgdGhpcy5hcmMsIHRoaXMuaXNMZWFkZXIpO1xuICAgIHJlcGFpbnRDaXJjbGUodGhpcy5ub2Rlcy5jaXJjbGUsIHRoaXMuYXJjKTtcbiAgICByZXBhaW50VmlzaW9uR3JpZCh0aGlzLm5vZGVzLnZpc2lvbkdyaWQsIHRoaXMuYXJjLCB0aGlzLmdyaWRzKTtcbn1cblxuUGFydGljbGUucHJvdG90eXBlLnVwZGF0ZUNvbmZpZyA9IGZ1bmN0aW9uKGNvbmZpZykge1xuICAgIE9iamVjdC5hc3NpZ24odGhpcy5jb25maWcsIGNvbmZpZyk7XG5cbiAgICBjb25zdCB7IHNob3dNb3ZlbWVudENpcmNsZSwgc2hvd1Zpc2lvbkdyaWQgfSA9IHRoaXMuY29uZmlnO1xuXG4gICAgaWYgKHNob3dNb3ZlbWVudENpcmNsZSA9PT0gdHJ1ZSAmJiB0aGlzLm5vZGVzLmNpcmNsZSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMubm9kZXMuY2lyY2xlID0gY3JlYXRlQ2lyY2xlTm9kZShjb25maWcpO1xuICAgICAgICB0aGlzLm5vZGVzLmNvbnRhaW5lci5hcHBlbmRDaGlsZCh0aGlzLm5vZGVzLmNpcmNsZSk7XG4gICAgfVxuXG4gICAgaWYgKHNob3dNb3ZlbWVudENpcmNsZSA9PT0gZmFsc2UgJiYgdGhpcy5ub2Rlcy5jaXJjbGUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLm5vZGVzLmNvbnRhaW5lci5yZW1vdmVDaGlsZCh0aGlzLm5vZGVzLmNpcmNsZSk7XG4gICAgICAgIGRlbGV0ZSB0aGlzLm5vZGVzLmNpcmNsZTtcbiAgICB9XG5cbiAgICBpZiAoc2hvd1Zpc2lvbkdyaWQgPT09IHRydWUgJiYgdGhpcy5ub2Rlcy52aXNpb25HcmlkID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhpcy5ub2Rlcy52aXNpb25HcmlkID0gY3JlYXRlVmlzaW9uR3JpZE5vZGVzKHRoaXMuY29uZmlnLCB0aGlzLmdyaWRzLCB0aGlzLm5vZGVzKTtcbiAgICB9XG5cbiAgICBpZiAoc2hvd1Zpc2lvbkdyaWQgPT09IGZhbHNlICYmIHRoaXMubm9kZXMudmlzaW9uR3JpZCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGRlbGV0ZSB0aGlzLm5vZGV4LnZpc2lvbkdyaWQ7XG4gICAgfVxufVxuXG5QYXJ0aWNsZS5wcm90b3R5cGUudXBkYXRlTGVhZGVyID0gZnVuY3Rpb24oKSB7XG4gICAgaWYgKHRoaXMubGVhZGVyID09PSBudWxsKSB7XG4gICAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5sZWFkZXIubGVhZGVyICE9PSBudWxsKSB7XG4gICAgICAgIHRoaXMubGVhZGVyID0gdGhpcy5sZWFkZXIubGVhZGVyO1xuICAgICAgICAvLyBjb25zb2xlLndhcm4oYCR7dGhpcy5pZH0gaXMgbm93IGZvbGxvd2luZyAke3RoaXMubGVhZGVyLmlkfWApO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmxlYWRlciAhPT0gbnVsbCAmJiB0aGlzLmlzTGVhZGVyKSB7XG4gICAgICAgIHRoaXMuaXNMZWFkZXIgPSBmYWxzZTtcbiAgICB9XG59XG5cbmZ1bmN0aW9uIGxvb2soYXJjLCBncmlkcykge1xuICAgIGNvbnN0IHsgZ2xvYmFsLCB2aXNpb24gfSA9IGdyaWRzO1xuXG4gICAgcmV0dXJuIHZpc2lvbi5yZWR1Y2UoKGFjYywgcG9pbnQpID0+IHtcbiAgICAgICAgY29uc3QgeCA9IGFyYy5lbmRYICsgcG9pbnQueDtcbiAgICAgICAgY29uc3QgeSA9IGFyYy5lbmRZICsgcG9pbnQueTtcbiAgICAgICAgY29uc3QgcCA9IGdsb2JhbC5nZXRQb2ludCh7IHgsIHksIHR5cGU6IEVOVElUSUVTLlBBUlRJQ0xFIH0pO1xuXG4gICAgICAgIGlmIChwKSB7XG4gICAgICAgICAgICBhY2MucGFydGljbGVzLnB1c2gocCk7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBpZiAoZ2xvYmFsLmdldFBvaW50KHsgeCwgeSwgdHlwZTogRU5USVRJRVMuSEFaQVJEIH0pKSB7XG4gICAgICAgIC8vICAgICBhY2MuaGF6YXJkcy5wdXNoKHsgeCwgeSB9KTtcbiAgICAgICAgLy8gfVxuXG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwgeyBoYXphcmRzOiBbXSwgcGFydGljbGVzOiBbXSB9KTtcbn1cblxuLy8gPT09PT0gRE9NIENSRUFUSU9OID09PT09XG5cbmZ1bmN0aW9uIGNyZWF0ZUJvZHlOb2RlKGNvbmZpZykge1xuICAgIGNvbnN0IG5vZGUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICBub2RlLmNsYXNzTmFtZSA9ICdwYXJ0aWNsZS1ib2R5JztcbiAgICBub2RlLnN0eWxlLmJhY2tncm91bmRDb2xvciA9IGNvbmZpZy5jb2xvcjtcbiAgICByZXR1cm4gbm9kZTtcbn1cblxuZnVuY3Rpb24gY3JlYXRlQ2lyY2xlTm9kZShjb25maWcpIHtcbiAgICBpZiAoY29uZmlnLnNob3dNb3ZlbWVudENpcmNsZSA9PT0gZmFsc2UpIHtcbiAgICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICB9XG5cbiAgICBjb25zdCBub2RlID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgbm9kZS5jbGFzc05hbWUgPSAncGFydGljbGUtbW92ZW1lbnQtY2lyY2xlJztcbiAgICBub2RlLnN0eWxlLmJvcmRlckNvbG9yID0gY29uZmlnLmNvbG9yO1xuICAgIHJldHVybiBub2RlO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVDb250YWluZXJOb2RlKGNvbmZpZywgaWQpIHtcbiAgICBjb25zdCBub2RlID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgbm9kZS5jbGFzc05hbWUgPSAncGFydGljbGUtY29udGFpbmVyJztcbiAgICBub2RlLmlkID0gaWQ7XG4gICAgcmV0dXJuIG5vZGU7XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZVZpc2lvbkdyaWQoY29uZmlnKSB7XG4gICAgY29uc3QgeyBncmlkU2l6ZTogc2lkZSwgdmlzaW9uUmFkaXVzOiByYWRpdXMgfSA9IGNvbmZpZztcbiAgICBjb25zdCByMCA9IHJhZGl1cztcbiAgICBjb25zdCByMSA9IDQ1O1xuXG4gICAgY29uc3QgcG9pbnRzID0gW107XG5cbiAgICBmb3IgKGxldCB4ID0gLXJhZGl1czsgeCA8PSByYWRpdXM7IHggKz0gc2lkZSkge1xuICAgICAgICBmb3IgKGxldCB5ID0gLXJhZGl1czsgeSA8PSByYWRpdXM7IHkgKz0gc2lkZSkge1xuICAgICAgICAgICAgLy8gT21pdCBsYXJnZSBzbGljZXMgb2YgdW51c2VkIGNpcmNsZVxuICAgICAgICAgICAgaWYgKHggPiB5IHx8IHggPCAteSkge1xuICAgICAgICAgICAgICAgIGNvbnRpbnVlO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAvLyBJbmNsdWRlIHZpc2lvbiBiYW5kXG4gICAgICAgICAgICBjb25zdCByID0gTWF0aC5wb3coTWF0aC5wb3coeCwgMikgKyBNYXRoLnBvdyh5LCAyKSwgMC41KTtcbiAgICAgICAgICAgIGlmIChyID4gcjAgfHwgciA8IHIxKSB7XG4gICAgICAgICAgICAgICAgY29udGludWU7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGxldCBhbHBoYSA9IE1hdGguYXRhbih5IC8geCk7XG4gICAgICAgICAgICBpZiAoeCA8IDApIHtcbiAgICAgICAgICAgICAgICBhbHBoYSArPSBSQUQudDE4MDtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgcG9pbnRzLnB1c2goeyB4LCB5LCByLCBhbHBoYSwgdG91Y2g6IGZhbHNlIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIHBvaW50cztcbn1cblxuZnVuY3Rpb24gY3JlYXRlVmlzaW9uR3JpZE5vZGVzKGNvbmZpZywgZ3JpZHMsIG5vZGVzKSB7XG4gICAgaWYgKGNvbmZpZy5zaG93VmlzaW9uR3JpZCA9PT0gZmFsc2UpIHtcbiAgICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICB9XG5cbiAgICByZXR1cm4gZ3JpZHMudmlzaW9uLnJlZHVjZSgoYWNjLCB7IHgsIHkgfSkgPT4ge1xuICAgICAgICBjb25zdCBkaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICAgICAgZGl2LmNsYXNzTmFtZSA9ICdwYXJ0aWNsZS12aXNpb24tZG90JztcbiAgICAgICAgZGl2LnN0eWxlLmJhY2tncm91bmRDb2xvciA9IGNvbmZpZy5jb2xvcjtcbiAgICAgICAgbm9kZXMuY29udGFpbmVyLmFwcGVuZENoaWxkKGRpdik7XG5cbiAgICAgICAgYWNjLnB1c2goZGl2KTtcblxuICAgICAgICByZXR1cm4gYWNjO1xuICAgIH0sIFtdKTtcbn1cblxuXG5mdW5jdGlvbiB1cGRhdGVWaXNpb25HcmlkKGFyYywgY29uZmlnLCBncmlkcykge1xuICAgIGNvbnN0IHsgZ2xvYmFsLCB2aXNpb24gfSA9IGdyaWRzO1xuXG4gICAgcmV0dXJuIHZpc2lvbi5yZWR1Y2UoKGFjYywgcG9pbnQpID0+IHtcbiAgICAgICAgY29uc3QgcmFkID0gYXJjLmNsb2Nrd2lzZVxuICAgICAgICAgICAgPyBwb2ludC5hbHBoYSAtIGFyYy50aGV0YVxuICAgICAgICAgICAgOiBwb2ludC5hbHBoYSAtIGFyYy50aGV0YSArIFJBRC50MTgwO1xuXG4gICAgICAgIHBvaW50LnggPSBwb2ludC5yICogTWF0aC5jb3MocmFkKTtcbiAgICAgICAgcG9pbnQueSA9IHBvaW50LnIgKiBNYXRoLnNpbihyYWQpO1xuXG4gICAgICAgIHJldHVybiBhY2MuY29uY2F0KHBvaW50KTtcbiAgICB9LCBbXSk7XG59XG5cbi8vID09PT09IERPTSBSRU5ERVJJTkcgPT09PT1cbmZ1bmN0aW9uIHJlcGFpbnRDb250YWluZXIobm9kZSwgYXJjKSB7XG4gICAgbm9kZS5zdHlsZS5sZWZ0ID0gYCR7YXJjLmVuZFh9cHhgO1xuICAgIG5vZGUuc3R5bGUudG9wID0gYCR7YXJjLmVuZFl9cHhgO1xufVxuXG5mdW5jdGlvbiByZXBhaW50Qm9keShub2RlLCBhcmMsIGlzTGVhZGVyKSB7XG4gICAgY29uc3QgcmFkID0gYXJjLmNsb2Nrd2lzZVxuICAgICAgICA/IFJBRC50MTgwIC0gYXJjLnRoZXRhXG4gICAgICAgIDogUkFELnQzNjAgLSBhcmMudGhldGE7XG5cbiAgICBub2RlLnN0eWxlLnRyYW5zZm9ybSA9IGByb3RhdGUoJHtyYWQgKyBSQUQudDQ1fXJhZClgO1xuXG4gICAgaXNMZWFkZXIgPyBub2RlLnN0eWxlLm91dGxpbmUgPSAnMXB4IHNvbGlkIHJlZCcgOiBub2RlLnN0eWxlLm91dGxpbmUgPSAnJztcbn1cblxuZnVuY3Rpb24gcmVwYWludENpcmNsZShub2RlLCBhcmMpIHtcbiAgICBpZiAobm9kZSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBub2RlLnN0eWxlLndpZHRoID0gYCR7MiAqIGFyYy5yYWRpdXN9cHhgO1xuICAgIG5vZGUuc3R5bGUuaGVpZ2h0ID0gYCR7MiAqIGFyYy5yYWRpdXN9cHhgO1xuXG4gICAgbm9kZS5zdHlsZS5sZWZ0ID0gYC0ke2FyYy5yYWRpdXMgKyBhcmMucmFkaXVzICogTWF0aC5jb3MoYXJjLnRoZXRhKX1weGA7ICAvLyBUT0RPIHBlcmYgaGVyZVxuICAgIG5vZGUuc3R5bGUudG9wID0gYC0ke2FyYy5yYWRpdXMgLSBhcmMucmFkaXVzICogTWF0aC5zaW4oYXJjLnRoZXRhKX1weGA7ICAgLy8gVE9ETyBwZXJmIGhlcmVcblxuICAgIG5vZGUuc3R5bGUuYm9yZGVyUmFkaXVzID0gYCR7YXJjLnJhZGl1c31weGA7XG59XG5cbmZ1bmN0aW9uIHJlcGFpbnRWaXNpb25HcmlkKG5vZGVzLCBhcmMsIGdyaWRzKSB7XG4gICAgaWYgKG5vZGVzID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGdyaWRzLnZpc2lvbi5mb3JFYWNoKCh7IHgsIHksIHRvdWNoIH0sIGkpID0+IHtcbiAgICAgICAgbm9kZXNbaV0uc3R5bGUubGVmdCA9IGAke3h9cHhgO1xuICAgICAgICBub2Rlc1tpXS5zdHlsZS50b3AgPSBgJHt5fXB4YDtcblxuICAgICAgICBub2Rlc1tpXS5zdHlsZS5ib3JkZXIgPSAodG91Y2ggPyAnMnB4IHNvbGlkIHJlZCcgOiAnMCcpO1xuICAgIH0pO1xufVxuXG5leHBvcnQgZGVmYXVsdCBQYXJ0aWNsZTtcblxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyBqcy9wYXJ0aWNsZS5qcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTtBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7Ozs7O0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQVRBO0FBREE7QUFDQTtBQWFBO0FBQ0E7QUFDQTtBQUNBO0FBRkE7QUFEQTtBQUNBO0FBTUE7QUFDQTtBQURBO0FBQ0E7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUxBO0FBREE7QUFDQTtBQVNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQVhBO0FBQUE7QUFBQTtBQUNBO0FBYUE7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRkE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ=="); /***/ }), /* 20 */ @@ -943,7 +943,7 @@ eval("var g;\r\n\r\n// This works in non-strict mode\r\ng = (function() {\r\n\tr /***/ (function(module, exports, __webpack_require__) { "use strict"; -eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _rxjs = __webpack_require__(/*! rxjs */ 13);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _grid = __webpack_require__(/*! ./grid */ 359);\n\nvar _grid2 = _interopRequireDefault(_grid);\n\nvar _particle = __webpack_require__(/*! ./particle */ 19);\n\nvar _particle2 = _interopRequireDefault(_particle);\n\nvar _controls = __webpack_require__(/*! ./controls */ 16);\n\nvar _controls2 = _interopRequireDefault(_controls);\n\nvar _enums = __webpack_require__(/*! ./enums */ 15);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction Animation3a() {\n this.options = {\n cohesion: true,\n count: 10,\n maxCount: 1000,\n showVisionGrid: true,\n speed: 4\n };\n\n this.container = document.getElementById('animation3a');\n this.bounds = this.container.getBoundingClientRect();\n\n this.particles = [];\n this.globalGrid = new _grid2.default();\n\n var controls = new _controls2.default(document.getElementById('controls3a'), this.options);\n\n controls.mount().subscribe(this.subscriber.bind(this));\n\n this.updateAnimating(this.options.animating);\n this.updateCount(this.options.count);\n\n // TODO get \"top\" leader, once...don't update each time?\n // TODO if leader sees follower, assign to this leader?\n // TODO X dimension modified by core UI, maybe recalc grid in animation start?\n // TODO remove bottom padding from Disqus\n // TODO ANIM2ab randomize hazards\n // TODO fix \"hangup\" small radius evade bug\n\n // TODO ANIM3a perf Scale vision grid to 1000 particles\n // TODO ANIM3a circular leadership\n // TODO hazard grid, particles grid\n // TODO completely seal Particle\n\n // TODO ANIM3a cohesion\n // TODO ANIM3b separation\n // TODO ANIM3c alignment\n};\n\nAnimation3a.prototype.subscriber = function (_ref) {\n var key = _ref.key,\n value = _ref.value;\n\n switch (key) {\n case _enums.CONTROLS.ANIMATING:\n this.updateAnimating(value);break;\n case _enums.CONTROLS.COUNT:\n this.updateCount(value);break;\n case _enums.CONTROLS.SPEED:\n this.updateSpeed(value);break;\n }\n};\n\nAnimation3a.prototype.nextFrame = function () {\n var _this = this;\n\n this.particles.forEach(function (p) {\n var prevX = p.arc.endX;\n var prevY = p.arc.endY;\n\n p.nextFrame(_this.globalGrid);\n\n _this.globalGrid.deletePoint({ x: prevX, y: prevY, type: _enums.ENTITIES.PARTICLE });\n _this.globalGrid.setPoint({ x: p.arc.endX, y: p.arc.endY, type: _enums.ENTITIES.PARTICLE }, p);\n });\n};\n\nAnimation3a.prototype.updateAnimating = function (isAnimating) {\n var _this2 = this;\n\n this.options.animating = isAnimating;\n\n if (isAnimating) {\n var fps$ = _rxjs2.default.Observable.interval(1000 / 32).takeWhile(function (_) {\n return _this2.options.animating;\n });\n\n fps$.subscribe(this.nextFrame.bind(this));\n }\n};\n\nAnimation3a.prototype.updateCount = function (count) {\n while (this.particles.length > count) {\n delete this.particles.pop().remove();\n }\n\n while (this.particles.length < count) {\n var p = new _particle2.default(this.container, this.bounds, this.options, this.globalGrid);\n this.particles.push(p);\n }\n};\n\nAnimation3a.prototype.updateSpeed = function (value) {\n this.options.speed = value;\n this.particles.forEach(function (p) {\n return p.updateConfig({ speed: value });\n });\n};\n\nexports.default = Animation3a;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNzcuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvYW5pbWF0aW9uM2EuanM/YzA5NyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IEdyaWQgZnJvbSAnLi9ncmlkJztcbmltcG9ydCBQYXJ0aWNsZSBmcm9tICcuL3BhcnRpY2xlJztcbmltcG9ydCBDb250cm9scyBmcm9tICcuL2NvbnRyb2xzJztcbmltcG9ydCB7IENPTlRST0xTLCBFTlRJVElFUyB9IGZyb20gJy4vZW51bXMnO1xuXG5mdW5jdGlvbiBBbmltYXRpb24zYSgpIHtcbiAgICB0aGlzLm9wdGlvbnMgPSB7XG4gICAgICAgIGNvaGVzaW9uOiB0cnVlLFxuICAgICAgICBjb3VudDogMTAsXG4gICAgICAgIG1heENvdW50OiAxMDAwLFxuICAgICAgICBzaG93VmlzaW9uR3JpZDogdHJ1ZSxcbiAgICAgICAgc3BlZWQ6IDRcbiAgICB9O1xuXG4gICAgdGhpcy5jb250YWluZXIgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnYW5pbWF0aW9uM2EnKTtcbiAgICB0aGlzLmJvdW5kcyA9IHRoaXMuY29udGFpbmVyLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuXG4gICAgdGhpcy5wYXJ0aWNsZXMgPSBbXTtcbiAgICB0aGlzLmdsb2JhbEdyaWQgPSBuZXcgR3JpZCgpO1xuXG4gICAgY29uc3QgY29udHJvbHMgPSBuZXcgQ29udHJvbHMoXG4gICAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdjb250cm9sczNhJyksXG4gICAgICAgIHRoaXMub3B0aW9uc1xuICAgICk7XG5cbiAgICBjb250cm9scy5tb3VudCgpLnN1YnNjcmliZSh0aGlzLnN1YnNjcmliZXIuYmluZCh0aGlzKSk7XG5cbiAgICB0aGlzLnVwZGF0ZUFuaW1hdGluZyh0aGlzLm9wdGlvbnMuYW5pbWF0aW5nKTtcbiAgICB0aGlzLnVwZGF0ZUNvdW50KHRoaXMub3B0aW9ucy5jb3VudCk7XG5cbiAgICAvLyBUT0RPIGdldCBcInRvcFwiIGxlYWRlciwgb25jZS4uLmRvbid0IHVwZGF0ZSBlYWNoIHRpbWU/XG4gICAgLy8gVE9ETyBpZiBsZWFkZXIgc2VlcyBmb2xsb3dlciwgYXNzaWduIHRvIHRoaXMgbGVhZGVyP1xuICAgIC8vIFRPRE8gWCBkaW1lbnNpb24gbW9kaWZpZWQgYnkgY29yZSBVSSwgbWF5YmUgcmVjYWxjIGdyaWQgaW4gYW5pbWF0aW9uIHN0YXJ0P1xuICAgIC8vIFRPRE8gcmVtb3ZlIGJvdHRvbSBwYWRkaW5nIGZyb20gRGlzcXVzXG4gICAgLy8gVE9ETyBBTklNMmFiIHJhbmRvbWl6ZSBoYXphcmRzXG4gICAgLy8gVE9ETyBmaXggXCJoYW5ndXBcIiBzbWFsbCByYWRpdXMgZXZhZGUgYnVnXG5cbiAgICAvLyBUT0RPIEFOSU0zYSBwZXJmIFNjYWxlIHZpc2lvbiBncmlkIHRvIDEwMDAgcGFydGljbGVzXG4gICAgLy8gVE9ETyBBTklNM2EgY2lyY3VsYXIgbGVhZGVyc2hpcFxuICAgIC8vIFRPRE8gaGF6YXJkIGdyaWQsIHBhcnRpY2xlcyBncmlkXG4gICAgLy8gVE9ETyBjb21wbGV0ZWx5IHNlYWwgUGFydGljbGVcblxuICAgIC8vIFRPRE8gQU5JTTNhIGNvaGVzaW9uXG4gICAgLy8gVE9ETyBBTklNM2Igc2VwYXJhdGlvblxuICAgIC8vIFRPRE8gQU5JTTNjIGFsaWdubWVudFxufTtcblxuQW5pbWF0aW9uM2EucHJvdG90eXBlLnN1YnNjcmliZXIgPSBmdW5jdGlvbih7IGtleSwgdmFsdWUgfSkge1xuICAgIHN3aXRjaChrZXkpIHtcbiAgICAgICAgY2FzZSBDT05UUk9MUy5BTklNQVRJTkc6IHRoaXMudXBkYXRlQW5pbWF0aW5nKHZhbHVlKTsgYnJlYWs7XG4gICAgICAgIGNhc2UgQ09OVFJPTFMuQ09VTlQ6IHRoaXMudXBkYXRlQ291bnQodmFsdWUpOyBicmVhaztcbiAgICAgICAgY2FzZSBDT05UUk9MUy5TUEVFRDogdGhpcy51cGRhdGVTcGVlZCh2YWx1ZSk7IGJyZWFrO1xuICAgIH1cbn1cblxuQW5pbWF0aW9uM2EucHJvdG90eXBlLm5leHRGcmFtZSA9IGZ1bmN0aW9uKCkge1xuICAgIHRoaXMucGFydGljbGVzLmZvckVhY2gocCA9PiB7XG4gICAgICAgIGNvbnN0IHByZXZYID0gcC5hcmMuZW5kWDtcbiAgICAgICAgY29uc3QgcHJldlkgPSBwLmFyYy5lbmRZO1xuXG4gICAgICAgIHAubmV4dEZyYW1lKHRoaXMuZ2xvYmFsR3JpZCk7XG5cbiAgICAgICAgdGhpcy5nbG9iYWxHcmlkLmRlbGV0ZVBvaW50KHsgeDogcHJldlgsIHk6IHByZXZZLCB0eXBlOiBFTlRJVElFUy5QQVJUSUNMRSB9KTtcbiAgICAgICAgdGhpcy5nbG9iYWxHcmlkLnNldFBvaW50KHsgeDogcC5hcmMuZW5kWCwgeTogcC5hcmMuZW5kWSwgdHlwZTogRU5USVRJRVMuUEFSVElDTEUgfSwgcCk7XG4gICAgfSk7XG59XG5cbkFuaW1hdGlvbjNhLnByb3RvdHlwZS51cGRhdGVBbmltYXRpbmcgPSBmdW5jdGlvbihpc0FuaW1hdGluZykge1xuICAgIHRoaXMub3B0aW9ucy5hbmltYXRpbmcgPSBpc0FuaW1hdGluZztcblxuICAgIGlmIChpc0FuaW1hdGluZykge1xuICAgICAgICBjb25zdCBmcHMkID0gUnguT2JzZXJ2YWJsZS5pbnRlcnZhbCgxMDAwIC8gMzIpXG4gICAgICAgICAgICAudGFrZVdoaWxlKF8gPT4gdGhpcy5vcHRpb25zLmFuaW1hdGluZyk7XG5cbiAgICAgICAgZnBzJC5zdWJzY3JpYmUodGhpcy5uZXh0RnJhbWUuYmluZCh0aGlzKSk7XG4gICAgfVxufVxuXG5BbmltYXRpb24zYS5wcm90b3R5cGUudXBkYXRlQ291bnQgPSBmdW5jdGlvbihjb3VudCkge1xuICAgIHdoaWxlICh0aGlzLnBhcnRpY2xlcy5sZW5ndGggPiBjb3VudCkge1xuICAgICAgICBkZWxldGUgdGhpcy5wYXJ0aWNsZXMucG9wKCkucmVtb3ZlKCk7XG4gICAgfVxuXG4gICAgd2hpbGUgKHRoaXMucGFydGljbGVzLmxlbmd0aCA8IGNvdW50KSB7XG4gICAgICAgIGNvbnN0IHAgPSBuZXcgUGFydGljbGUodGhpcy5jb250YWluZXIsIHRoaXMuYm91bmRzLCB0aGlzLm9wdGlvbnMsIHRoaXMuZ2xvYmFsR3JpZCk7XG4gICAgICAgIHRoaXMucGFydGljbGVzLnB1c2gocCk7XG4gICAgfVxufVxuXG5BbmltYXRpb24zYS5wcm90b3R5cGUudXBkYXRlU3BlZWQgPSBmdW5jdGlvbih2YWx1ZSkge1xuICAgIHRoaXMub3B0aW9ucy5zcGVlZCA9IHZhbHVlO1xuICAgIHRoaXMucGFydGljbGVzLmZvckVhY2gocCA9PiBwLnVwZGF0ZUNvbmZpZyh7IHNwZWVkOiB2YWx1ZSB9KSk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEFuaW1hdGlvbjNhO1xuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIGpzL2FuaW1hdGlvbjNhLmpzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUxBO0FBQ0E7QUFPQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBSEE7QUFLQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ=="); +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _rxjs = __webpack_require__(/*! rxjs */ 13);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _grid = __webpack_require__(/*! ./grid */ 359);\n\nvar _grid2 = _interopRequireDefault(_grid);\n\nvar _particle = __webpack_require__(/*! ./particle */ 19);\n\nvar _particle2 = _interopRequireDefault(_particle);\n\nvar _controls = __webpack_require__(/*! ./controls */ 16);\n\nvar _controls2 = _interopRequireDefault(_controls);\n\nvar _enums = __webpack_require__(/*! ./enums */ 15);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction Animation3a() {\n this.options = {\n cohesion: true,\n count: 10,\n maxCount: 1000,\n showVisionGrid: false,\n speed: 4\n };\n\n this.container = document.getElementById('animation3a');\n this.particles = [];\n this.globalGrid = new _grid2.default();\n\n var controls = new _controls2.default(document.getElementById('controls3a'), this.options);\n\n controls.mount().subscribe(this.subscriber.bind(this));\n\n this.updateAnimating(this.options.animating);\n this.updateCount(this.options.count);\n\n // TODO get \"top\" leader, once...don't update each time?\n // TODO if leader sees follower, assign to this leader?\n // TODO remove bottom padding from Disqus\n // TODO ANIM2ab randomize hazards\n // TODO fix \"hangup\" small radius evade bug\n\n // TODO ANIM3a perf Scale vision grid to 1000 particles\n // TODO hazard grid, particles grid\n // TODO completely seal Particle\n\n // TODO ANIM3a cohesion\n // TODO ANIM3b separation\n // TODO ANIM3c alignment\n};\n\nAnimation3a.prototype.subscriber = function (_ref) {\n var key = _ref.key,\n value = _ref.value;\n\n switch (key) {\n case _enums.CONTROLS.ANIMATING:\n this.updateAnimating(value);break;\n case _enums.CONTROLS.COUNT:\n this.updateCount(value);break;\n case _enums.CONTROLS.SPEED:\n this.updateSpeed(value);break;\n }\n};\n\nAnimation3a.prototype.nextFrame = function () {\n var _this = this;\n\n this.particles.forEach(function (p) {\n var prevX = p.arc.endX;\n var prevY = p.arc.endY;\n\n p.nextFrame(_this.globalGrid);\n\n _this.globalGrid.deletePoint({ x: prevX, y: prevY, type: _enums.ENTITIES.PARTICLE });\n _this.globalGrid.setPoint({ x: p.arc.endX, y: p.arc.endY, type: _enums.ENTITIES.PARTICLE }, p);\n });\n};\n\nAnimation3a.prototype.updateAnimating = function (isAnimating) {\n var _this2 = this;\n\n this.options.animating = isAnimating;\n\n if (isAnimating) {\n var fps$ = _rxjs2.default.Observable.interval(1000 / 32).takeWhile(function (_) {\n return _this2.options.animating;\n });\n\n fps$.subscribe(this.nextFrame.bind(this));\n }\n};\n\nAnimation3a.prototype.updateCount = function (count) {\n var bounds = this.container.getBoundingClientRect();\n\n while (this.particles.length > count) {\n delete this.particles.pop().remove();\n }\n\n while (this.particles.length < count) {\n var p = new _particle2.default(this.container, bounds, this.options, this.globalGrid);\n this.particles.push(p);\n }\n};\n\nAnimation3a.prototype.updateSpeed = function (value) {\n this.options.speed = value;\n this.particles.forEach(function (p) {\n return p.updateConfig({ speed: value });\n });\n};\n\nexports.default = Animation3a;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNzcuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvYW5pbWF0aW9uM2EuanM/YzA5NyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IEdyaWQgZnJvbSAnLi9ncmlkJztcbmltcG9ydCBQYXJ0aWNsZSBmcm9tICcuL3BhcnRpY2xlJztcbmltcG9ydCBDb250cm9scyBmcm9tICcuL2NvbnRyb2xzJztcbmltcG9ydCB7IENPTlRST0xTLCBFTlRJVElFUyB9IGZyb20gJy4vZW51bXMnO1xuXG5mdW5jdGlvbiBBbmltYXRpb24zYSgpIHtcbiAgICB0aGlzLm9wdGlvbnMgPSB7XG4gICAgICAgIGNvaGVzaW9uOiB0cnVlLFxuICAgICAgICBjb3VudDogMTAsXG4gICAgICAgIG1heENvdW50OiAxMDAwLFxuICAgICAgICBzaG93VmlzaW9uR3JpZDogZmFsc2UsXG4gICAgICAgIHNwZWVkOiA0XG4gICAgfTtcblxuICAgIHRoaXMuY29udGFpbmVyID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2FuaW1hdGlvbjNhJyk7XG4gICAgdGhpcy5wYXJ0aWNsZXMgPSBbXTtcbiAgICB0aGlzLmdsb2JhbEdyaWQgPSBuZXcgR3JpZCgpO1xuXG4gICAgY29uc3QgY29udHJvbHMgPSBuZXcgQ29udHJvbHMoXG4gICAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdjb250cm9sczNhJyksXG4gICAgICAgIHRoaXMub3B0aW9uc1xuICAgICk7XG5cbiAgICBjb250cm9scy5tb3VudCgpLnN1YnNjcmliZSh0aGlzLnN1YnNjcmliZXIuYmluZCh0aGlzKSk7XG5cbiAgICB0aGlzLnVwZGF0ZUFuaW1hdGluZyh0aGlzLm9wdGlvbnMuYW5pbWF0aW5nKTtcbiAgICB0aGlzLnVwZGF0ZUNvdW50KHRoaXMub3B0aW9ucy5jb3VudCk7XG5cbiAgICAvLyBUT0RPIGdldCBcInRvcFwiIGxlYWRlciwgb25jZS4uLmRvbid0IHVwZGF0ZSBlYWNoIHRpbWU/XG4gICAgLy8gVE9ETyBpZiBsZWFkZXIgc2VlcyBmb2xsb3dlciwgYXNzaWduIHRvIHRoaXMgbGVhZGVyP1xuICAgIC8vIFRPRE8gcmVtb3ZlIGJvdHRvbSBwYWRkaW5nIGZyb20gRGlzcXVzXG4gICAgLy8gVE9ETyBBTklNMmFiIHJhbmRvbWl6ZSBoYXphcmRzXG4gICAgLy8gVE9ETyBmaXggXCJoYW5ndXBcIiBzbWFsbCByYWRpdXMgZXZhZGUgYnVnXG5cbiAgICAvLyBUT0RPIEFOSU0zYSBwZXJmIFNjYWxlIHZpc2lvbiBncmlkIHRvIDEwMDAgcGFydGljbGVzXG4gICAgLy8gVE9ETyBoYXphcmQgZ3JpZCwgcGFydGljbGVzIGdyaWRcbiAgICAvLyBUT0RPIGNvbXBsZXRlbHkgc2VhbCBQYXJ0aWNsZVxuXG4gICAgLy8gVE9ETyBBTklNM2EgY29oZXNpb25cbiAgICAvLyBUT0RPIEFOSU0zYiBzZXBhcmF0aW9uXG4gICAgLy8gVE9ETyBBTklNM2MgYWxpZ25tZW50XG59O1xuXG5BbmltYXRpb24zYS5wcm90b3R5cGUuc3Vic2NyaWJlciA9IGZ1bmN0aW9uKHsga2V5LCB2YWx1ZSB9KSB7XG4gICAgc3dpdGNoKGtleSkge1xuICAgICAgICBjYXNlIENPTlRST0xTLkFOSU1BVElORzogdGhpcy51cGRhdGVBbmltYXRpbmcodmFsdWUpOyBicmVhaztcbiAgICAgICAgY2FzZSBDT05UUk9MUy5DT1VOVDogdGhpcy51cGRhdGVDb3VudCh2YWx1ZSk7IGJyZWFrO1xuICAgICAgICBjYXNlIENPTlRST0xTLlNQRUVEOiB0aGlzLnVwZGF0ZVNwZWVkKHZhbHVlKTsgYnJlYWs7XG4gICAgfVxufVxuXG5BbmltYXRpb24zYS5wcm90b3R5cGUubmV4dEZyYW1lID0gZnVuY3Rpb24oKSB7XG4gICAgdGhpcy5wYXJ0aWNsZXMuZm9yRWFjaChwID0+IHtcbiAgICAgICAgY29uc3QgcHJldlggPSBwLmFyYy5lbmRYO1xuICAgICAgICBjb25zdCBwcmV2WSA9IHAuYXJjLmVuZFk7XG5cbiAgICAgICAgcC5uZXh0RnJhbWUodGhpcy5nbG9iYWxHcmlkKTtcblxuICAgICAgICB0aGlzLmdsb2JhbEdyaWQuZGVsZXRlUG9pbnQoeyB4OiBwcmV2WCwgeTogcHJldlksIHR5cGU6IEVOVElUSUVTLlBBUlRJQ0xFIH0pO1xuICAgICAgICB0aGlzLmdsb2JhbEdyaWQuc2V0UG9pbnQoeyB4OiBwLmFyYy5lbmRYLCB5OiBwLmFyYy5lbmRZLCB0eXBlOiBFTlRJVElFUy5QQVJUSUNMRSB9LCBwKTtcbiAgICB9KTtcbn1cblxuQW5pbWF0aW9uM2EucHJvdG90eXBlLnVwZGF0ZUFuaW1hdGluZyA9IGZ1bmN0aW9uKGlzQW5pbWF0aW5nKSB7XG4gICAgdGhpcy5vcHRpb25zLmFuaW1hdGluZyA9IGlzQW5pbWF0aW5nO1xuXG4gICAgaWYgKGlzQW5pbWF0aW5nKSB7XG4gICAgICAgIGNvbnN0IGZwcyQgPSBSeC5PYnNlcnZhYmxlLmludGVydmFsKDEwMDAgLyAzMilcbiAgICAgICAgICAgIC50YWtlV2hpbGUoXyA9PiB0aGlzLm9wdGlvbnMuYW5pbWF0aW5nKTtcblxuICAgICAgICBmcHMkLnN1YnNjcmliZSh0aGlzLm5leHRGcmFtZS5iaW5kKHRoaXMpKTtcbiAgICB9XG59XG5cbkFuaW1hdGlvbjNhLnByb3RvdHlwZS51cGRhdGVDb3VudCA9IGZ1bmN0aW9uKGNvdW50KSB7XG4gICAgY29uc3QgYm91bmRzID0gdGhpcy5jb250YWluZXIuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG5cbiAgICB3aGlsZSAodGhpcy5wYXJ0aWNsZXMubGVuZ3RoID4gY291bnQpIHtcbiAgICAgICAgZGVsZXRlIHRoaXMucGFydGljbGVzLnBvcCgpLnJlbW92ZSgpO1xuICAgIH1cblxuICAgIHdoaWxlICh0aGlzLnBhcnRpY2xlcy5sZW5ndGggPCBjb3VudCkge1xuICAgICAgICBjb25zdCBwID0gbmV3IFBhcnRpY2xlKHRoaXMuY29udGFpbmVyLCBib3VuZHMsIHRoaXMub3B0aW9ucywgdGhpcy5nbG9iYWxHcmlkKTtcbiAgICAgICAgdGhpcy5wYXJ0aWNsZXMucHVzaChwKTtcbiAgICB9XG59XG5cbkFuaW1hdGlvbjNhLnByb3RvdHlwZS51cGRhdGVTcGVlZCA9IGZ1bmN0aW9uKHZhbHVlKSB7XG4gICAgdGhpcy5vcHRpb25zLnNwZWVkID0gdmFsdWU7XG4gICAgdGhpcy5wYXJ0aWNsZXMuZm9yRWFjaChwID0+IHAudXBkYXRlQ29uZmlnKHsgc3BlZWQ6IHZhbHVlIH0pKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQW5pbWF0aW9uM2E7XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8ganMvYW5pbWF0aW9uM2EuanMiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBTEE7QUFDQTtBQU9BO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUlBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBSEE7QUFLQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0="); /***/ }), /* 78 */ @@ -999,7 +999,7 @@ eval("// removed by extract-text-webpack-plugin//# sourceMappingURL=data:applica /***/ (function(module, exports, __webpack_require__) { "use strict"; -eval("\n\nvar _rxjs = __webpack_require__(/*! rxjs */ 13);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _controls = __webpack_require__(/*! ./controls */ 16);\n\nvar _controls2 = _interopRequireDefault(_controls);\n\nvar _animation3a = __webpack_require__(/*! ./animation3a */ 77);\n\nvar _animation3a2 = _interopRequireDefault(_animation3a);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n__webpack_require__(/*! ../css/reset.scss */ 81);\n// import Animation1a from './animation1a';\n// import Animation1b from './animation1b';\n// import Animation2a from './animation2a';\n// import Animation2b from './animation2b';\n\n__webpack_require__(/*! ../css/index.scss */ 79);\n__webpack_require__(/*! ../css/particle.scss */ 80);\n__webpack_require__(/*! ../css/controls.scss */ 78);\n\n// new Animation1a();\n// new Animation1b();\n// new Animation2a();\n// new Animation2b();\nnew _animation3a2.default();//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiODIuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvaW5kZXguanM/NDJmNiJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IENvbnRyb2xzIGZyb20gJy4vY29udHJvbHMnO1xuLy8gaW1wb3J0IEFuaW1hdGlvbjFhIGZyb20gJy4vYW5pbWF0aW9uMWEnO1xuLy8gaW1wb3J0IEFuaW1hdGlvbjFiIGZyb20gJy4vYW5pbWF0aW9uMWInO1xuLy8gaW1wb3J0IEFuaW1hdGlvbjJhIGZyb20gJy4vYW5pbWF0aW9uMmEnO1xuLy8gaW1wb3J0IEFuaW1hdGlvbjJiIGZyb20gJy4vYW5pbWF0aW9uMmInO1xuaW1wb3J0IEFuaW1hdGlvbjNhIGZyb20gJy4vYW5pbWF0aW9uM2EnO1xuXG5yZXF1aXJlKCcuLi9jc3MvcmVzZXQuc2NzcycpO1xucmVxdWlyZSgnLi4vY3NzL2luZGV4LnNjc3MnKTtcbnJlcXVpcmUoJy4uL2Nzcy9wYXJ0aWNsZS5zY3NzJyk7XG5yZXF1aXJlKCcuLi9jc3MvY29udHJvbHMuc2NzcycpO1xuXG4vLyBuZXcgQW5pbWF0aW9uMWEoKTtcbi8vIG5ldyBBbmltYXRpb24xYigpO1xuLy8gbmV3IEFuaW1hdGlvbjJhKCk7XG4vLyBuZXcgQW5pbWF0aW9uMmIoKTtcbm5ldyBBbmltYXRpb24zYSgpO1xuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIGpzL2luZGV4LmpzIl0sIm1hcHBpbmdzIjoiOztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUlBO0FBQ0E7Ozs7O0FBQ0E7QUFOQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9"); +eval("\n\nvar _rxjs = __webpack_require__(/*! rxjs */ 13);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _controls = __webpack_require__(/*! ./controls */ 16);\n\nvar _controls2 = _interopRequireDefault(_controls);\n\nvar _animation3a = __webpack_require__(/*! ./animation3a */ 77);\n\nvar _animation3a2 = _interopRequireDefault(_animation3a);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n__webpack_require__(/*! ../css/reset.scss */ 81);\n// import Animation1a from './animation1a';\n// import Animation1b from './animation1b';\n// import Animation2a from './animation2a';\n// import Animation2b from './animation2b';\n\n__webpack_require__(/*! ../css/index.scss */ 79);\n__webpack_require__(/*! ../css/particle.scss */ 80);\n__webpack_require__(/*! ../css/controls.scss */ 78);\n\n// new Animation1a();\n// new Animation1b();\n// new Animation2a();\n// new Animation2b();\n\nwindow.addEventListener('load', function () {\n new _animation3a2.default();\n});//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiODIuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvaW5kZXguanM/NDJmNiJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IENvbnRyb2xzIGZyb20gJy4vY29udHJvbHMnO1xuLy8gaW1wb3J0IEFuaW1hdGlvbjFhIGZyb20gJy4vYW5pbWF0aW9uMWEnO1xuLy8gaW1wb3J0IEFuaW1hdGlvbjFiIGZyb20gJy4vYW5pbWF0aW9uMWInO1xuLy8gaW1wb3J0IEFuaW1hdGlvbjJhIGZyb20gJy4vYW5pbWF0aW9uMmEnO1xuLy8gaW1wb3J0IEFuaW1hdGlvbjJiIGZyb20gJy4vYW5pbWF0aW9uMmInO1xuaW1wb3J0IEFuaW1hdGlvbjNhIGZyb20gJy4vYW5pbWF0aW9uM2EnO1xuXG5yZXF1aXJlKCcuLi9jc3MvcmVzZXQuc2NzcycpO1xucmVxdWlyZSgnLi4vY3NzL2luZGV4LnNjc3MnKTtcbnJlcXVpcmUoJy4uL2Nzcy9wYXJ0aWNsZS5zY3NzJyk7XG5yZXF1aXJlKCcuLi9jc3MvY29udHJvbHMuc2NzcycpO1xuXG4vLyBuZXcgQW5pbWF0aW9uMWEoKTtcbi8vIG5ldyBBbmltYXRpb24xYigpO1xuLy8gbmV3IEFuaW1hdGlvbjJhKCk7XG4vLyBuZXcgQW5pbWF0aW9uMmIoKTtcblxud2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2xvYWQnLCAoKSA9PiB7XG4gICAgbmV3IEFuaW1hdGlvbjNhKCk7XG59KTtcblxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyBqcy9pbmRleC5qcyJdLCJtYXBwaW5ncyI6Ijs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFJQTtBQUNBOzs7OztBQUNBO0FBTkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ=="); /***/ }), /* 83 */ @@ -4333,7 +4333,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n}); /***/ (function(module, exports, __webpack_require__) { "use strict"; -eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _enums = __webpack_require__(/*! ./enums */ 15);\n\nvar _random = __webpack_require__(/*! ./random */ 361);\n\nvar _random2 = _interopRequireDefault(_random);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar Arc = {\n create: function create(bounds, grids) {\n var arc = {\n centerX: _random2.default.num(0, bounds.width),\n centerY: _random2.default.num(0, bounds.height),\n clockwise: _random2.default.bool(),\n endX: 0,\n endY: 0,\n length: _random2.default.num(_enums.RAD.t90, _enums.RAD.t360),\n radius: _random2.default.num(100, 200),\n theta: _random2.default.num(_enums.RAD.t90, _enums.RAD.t360)\n };\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 arc = Arc.overflow(arc, bounds);\n\n var x = arc.endX - arc.endX % 5;\n var y = arc.endY - arc.endY % 5;\n\n // If starting in a hazard, recurse.\n // if (grids.global[x] !== undefined && grids.global[x][y] !== undefined) {\n // arc = createArc(bounds, grids);\n // }\n\n return arc;\n },\n\n step: function step(arc, _ref) {\n var bounds = _ref.bounds,\n speed = _ref.speed;\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); // TODO perf here\n arc.endY = arc.centerY - arc.radius * Math.sin(arc.theta); // TODO perf here\n\n // Overflow.\n arc = Arc.overflow(arc, bounds);\n\n return arc;\n },\n\n randomize: function randomize(arc) {\n arc.length = _random2.default.num(_enums.RAD.t90, _enums.RAD.t360);\n\n arc = Arc.changeRadius(arc, _random2.default.num(100, 200));\n\n if (_random2.default.bool(0.8)) {\n arc = Arc.reverse(arc);\n }\n\n return arc;\n },\n\n overflow: function overflow(arc, bounds) {\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\n changeRadius: function changeRadius(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); // TODO perf here\n arc.centerY += (r1 - r0) * Math.sin(arc.theta); // TODO perf here\n arc.radius = r1;\n\n return arc;\n },\n\n reverse: function reverse(arc) {\n arc.clockwise = !arc.clockwise;\n\n arc.theta = (arc.theta + _enums.RAD.t180) % _enums.RAD.t360;\n\n arc.centerX -= 2 * arc.radius * Math.cos(arc.theta); // TODO perf here\n arc.centerY += 2 * arc.radius * Math.sin(arc.theta); // TODO perf here\n\n return arc;\n },\n\n follow: function follow(arc, arcToFollow) {\n if (arc.clockwise !== arcToFollow.clockwise) {\n arc = Arc.reverse(arc);\n }\n\n if (Math.abs(arc.theta - arcToFollow.theta) > 0.1) {\n arc = Arc.changeRadius(arc, 20);\n } else {\n arc = Arc.changeRadius(arc, arcToFollow.radius);\n }\n\n return arc;\n },\n\n evade: function evade(arc, visionGrid) {\n // const danger = visionGrid.reduce((acc, v) => acc || v.touch, false);\n //\n // if (danger === false) {\n // return arc;\n // }\n //\n // const evasionArc = moveArc(arc, 20);\n // evasionArc.length = 1;\n //\n // return evasionArc;\n }\n};\n\nexports.default = Arc;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzYwLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2pzL2FyYy5qcz85YjVmIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJBRCB9IGZyb20gJy4vZW51bXMnO1xuaW1wb3J0IFJhbmRvbSBmcm9tICcuL3JhbmRvbSc7XG5cbmNvbnN0IEFyYyA9IHtcbiAgICBjcmVhdGU6IGZ1bmN0aW9uKGJvdW5kcywgZ3JpZHMpIHtcbiAgICAgICAgbGV0IGFyYyA9IHtcbiAgICAgICAgICAgIGNlbnRlclg6IFJhbmRvbS5udW0oMCwgYm91bmRzLndpZHRoKSxcbiAgICAgICAgICAgIGNlbnRlclk6IFJhbmRvbS5udW0oMCwgYm91bmRzLmhlaWdodCksXG4gICAgICAgICAgICBjbG9ja3dpc2U6IFJhbmRvbS5ib29sKCksXG4gICAgICAgICAgICBlbmRYOiAwLFxuICAgICAgICAgICAgZW5kWTogMCxcbiAgICAgICAgICAgIGxlbmd0aDogUmFuZG9tLm51bShSQUQudDkwLCBSQUQudDM2MCksXG4gICAgICAgICAgICByYWRpdXM6IFJhbmRvbS5udW0oMTAwLCAyMDApLFxuICAgICAgICAgICAgdGhldGE6IFJhbmRvbS5udW0oUkFELnQ5MCwgUkFELnQzNjApXG4gICAgICAgIH07XG5cbiAgICAgICAgYXJjLmVuZFggPSBhcmMuY2VudGVyWCArIGFyYy5yYWRpdXMgKiBNYXRoLmNvcyhhcmMudGhldGEpO1xuICAgICAgICBhcmMuZW5kWSA9IGFyYy5jZW50ZXJZIC0gYXJjLnJhZGl1cyAqIE1hdGguc2luKGFyYy50aGV0YSk7XG5cbiAgICAgICAgYXJjID0gQXJjLm92ZXJmbG93KGFyYywgYm91bmRzKTtcblxuICAgICAgICBjb25zdCB4ID0gYXJjLmVuZFggLSBhcmMuZW5kWCAlIDU7XG4gICAgICAgIGNvbnN0IHkgPSBhcmMuZW5kWSAtIGFyYy5lbmRZICUgNTtcblxuICAgICAgICAvLyBJZiBzdGFydGluZyBpbiBhIGhhemFyZCwgcmVjdXJzZS5cbiAgICAgICAgLy8gaWYgKGdyaWRzLmdsb2JhbFt4XSAhPT0gdW5kZWZpbmVkICYmIGdyaWRzLmdsb2JhbFt4XVt5XSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIC8vICAgICBhcmMgPSBjcmVhdGVBcmMoYm91bmRzLCBncmlkcyk7XG4gICAgICAgIC8vIH1cblxuICAgICAgICByZXR1cm4gYXJjO1xuICAgIH0sXG5cbiAgICBzdGVwOiBmdW5jdGlvbihhcmMsIHsgYm91bmRzLCBzcGVlZCB9KSB7XG4gICAgICAgIC8vIEVuc3VyZSBjb25zdGFudCB2ZWxvY2l0eSBhbmQgdGhldGEgYmV0d2VlbiAwIGFuZCAyz4AuXG4gICAgICAgIGNvbnN0IGRlbHRhID0gc3BlZWQgLyBhcmMucmFkaXVzO1xuICAgICAgICBhcmMubGVuZ3RoIC09IGRlbHRhO1xuXG4gICAgICAgIGFyYy50aGV0YSArPSAoYXJjLmNsb2Nrd2lzZSA/IC1kZWx0YSA6ICtkZWx0YSk7XG4gICAgICAgIGFyYy50aGV0YSA9IChhcmMudGhldGEgPiAwID8gYXJjLnRoZXRhICUgUkFELnQzNjAgOiBSQUQudDM2MCArIGFyYy50aGV0YSk7XG5cbiAgICAgICAgYXJjLmVuZFggPSBhcmMuY2VudGVyWCArIGFyYy5yYWRpdXMgKiBNYXRoLmNvcyhhcmMudGhldGEpOyAvLyBUT0RPIHBlcmYgaGVyZVxuICAgICAgICBhcmMuZW5kWSA9IGFyYy5jZW50ZXJZIC0gYXJjLnJhZGl1cyAqIE1hdGguc2luKGFyYy50aGV0YSk7IC8vIFRPRE8gcGVyZiBoZXJlXG5cbiAgICAgICAgLy8gT3ZlcmZsb3cuXG4gICAgICAgIGFyYyA9IEFyYy5vdmVyZmxvdyhhcmMsIGJvdW5kcyk7XG5cbiAgICAgICAgcmV0dXJuIGFyYztcbiAgICB9LFxuXG4gICAgcmFuZG9taXplOiBmdW5jdGlvbihhcmMpIHtcbiAgICAgICAgYXJjLmxlbmd0aCA9IFJhbmRvbS5udW0oUkFELnQ5MCwgUkFELnQzNjApO1xuXG4gICAgICAgIGFyYyA9IEFyYy5jaGFuZ2VSYWRpdXMoYXJjLCBSYW5kb20ubnVtKDEwMCwgMjAwKSk7XG5cbiAgICAgICAgaWYgKFJhbmRvbS5ib29sKDAuOCkpIHtcbiAgICAgICAgICAgIGFyYyA9IEFyYy5yZXZlcnNlKGFyYyk7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gYXJjO1xuICAgIH0sXG5cbiAgICBvdmVyZmxvdzogZnVuY3Rpb24oYXJjLCBib3VuZHMpIHtcbiAgICAgICAgaWYgKGFyYy5lbmRYIDwgMCkge1xuICAgICAgICAgICAgYXJjLmVuZFggKz0gYm91bmRzLndpZHRoO1xuICAgICAgICAgICAgYXJjLmNlbnRlclggKz0gYm91bmRzLndpZHRoXG4gICAgICAgIH0gZWxzZSBpZiAoYXJjLmVuZFggPiBib3VuZHMud2lkdGgpIHtcbiAgICAgICAgICAgIGFyYy5lbmRYIC09IGJvdW5kcy53aWR0aDtcbiAgICAgICAgICAgIGFyYy5jZW50ZXJYIC09IGJvdW5kcy53aWR0aFxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGFyYy5lbmRZIDwgMCkge1xuICAgICAgICAgICAgYXJjLmVuZFkgKz0gYm91bmRzLmhlaWdodDtcbiAgICAgICAgICAgIGFyYy5jZW50ZXJZICs9IGJvdW5kcy5oZWlnaHRcbiAgICAgICAgfSBlbHNlIGlmIChhcmMuZW5kWSA+IGJvdW5kcy5oZWlnaHQpIHtcbiAgICAgICAgICAgIGFyYy5lbmRZIC09IGJvdW5kcy5oZWlnaHQ7XG4gICAgICAgICAgICBhcmMuY2VudGVyWSAtPSBib3VuZHMuaGVpZ2h0XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gYXJjO1xuICAgIH0sXG5cbiAgICBjaGFuZ2VSYWRpdXM6IGZ1bmN0aW9uKGFyYywgbmV3UmFkaXVzKSB7XG4gICAgICAgIGNvbnN0IHIwID0gYXJjLnJhZGl1cztcbiAgICAgICAgY29uc3QgcjEgPSBuZXdSYWRpdXM7XG5cbiAgICAgICAgLy8gTW92ZXMgYXJjIGNlbnRlciB0byBuZXcgcmFkaXVzIHdoaWxlIGtlZXBpbmcgdGhldGEgY29uc3RhbnQuXG4gICAgICAgIGFyYy5jZW50ZXJYIC09IChyMSAtIHIwKSAqIE1hdGguY29zKGFyYy50aGV0YSk7IC8vIFRPRE8gcGVyZiBoZXJlXG4gICAgICAgIGFyYy5jZW50ZXJZICs9IChyMSAtIHIwKSAqIE1hdGguc2luKGFyYy50aGV0YSk7IC8vIFRPRE8gcGVyZiBoZXJlXG4gICAgICAgIGFyYy5yYWRpdXMgPSByMTtcblxuICAgICAgICByZXR1cm4gYXJjO1xuICAgIH0sXG5cbiAgICByZXZlcnNlOiBmdW5jdGlvbihhcmMpIHtcbiAgICAgICAgYXJjLmNsb2Nrd2lzZSA9ICFhcmMuY2xvY2t3aXNlO1xuXG4gICAgICAgIGFyYy50aGV0YSA9IChhcmMudGhldGEgKyBSQUQudDE4MCkgJSBSQUQudDM2MDtcblxuICAgICAgICBhcmMuY2VudGVyWCAtPSAoMiAqIGFyYy5yYWRpdXMpICogTWF0aC5jb3MoYXJjLnRoZXRhKTsgLy8gVE9ETyBwZXJmIGhlcmVcbiAgICAgICAgYXJjLmNlbnRlclkgKz0gKDIgKiBhcmMucmFkaXVzKSAqIE1hdGguc2luKGFyYy50aGV0YSk7IC8vIFRPRE8gcGVyZiBoZXJlXG5cbiAgICAgICAgcmV0dXJuIGFyYztcbiAgICB9LFxuXG4gICAgZm9sbG93OiBmdW5jdGlvbihhcmMsIGFyY1RvRm9sbG93KSB7XG4gICAgICAgIGlmIChhcmMuY2xvY2t3aXNlICE9PSBhcmNUb0ZvbGxvdy5jbG9ja3dpc2UpIHtcbiAgICAgICAgICAgIGFyYyA9IEFyYy5yZXZlcnNlKGFyYyk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoTWF0aC5hYnMoYXJjLnRoZXRhIC0gYXJjVG9Gb2xsb3cudGhldGEpID4gMC4xKSB7XG4gICAgICAgICAgICBhcmMgPSBBcmMuY2hhbmdlUmFkaXVzKGFyYywgMjApO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgYXJjID0gQXJjLmNoYW5nZVJhZGl1cyhhcmMsIGFyY1RvRm9sbG93LnJhZGl1cyk7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gYXJjO1xuICAgIH0sXG5cbiAgICBldmFkZTogZnVuY3Rpb24oYXJjLCB2aXNpb25HcmlkKSB7XG4gICAgICAgIC8vIGNvbnN0IGRhbmdlciA9IHZpc2lvbkdyaWQucmVkdWNlKChhY2MsIHYpID0+IGFjYyB8fCB2LnRvdWNoLCBmYWxzZSk7XG4gICAgICAgIC8vXG4gICAgICAgIC8vIGlmIChkYW5nZXIgPT09IGZhbHNlKSB7XG4gICAgICAgIC8vICAgICByZXR1cm4gYXJjO1xuICAgICAgICAvLyB9XG4gICAgICAgIC8vXG4gICAgICAgIC8vIGNvbnN0IGV2YXNpb25BcmMgPSBtb3ZlQXJjKGFyYywgMjApO1xuICAgICAgICAvLyBldmFzaW9uQXJjLmxlbmd0aCA9IDE7XG4gICAgICAgIC8vXG4gICAgICAgIC8vIHJldHVybiBldmFzaW9uQXJjO1xuICAgIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgQXJjO1xuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIGpzL2FyYy5qcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7QUFDQTtBQUFBO0FBQ0E7Ozs7O0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQVJBO0FBQ0E7QUFVQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUE5SEE7QUFDQTtBQWdJQSIsInNvdXJjZVJvb3QiOiIifQ=="); +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _enums = __webpack_require__(/*! ./enums */ 15);\n\nvar _random = __webpack_require__(/*! ./random */ 361);\n\nvar _random2 = _interopRequireDefault(_random);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar Arc = {\n create: function create(bounds, grids) {\n var arc = {\n centerX: _random2.default.num(0, bounds.width),\n centerY: _random2.default.num(0, bounds.height),\n clockwise: _random2.default.bool(),\n endX: 0,\n endY: 0,\n length: _random2.default.num(_enums.RAD.t90, _enums.RAD.t360),\n radius: _random2.default.num(100, 200),\n theta: _random2.default.num(_enums.RAD.t90, _enums.RAD.t360)\n };\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 arc = Arc.overflow(arc, bounds);\n\n var x = arc.endX - arc.endX % 5;\n var y = arc.endY - arc.endY % 5;\n\n // If starting in a hazard, recurse.\n // if (grids.global[x] !== undefined && grids.global[x][y] !== undefined) {\n // arc = createArc(bounds, grids);\n // }\n\n return arc;\n },\n\n step: function step(arc, bounds, speed) {\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); // TODO perf here\n arc.endY = arc.centerY - arc.radius * Math.sin(arc.theta); // TODO perf here\n\n // Overflow.\n arc = Arc.overflow(arc, bounds);\n\n return arc;\n },\n\n randomize: function randomize(arc) {\n arc.length = _random2.default.num(_enums.RAD.t90, _enums.RAD.t360);\n\n arc = Arc.changeRadius(arc, _random2.default.num(100, 200));\n\n if (_random2.default.bool(0.8)) {\n arc = Arc.reverse(arc);\n }\n\n return arc;\n },\n\n overflow: function overflow(arc, bounds) {\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\n changeRadius: function changeRadius(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); // TODO perf here\n arc.centerY += (r1 - r0) * Math.sin(arc.theta); // TODO perf here\n arc.radius = r1;\n\n return arc;\n },\n\n reverse: function reverse(arc) {\n arc.clockwise = !arc.clockwise;\n\n arc.theta = (arc.theta + _enums.RAD.t180) % _enums.RAD.t360;\n\n arc.centerX -= 2 * arc.radius * Math.cos(arc.theta); // TODO perf here\n arc.centerY += 2 * arc.radius * Math.sin(arc.theta); // TODO perf here\n\n return arc;\n },\n\n follow: function follow(arc, arcToFollow) {\n if (arc.clockwise !== arcToFollow.clockwise) {\n arc = Arc.reverse(arc);\n }\n\n if (Math.abs(arc.theta - arcToFollow.theta) > 0.1) {\n arc = Arc.changeRadius(arc, 20);\n } else {\n arc = Arc.changeRadius(arc, arcToFollow.radius);\n }\n\n return arc;\n },\n\n evade: function evade(arc, visionGrid) {\n // const danger = visionGrid.reduce((acc, v) => acc || v.touch, false);\n //\n // if (danger === false) {\n // return arc;\n // }\n //\n // const evasionArc = moveArc(arc, 20);\n // evasionArc.length = 1;\n //\n // return evasionArc;\n }\n};\n\nexports.default = Arc;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzYwLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2pzL2FyYy5qcz85YjVmIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJBRCB9IGZyb20gJy4vZW51bXMnO1xuaW1wb3J0IFJhbmRvbSBmcm9tICcuL3JhbmRvbSc7XG5cbmNvbnN0IEFyYyA9IHtcbiAgICBjcmVhdGU6IGZ1bmN0aW9uKGJvdW5kcywgZ3JpZHMpIHtcbiAgICAgICAgbGV0IGFyYyA9IHtcbiAgICAgICAgICAgIGNlbnRlclg6IFJhbmRvbS5udW0oMCwgYm91bmRzLndpZHRoKSxcbiAgICAgICAgICAgIGNlbnRlclk6IFJhbmRvbS5udW0oMCwgYm91bmRzLmhlaWdodCksXG4gICAgICAgICAgICBjbG9ja3dpc2U6IFJhbmRvbS5ib29sKCksXG4gICAgICAgICAgICBlbmRYOiAwLFxuICAgICAgICAgICAgZW5kWTogMCxcbiAgICAgICAgICAgIGxlbmd0aDogUmFuZG9tLm51bShSQUQudDkwLCBSQUQudDM2MCksXG4gICAgICAgICAgICByYWRpdXM6IFJhbmRvbS5udW0oMTAwLCAyMDApLFxuICAgICAgICAgICAgdGhldGE6IFJhbmRvbS5udW0oUkFELnQ5MCwgUkFELnQzNjApXG4gICAgICAgIH07XG5cbiAgICAgICAgYXJjLmVuZFggPSBhcmMuY2VudGVyWCArIGFyYy5yYWRpdXMgKiBNYXRoLmNvcyhhcmMudGhldGEpO1xuICAgICAgICBhcmMuZW5kWSA9IGFyYy5jZW50ZXJZIC0gYXJjLnJhZGl1cyAqIE1hdGguc2luKGFyYy50aGV0YSk7XG5cbiAgICAgICAgYXJjID0gQXJjLm92ZXJmbG93KGFyYywgYm91bmRzKTtcblxuICAgICAgICBjb25zdCB4ID0gYXJjLmVuZFggLSBhcmMuZW5kWCAlIDU7XG4gICAgICAgIGNvbnN0IHkgPSBhcmMuZW5kWSAtIGFyYy5lbmRZICUgNTtcblxuICAgICAgICAvLyBJZiBzdGFydGluZyBpbiBhIGhhemFyZCwgcmVjdXJzZS5cbiAgICAgICAgLy8gaWYgKGdyaWRzLmdsb2JhbFt4XSAhPT0gdW5kZWZpbmVkICYmIGdyaWRzLmdsb2JhbFt4XVt5XSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIC8vICAgICBhcmMgPSBjcmVhdGVBcmMoYm91bmRzLCBncmlkcyk7XG4gICAgICAgIC8vIH1cblxuICAgICAgICByZXR1cm4gYXJjO1xuICAgIH0sXG5cbiAgICBzdGVwOiBmdW5jdGlvbihhcmMsIGJvdW5kcywgc3BlZWQpIHtcbiAgICAgICAgLy8gRW5zdXJlIGNvbnN0YW50IHZlbG9jaXR5IGFuZCB0aGV0YSBiZXR3ZWVuIDAgYW5kIDLPgC5cbiAgICAgICAgY29uc3QgZGVsdGEgPSBzcGVlZCAvIGFyYy5yYWRpdXM7XG4gICAgICAgIGFyYy5sZW5ndGggLT0gZGVsdGE7XG5cbiAgICAgICAgYXJjLnRoZXRhICs9IChhcmMuY2xvY2t3aXNlID8gLWRlbHRhIDogK2RlbHRhKTtcbiAgICAgICAgYXJjLnRoZXRhID0gKGFyYy50aGV0YSA+IDAgPyBhcmMudGhldGEgJSBSQUQudDM2MCA6IFJBRC50MzYwICsgYXJjLnRoZXRhKTtcblxuICAgICAgICBhcmMuZW5kWCA9IGFyYy5jZW50ZXJYICsgYXJjLnJhZGl1cyAqIE1hdGguY29zKGFyYy50aGV0YSk7IC8vIFRPRE8gcGVyZiBoZXJlXG4gICAgICAgIGFyYy5lbmRZID0gYXJjLmNlbnRlclkgLSBhcmMucmFkaXVzICogTWF0aC5zaW4oYXJjLnRoZXRhKTsgLy8gVE9ETyBwZXJmIGhlcmVcblxuICAgICAgICAvLyBPdmVyZmxvdy5cbiAgICAgICAgYXJjID0gQXJjLm92ZXJmbG93KGFyYywgYm91bmRzKTtcblxuICAgICAgICByZXR1cm4gYXJjO1xuICAgIH0sXG5cbiAgICByYW5kb21pemU6IGZ1bmN0aW9uKGFyYykge1xuICAgICAgICBhcmMubGVuZ3RoID0gUmFuZG9tLm51bShSQUQudDkwLCBSQUQudDM2MCk7XG5cbiAgICAgICAgYXJjID0gQXJjLmNoYW5nZVJhZGl1cyhhcmMsIFJhbmRvbS5udW0oMTAwLCAyMDApKTtcblxuICAgICAgICBpZiAoUmFuZG9tLmJvb2woMC44KSkge1xuICAgICAgICAgICAgYXJjID0gQXJjLnJldmVyc2UoYXJjKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBhcmM7XG4gICAgfSxcblxuICAgIG92ZXJmbG93OiBmdW5jdGlvbihhcmMsIGJvdW5kcykge1xuICAgICAgICBpZiAoYXJjLmVuZFggPCAwKSB7XG4gICAgICAgICAgICBhcmMuZW5kWCArPSBib3VuZHMud2lkdGg7XG4gICAgICAgICAgICBhcmMuY2VudGVyWCArPSBib3VuZHMud2lkdGhcbiAgICAgICAgfSBlbHNlIGlmIChhcmMuZW5kWCA+IGJvdW5kcy53aWR0aCkge1xuICAgICAgICAgICAgYXJjLmVuZFggLT0gYm91bmRzLndpZHRoO1xuICAgICAgICAgICAgYXJjLmNlbnRlclggLT0gYm91bmRzLndpZHRoXG4gICAgICAgIH1cblxuICAgICAgICBpZiAoYXJjLmVuZFkgPCAwKSB7XG4gICAgICAgICAgICBhcmMuZW5kWSArPSBib3VuZHMuaGVpZ2h0O1xuICAgICAgICAgICAgYXJjLmNlbnRlclkgKz0gYm91bmRzLmhlaWdodFxuICAgICAgICB9IGVsc2UgaWYgKGFyYy5lbmRZID4gYm91bmRzLmhlaWdodCkge1xuICAgICAgICAgICAgYXJjLmVuZFkgLT0gYm91bmRzLmhlaWdodDtcbiAgICAgICAgICAgIGFyYy5jZW50ZXJZIC09IGJvdW5kcy5oZWlnaHRcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBhcmM7XG4gICAgfSxcblxuICAgIGNoYW5nZVJhZGl1czogZnVuY3Rpb24oYXJjLCBuZXdSYWRpdXMpIHtcbiAgICAgICAgY29uc3QgcjAgPSBhcmMucmFkaXVzO1xuICAgICAgICBjb25zdCByMSA9IG5ld1JhZGl1cztcblxuICAgICAgICAvLyBNb3ZlcyBhcmMgY2VudGVyIHRvIG5ldyByYWRpdXMgd2hpbGUga2VlcGluZyB0aGV0YSBjb25zdGFudC5cbiAgICAgICAgYXJjLmNlbnRlclggLT0gKHIxIC0gcjApICogTWF0aC5jb3MoYXJjLnRoZXRhKTsgLy8gVE9ETyBwZXJmIGhlcmVcbiAgICAgICAgYXJjLmNlbnRlclkgKz0gKHIxIC0gcjApICogTWF0aC5zaW4oYXJjLnRoZXRhKTsgLy8gVE9ETyBwZXJmIGhlcmVcbiAgICAgICAgYXJjLnJhZGl1cyA9IHIxO1xuXG4gICAgICAgIHJldHVybiBhcmM7XG4gICAgfSxcblxuICAgIHJldmVyc2U6IGZ1bmN0aW9uKGFyYykge1xuICAgICAgICBhcmMuY2xvY2t3aXNlID0gIWFyYy5jbG9ja3dpc2U7XG5cbiAgICAgICAgYXJjLnRoZXRhID0gKGFyYy50aGV0YSArIFJBRC50MTgwKSAlIFJBRC50MzYwO1xuXG4gICAgICAgIGFyYy5jZW50ZXJYIC09ICgyICogYXJjLnJhZGl1cykgKiBNYXRoLmNvcyhhcmMudGhldGEpOyAvLyBUT0RPIHBlcmYgaGVyZVxuICAgICAgICBhcmMuY2VudGVyWSArPSAoMiAqIGFyYy5yYWRpdXMpICogTWF0aC5zaW4oYXJjLnRoZXRhKTsgLy8gVE9ETyBwZXJmIGhlcmVcblxuICAgICAgICByZXR1cm4gYXJjO1xuICAgIH0sXG5cbiAgICBmb2xsb3c6IGZ1bmN0aW9uKGFyYywgYXJjVG9Gb2xsb3cpIHtcbiAgICAgICAgaWYgKGFyYy5jbG9ja3dpc2UgIT09IGFyY1RvRm9sbG93LmNsb2Nrd2lzZSkge1xuICAgICAgICAgICAgYXJjID0gQXJjLnJldmVyc2UoYXJjKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChNYXRoLmFicyhhcmMudGhldGEgLSBhcmNUb0ZvbGxvdy50aGV0YSkgPiAwLjEpIHtcbiAgICAgICAgICAgIGFyYyA9IEFyYy5jaGFuZ2VSYWRpdXMoYXJjLCAyMCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBhcmMgPSBBcmMuY2hhbmdlUmFkaXVzKGFyYywgYXJjVG9Gb2xsb3cucmFkaXVzKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBhcmM7XG4gICAgfSxcblxuICAgIGV2YWRlOiBmdW5jdGlvbihhcmMsIHZpc2lvbkdyaWQpIHtcbiAgICAgICAgLy8gY29uc3QgZGFuZ2VyID0gdmlzaW9uR3JpZC5yZWR1Y2UoKGFjYywgdikgPT4gYWNjIHx8IHYudG91Y2gsIGZhbHNlKTtcbiAgICAgICAgLy9cbiAgICAgICAgLy8gaWYgKGRhbmdlciA9PT0gZmFsc2UpIHtcbiAgICAgICAgLy8gICAgIHJldHVybiBhcmM7XG4gICAgICAgIC8vIH1cbiAgICAgICAgLy9cbiAgICAgICAgLy8gY29uc3QgZXZhc2lvbkFyYyA9IG1vdmVBcmMoYXJjLCAyMCk7XG4gICAgICAgIC8vIGV2YXNpb25BcmMubGVuZ3RoID0gMTtcbiAgICAgICAgLy9cbiAgICAgICAgLy8gcmV0dXJuIGV2YXNpb25BcmM7XG4gICAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBBcmM7XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8ganMvYXJjLmpzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQTtBQUNBO0FBQUE7QUFDQTs7Ozs7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBUkE7QUFDQTtBQVVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQTlIQTtBQUNBO0FBZ0lBIiwic291cmNlUm9vdCI6IiJ9"); /***/ }), /* 361 */ diff --git a/js/index.js b/js/index.js index 4cb8f0d..90d60ad 100644 --- a/js/index.js +++ b/js/index.js @@ -15,4 +15,7 @@ require('../css/controls.scss'); // new Animation1b(); // new Animation2a(); // new Animation2b(); -new Animation3a(); + +window.addEventListener('load', () => { + new Animation3a(); +}); diff --git a/js/particle.js b/js/particle.js index 24dfd2f..586e62e 100644 --- a/js/particle.js +++ b/js/particle.js @@ -61,15 +61,12 @@ Particle.prototype.remove = function() { } Particle.prototype.nextFrame = function(globalGrid) { - // Randomly change radius and rotation direction. - if (this.arc.length <= 0 && this.config.randomize) { - this.arc = Arc.randomize(this.arc); - } - - this.arc = Arc.step(this.arc, this.config); + this.arc = Arc.step(this.arc, this.config.bounds, this.config.speed); if (this.leader !== null) { this.arc = Arc.follow(this.arc, this.leader.arc); + } else if (this.arc.length <= 0 && this.config.randomize) { + this.arc = Arc.randomize(this.arc); } this.grids.global = globalGrid; @@ -78,6 +75,7 @@ Particle.prototype.nextFrame = function(globalGrid) { const { hazards, particles } = look(this.arc, this.grids); if (this.leader === null && particles.length > 0) { + // Beware of circular leadership, where a leader sees its tail. const candidates = particles .filter(v => v.leader ? (v.leader.id !== this.id) : true); @@ -85,10 +83,8 @@ Particle.prototype.nextFrame = function(globalGrid) { if (leader !== undefined) { leader.isLeader = true; - // console.log(`${this.id} is now following ${leader.id}`); - this.isLeader = false; this.leader = leader; } } @@ -134,15 +130,13 @@ Particle.prototype.updateLeader = function() { return; } - while (this.leader.leader !== null) { - this.leader.isLeader = false; + if (this.leader.leader !== null) { this.leader = this.leader.leader; - // console.error(this.id, 'is now following', this.leader.id) + // console.warn(`${this.id} is now following ${this.leader.id}`); } - // Prevents circular leadership, where a leader sees its tail. - if (this.leader.id === this.id) { - this.leader = null; + if (this.leader !== null && this.isLeader) { + this.isLeader = false; } } @@ -196,7 +190,7 @@ function createContainerNode(config, id) { function createVisionGrid(config) { const { gridSize: side, visionRadius: radius } = config; const r0 = radius; - const r1 = 30; + const r1 = 45; const points = [];