diff --git a/index.html b/index.html index 4d98674..aad9195 100644 --- a/index.html +++ b/index.html @@ -24,7 +24,7 @@
- +

The last goal was to play around with flocking behavior. Cohesion: diff --git a/js/animation1a.js b/js/animation1a.js index 1f1d670..8c9469d 100644 --- a/js/animation1a.js +++ b/js/animation1a.js @@ -1,6 +1,6 @@ import Rx, { Observable } from 'rxjs'; +import Grid from './grid'; import Particle from './particle'; -import Store from './store'; import Controls from './controls'; import { CONTROLS } from './enums'; @@ -14,13 +14,12 @@ function Animation1a() { }; this.container = document.getElementById('animation1a'); - this.bounds = this.container.getBoundingClientRect(); + this.particles = []; + this.grid = new Grid(); this.movementCircleCtrl = createMovementCircleControl(); this.randomizeCtrl = createRandomizeControl(); - this.particles = []; - const controls = new Controls( document.getElementById('controls1a'), this.options, @@ -105,12 +104,14 @@ Animation1a.prototype.updateAnimating = function(isAnimating) { } Animation1a.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); + const p = new Particle(this.container, bounds, this.options, this.grid); this.particles.push(p); } } diff --git a/js/animation1b.js b/js/animation1b.js index 6f59c4b..0662593 100644 --- a/js/animation1b.js +++ b/js/animation1b.js @@ -1,6 +1,6 @@ import Rx, { Observable } from 'rxjs'; +import Grid from './grid'; import Particle from './particle'; -import Store from './store'; import Controls from './controls'; import { CONTROLS } from './enums'; @@ -12,9 +12,8 @@ function Animation1b() { }; this.container = document.getElementById('animation1b'); - this.bounds = this.container.getBoundingClientRect(); - this.particles = []; + this.grid = new Grid(); const controls = new Controls( document.getElementById('controls1b'), @@ -50,12 +49,14 @@ Animation1b.prototype.updateAnimating = function(isAnimating) { } Animation1b.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); + const p = new Particle(this.container, bounds, this.options, this.grid); this.particles.push(p); } } diff --git a/js/animation2a.js b/js/animation2a.js index 58cbd35..db366c5 100644 --- a/js/animation2a.js +++ b/js/animation2a.js @@ -1,22 +1,20 @@ import Rx, { Observable } from 'rxjs'; import Particle from './particle'; -import Store from './store'; +import Grid from './grid'; import Controls from './controls'; -import { CONTROLS } from './enums'; +import { CONTROLS, ENTITIES } from './enums'; function Animation2a() { this.options = { - count: 1, + count: 3, maxCount: 10, showVisionGrid: true, speed: 4 }; this.container = document.getElementById('animation2a'); - this.bounds = this.container.getBoundingClientRect(); - this.particles = []; - this.globalGrid = createGlobalGrid(this.container, this.bounds); + this.grid = createGlobalGrid(this.container, this.bounds); const controls = new Controls( document.getElementById('controls2a'), @@ -53,12 +51,14 @@ Animation2a.prototype.updateAnimating = function(isAnimating) { } Animation2a.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.grid); this.particles.push(p); } } @@ -69,46 +69,12 @@ Animation2a.prototype.updateSpeed = function(value) { } function createGlobalGrid(container, bounds) { - const grid = {}; - const gridSize = 5; - - const hazards = [ - { x: 100, y: 100, w: 200, h: 200 }, - { x: 600, y: 200, w: 200, h: 200 }, - ]; - - return hazards.reduce((acc, { x, y, w, h }) => { - const div = document.createElement('div'); - div.className = 'hazard'; - div.style.left = `${x}px`; - div.style.top = `${y}px`; - div.style.height = `${h}px`; - div.style.width = `${w}px`; - container.appendChild(div); - - for (let i = x; i <= (x + w); i += gridSize) { - for (let j = y; j <= (y + h); j += gridSize) { - if (acc[i] === undefined) { - acc[i] = {}; - } - - if (acc[i][j] !== undefined) { - continue; - } - - const dot = document.createElement('dot'); - dot.className = 'hazard-dot'; - dot.style.left = `${i - x}px`; - dot.style.top = `${j - y}px`; - div.appendChild(dot); - - acc[i][j] = true; - } - } - - - return acc; - }, {}); + const grid = new Grid(); + + grid.setArea({ x: 100, y: 100, w: 200, h: 200, type: ENTITIES.HAZARD }, container); + grid.setArea({ x: 600, y: 200, w: 200, h: 200, type: ENTITIES.HAZARD }, container); + + return grid; } export default Animation2a; diff --git a/js/animation2b.js b/js/animation2b.js index 58d5c77..8d7f0f2 100644 --- a/js/animation2b.js +++ b/js/animation2b.js @@ -1,8 +1,8 @@ import Rx, { Observable } from 'rxjs'; import Particle from './particle'; -import Store from './store'; +import Grid from './grid'; import Controls from './controls'; -import { CONTROLS } from './enums'; +import { CONTROLS, ENTITIES } from './enums'; function Animation2b() { this.options = { @@ -12,10 +12,8 @@ function Animation2b() { }; this.container = document.getElementById('animation2b'); - this.bounds = this.container.getBoundingClientRect(); - this.particles = []; - this.globalGrid = createGlobalGrid(this.container, this.bounds); + this.grid = createGlobalGrid(this.container, this.bounds); const controls = new Controls( document.getElementById('controls2b'), @@ -52,12 +50,14 @@ Animation2b.prototype.updateAnimating = function(isAnimating) { } Animation2b.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.grid); this.particles.push(p); } } @@ -68,46 +68,12 @@ Animation2b.prototype.updateSpeed = function(value) { } function createGlobalGrid(container, bounds) { - const grid = {}; - const gridSize = 5; - - const hazards = [ - { x: 100, y: 100, w: 200, h: 200 }, - { x: 600, y: 200, w: 200, h: 200 }, - ]; - - return hazards.reduce((acc, { x, y, w, h }) => { - const div = document.createElement('div'); - div.className = 'hazard'; - div.style.left = `${x}px`; - div.style.top = `${y}px`; - div.style.height = `${h}px`; - div.style.width = `${w}px`; - container.appendChild(div); - - for (let i = x; i <= (x + w); i += gridSize) { - for (let j = y; j <= (y + h); j += gridSize) { - if (acc[i] === undefined) { - acc[i] = {}; - } - - if (acc[i][j] !== undefined) { - continue; - } - - const dot = document.createElement('dot'); - dot.className = 'hazard-dot'; - dot.style.left = `${i - x}px`; - dot.style.top = `${j - y}px`; - div.appendChild(dot); - - acc[i][j] = true; - } - } - - - return acc; - }, {}); + const grid = new Grid(); + + grid.setArea({ x: 100, y: 100, w: 200, h: 200, type: ENTITIES.HAZARD }, container); + grid.setArea({ x: 600, y: 200, w: 200, h: 200, type: ENTITIES.HAZARD }, container); + + return grid; } export default Animation2b; diff --git a/js/animation3a.js b/js/animation3a.js index 40185e1..ccbb4e1 100644 --- a/js/animation3a.js +++ b/js/animation3a.js @@ -7,7 +7,7 @@ import { CONTROLS, ENTITIES } from './enums'; function Animation3a() { this.options = { cohesion: true, - count: 10, + count: 400, maxCount: 1000, showVisionGrid: false, speed: 4 @@ -15,7 +15,7 @@ function Animation3a() { this.container = document.getElementById('animation3a'); this.particles = []; - this.globalGrid = new Grid(); + this.grid = new Grid(); const controls = new Controls( document.getElementById('controls3a'), @@ -27,17 +27,15 @@ function Animation3a() { this.updateAnimating(this.options.animating); this.updateCount(this.options.count); - // TODO get "top" leader, once...don't update each time? - // TODO if leader sees follower, assign to this leader? // TODO remove bottom padding from Disqus - // TODO ANIM2ab randomize hazards // TODO fix "hangup" small radius evade bug + // TODO don't load simulation until requested + // TODO sort out particle nextframe - // TODO ANIM3a perf Scale vision grid to 1000 particles - // TODO hazard grid, particles grid - // TODO completely seal Particle + // TODO ANIM1ab free movement + // TODO ANIM2ab randomize hazards - // TODO ANIM3a cohesion + // TODO ANIM3a streamline updateLeader // TODO ANIM3b separation // TODO ANIM3c alignment }; @@ -55,10 +53,10 @@ Animation3a.prototype.nextFrame = function() { const prevX = p.arc.endX; const prevY = p.arc.endY; - p.nextFrame(this.globalGrid); + p.nextFrame(); - this.globalGrid.deletePoint({ x: prevX, y: prevY, type: ENTITIES.PARTICLE }); - this.globalGrid.setPoint({ x: p.arc.endX, y: p.arc.endY, type: ENTITIES.PARTICLE }, p); + this.grid.deletePoint({ x: prevX, y: prevY, type: ENTITIES.PARTICLE }); + this.grid.setPoint({ x: p.arc.endX, y: p.arc.endY, type: ENTITIES.PARTICLE }, p); }); } @@ -77,11 +75,14 @@ Animation3a.prototype.updateCount = function(count) { const bounds = this.container.getBoundingClientRect(); while (this.particles.length > count) { - delete this.particles.pop().remove(); + const p = this.particles.pop(); + this.grid.deletePoint({ x: p.arc.endX, y: p.arc.endY, type: ENTITIES.PARTICLE }); + p.remove(); } while (this.particles.length < count) { - const p = new Particle(this.container, bounds, this.options, this.globalGrid); + const p = new Particle(this.container, bounds, this.options, this.grid); + this.grid.setPoint({ x: p.arc.endX, y: p.arc.endY, type: ENTITIES.PARTICLE }, p); this.particles.push(p); } } diff --git a/js/arc.js b/js/arc.js index f25358e..dd739a3 100644 --- a/js/arc.js +++ b/js/arc.js @@ -1,8 +1,8 @@ -import { RAD } from './enums'; +import { ENTITIES, RAD } from './enums'; import Random from './random'; const Arc = { - create: function(bounds, grids) { + create: function(bounds, grid) { let arc = { centerX: Random.num(0, bounds.width), centerY: Random.num(0, bounds.height), @@ -14,18 +14,18 @@ const Arc = { theta: Random.num(RAD.t90, RAD.t360) }; - arc.endX = arc.centerX + arc.radius * Math.cos(arc.theta); - arc.endY = arc.centerY - arc.radius * Math.sin(arc.theta); + arc.cosTheta = Math.cos(arc.theta); + arc.sinTheta = Math.sin(arc.theta); - arc = Arc.overflow(arc, bounds); + arc.endX = arc.centerX + arc.radius * arc.cosTheta; + arc.endY = arc.centerY - arc.radius * arc.sinTheta; - const x = arc.endX - arc.endX % 5; - const y = arc.endY - arc.endY % 5; + arc = Arc.overflow(arc, bounds); // If starting in a hazard, recurse. - // if (grids.global[x] !== undefined && grids.global[x][y] !== undefined) { - // arc = createArc(bounds, grids); - // } + if (grid.getPoint({ x: arc.endX, y: arc.endY, type: ENTITIES.HAZARD })) { + arc = Arc.create(bounds, grid); + } return arc; }, @@ -38,8 +38,11 @@ const Arc = { arc.theta += (arc.clockwise ? -delta : +delta); arc.theta = (arc.theta > 0 ? arc.theta % RAD.t360 : RAD.t360 + arc.theta); - arc.endX = arc.centerX + arc.radius * Math.cos(arc.theta); // TODO perf here - arc.endY = arc.centerY - arc.radius * Math.sin(arc.theta); // TODO perf here + arc.cosTheta = Math.cos(arc.theta); + arc.sinTheta = Math.sin(arc.theta); + + arc.endX = arc.centerX + arc.radius * arc.cosTheta; + arc.endY = arc.centerY - arc.radius * arc.sinTheta; // Overflow. arc = Arc.overflow(arc, bounds); @@ -84,8 +87,8 @@ const Arc = { const r1 = newRadius; // Moves arc center to new radius while keeping theta constant. - arc.centerX -= (r1 - r0) * Math.cos(arc.theta); // TODO perf here - arc.centerY += (r1 - r0) * Math.sin(arc.theta); // TODO perf here + arc.centerX -= (r1 - r0) * arc.cosTheta; + arc.centerY += (r1 - r0) * arc.sinTheta; arc.radius = r1; return arc; @@ -96,8 +99,11 @@ const Arc = { arc.theta = (arc.theta + RAD.t180) % RAD.t360; - arc.centerX -= (2 * arc.radius) * Math.cos(arc.theta); // TODO perf here - arc.centerY += (2 * arc.radius) * Math.sin(arc.theta); // TODO perf here + arc.cosTheta = Math.cos(arc.theta); + arc.sinTheta = Math.sin(arc.theta); + + arc.centerX -= (2 * arc.radius) * arc.cosTheta; + arc.centerY += (2 * arc.radius) * arc.sinTheta; return arc; }, @@ -107,8 +113,8 @@ const Arc = { arc = Arc.reverse(arc); } - if (Math.abs(arc.theta - arcToFollow.theta) > 0.1) { - arc = Arc.changeRadius(arc, 20); + if (Math.abs(arc.theta - arcToFollow.theta) > 0.2) { + arc = Arc.changeRadius(arc, 50); } else { arc = Arc.changeRadius(arc, arcToFollow.radius); } @@ -116,17 +122,11 @@ const Arc = { return arc; }, - evade: function(arc, visionGrid) { - // const danger = visionGrid.reduce((acc, v) => acc || v.touch, false); - // - // if (danger === false) { - // return arc; - // } - // - // const evasionArc = moveArc(arc, 20); - // evasionArc.length = 1; - // - // return evasionArc; + evade: function(arc) { + arc = Arc.changeRadius(arc, 20); + arc.length = 1; + + return arc; } } diff --git a/js/bundle.js b/js/bundle.js index bd34179..85b00a3 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 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=="); +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 this.config = Object.assign({}, {\n behavior: _enums.BEHAVIOR.FREE,\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 this.grids = {\n global: globalGrid || {},\n vision: createVisionGrid(this.config)\n };\n\n this.id = _random2.default.id(6);\n\n this.nodes = {\n body: createBodyNode(this.config),\n circle: undefined,\n container: createContainerNode(this.config, this.id),\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.leader = null;\n this.isLeader = false;\n\n this.arc = _arc2.default.create(bounds, this.grids.global);\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 delete this.nodes;\n return this;\n};\n\nParticle.prototype.nextFrame = function () {\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.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 (hazards.length > 0) {\n this.arc = _arc2.default.evade(this.arc);\n }\n\n this.updateLeader(particles);\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 (particles) {\n var _this = this;\n\n if (this.config.behavior !== _enums.BEHAVIOR.COHESION) {\n return;\n }\n\n if (this.leader === null && particles.length > 0) {\n // Head-to-head: particles see eachother but shouldn't both lead.\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 this.leader = leader;\n }\n }\n\n if (this.leader === null) {\n return;\n }\n\n if (this.leader.nodes === undefined) {\n this.leader = null;\n return;\n }\n\n if (this.leader.leader !== null) {\n this.leader = this.leader.leader;\n }\n\n if (this.isLeader) {\n this.isLeader = false;\n }\n\n // Beware of 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: x, y: y, type: _enums.ENTITIES.HAZARD })) {\n acc.hazards.push({ x: x, y: 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 * arc.cosTheta) + 'px';\n node.style.top = '-' + (arc.radius - arc.radius * arc.sinTheta) + '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 (_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/M2JkZSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQkVIQVZJT1IsIEVOVElUSUVTLCBSQUQgfSBmcm9tICcuL2VudW1zJztcbmltcG9ydCBBcmMgZnJvbSAnLi9hcmMnO1xuaW1wb3J0IFJhbmRvbSBmcm9tICcuL3JhbmRvbSc7XG5cbi8vID09PT09IENvbnN0cnVjdG9yID09PT09XG5cbmZ1bmN0aW9uIFBhcnRpY2xlKHBhcmVudCwgYm91bmRzLCBjb25maWcsIGdsb2JhbEdyaWQpIHtcbiAgICB0aGlzLmNvbmZpZyA9IE9iamVjdC5hc3NpZ24oe30sIHtcbiAgICAgICAgYmVoYXZpb3I6IEJFSEFWSU9SLkZSRUUsXG4gICAgICAgIGJvdW5kcyxcbiAgICAgICAgY29sb3I6IFJhbmRvbS5jb2xvcigpLFxuICAgICAgICBncmlkU2l6ZTogNSxcbiAgICAgICAgcmFuZG9taXplOiB0cnVlLFxuICAgICAgICBzaG93TW92ZW1lbnRDaXJjbGU6IGZhbHNlLFxuICAgICAgICBzaG93VmlzaW9uR3JpZDogZmFsc2UsXG4gICAgICAgIHNwZWVkOiA0LFxuICAgICAgICB2aXNpb25SYWRpdXM6IDUwXG4gICAgfSwgY29uZmlnKTtcblxuICAgIHRoaXMuZ3JpZHMgPSB7XG4gICAgICAgIGdsb2JhbDogZ2xvYmFsR3JpZCB8fCB7fSxcbiAgICAgICAgdmlzaW9uOiBjcmVhdGVWaXNpb25HcmlkKHRoaXMuY29uZmlnKVxuICAgIH07XG5cbiAgICB0aGlzLmlkID0gUmFuZG9tLmlkKDYpO1xuXG4gICAgdGhpcy5ub2RlcyA9IHtcbiAgICAgICAgYm9keTogY3JlYXRlQm9keU5vZGUodGhpcy5jb25maWcpLFxuICAgICAgICBjaXJjbGU6IHVuZGVmaW5lZCxcbiAgICAgICAgY29udGFpbmVyOiBjcmVhdGVDb250YWluZXJOb2RlKHRoaXMuY29uZmlnLCB0aGlzLmlkKSxcbiAgICAgICAgcGFyZW50LFxuICAgICAgICB2aXNpb25HcmlkOiB1bmRlZmluZWQsXG4gICAgfTtcblxuICAgIHRoaXMubm9kZXMuY29udGFpbmVyLmFwcGVuZENoaWxkKHRoaXMubm9kZXMuYm9keSk7XG4gICAgcGFyZW50LmFwcGVuZENoaWxkKHRoaXMubm9kZXMuY29udGFpbmVyKTtcblxuICAgIHRoaXMubGVhZGVyID0gbnVsbDtcbiAgICB0aGlzLmlzTGVhZGVyID0gZmFsc2U7XG5cbiAgICB0aGlzLmFyYyA9IEFyYy5jcmVhdGUoYm91bmRzLCB0aGlzLmdyaWRzLmdsb2JhbCk7XG4gICAgdGhpcy51cGRhdGVDb25maWcodGhpcy5jb25maWcpO1xuICAgIHRoaXMubmV4dEZyYW1lKGdsb2JhbEdyaWQpO1xufTtcblxuLy8gPT09PT0gUFJPVE9UWVBFID09PT09XG5cblBhcnRpY2xlLnByb3RvdHlwZS5yZW1vdmUgPSBmdW5jdGlvbigpIHtcbiAgICB0aGlzLm5vZGVzLnBhcmVudC5yZW1vdmVDaGlsZCh0aGlzLm5vZGVzLmNvbnRhaW5lcik7XG4gICAgZGVsZXRlIHRoaXMubm9kZXM7XG4gICAgcmV0dXJuIHRoaXM7XG59XG5cblBhcnRpY2xlLnByb3RvdHlwZS5uZXh0RnJhbWUgPSBmdW5jdGlvbigpIHtcbiAgICB0aGlzLmFyYyA9IEFyYy5zdGVwKHRoaXMuYXJjLCB0aGlzLmNvbmZpZy5ib3VuZHMsIHRoaXMuY29uZmlnLnNwZWVkKTtcblxuICAgIGlmICh0aGlzLmxlYWRlciAhPT0gbnVsbCkge1xuICAgICAgICB0aGlzLmFyYyA9IEFyYy5mb2xsb3codGhpcy5hcmMsIHRoaXMubGVhZGVyLmFyYyk7XG4gICAgfSBlbHNlIGlmICh0aGlzLmFyYy5sZW5ndGggPD0gMCAmJiB0aGlzLmNvbmZpZy5yYW5kb21pemUpIHtcbiAgICAgICAgdGhpcy5hcmMgPSBBcmMucmFuZG9taXplKHRoaXMuYXJjKTtcbiAgICB9XG5cbiAgICB0aGlzLmdyaWRzLnZpc2lvbiA9IHVwZGF0ZVZpc2lvbkdyaWQodGhpcy5hcmMsIHRoaXMuY29uZmlnLCB0aGlzLmdyaWRzKTtcbiAgICBjb25zdCB7IGhhemFyZHMsIHBhcnRpY2xlcyB9ID0gbG9vayh0aGlzLmFyYywgdGhpcy5ncmlkcyk7XG5cbiAgICBpZiAoaGF6YXJkcy5sZW5ndGggPiAwKSB7XG4gICAgICAgIHRoaXMuYXJjID0gQXJjLmV2YWRlKHRoaXMuYXJjKTtcbiAgICB9XG5cbiAgICB0aGlzLnVwZGF0ZUxlYWRlcihwYXJ0aWNsZXMpO1xuXG4gICAgcmVwYWludENvbnRhaW5lcih0aGlzLm5vZGVzLmNvbnRhaW5lciwgdGhpcy5hcmMpO1xuICAgIHJlcGFpbnRCb2R5KHRoaXMubm9kZXMuYm9keSwgdGhpcy5hcmMsIHRoaXMuaXNMZWFkZXIpO1xuICAgIHJlcGFpbnRDaXJjbGUodGhpcy5ub2Rlcy5jaXJjbGUsIHRoaXMuYXJjKTtcbiAgICByZXBhaW50VmlzaW9uR3JpZCh0aGlzLm5vZGVzLnZpc2lvbkdyaWQsIHRoaXMuYXJjLCB0aGlzLmdyaWRzKTtcbn1cblxuUGFydGljbGUucHJvdG90eXBlLnVwZGF0ZUNvbmZpZyA9IGZ1bmN0aW9uKGNvbmZpZykge1xuICAgIE9iamVjdC5hc3NpZ24odGhpcy5jb25maWcsIGNvbmZpZyk7XG5cbiAgICBjb25zdCB7IHNob3dNb3ZlbWVudENpcmNsZSwgc2hvd1Zpc2lvbkdyaWQgfSA9IHRoaXMuY29uZmlnO1xuXG4gICAgaWYgKHNob3dNb3ZlbWVudENpcmNsZSA9PT0gdHJ1ZSAmJiB0aGlzLm5vZGVzLmNpcmNsZSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMubm9kZXMuY2lyY2xlID0gY3JlYXRlQ2lyY2xlTm9kZShjb25maWcpO1xuICAgICAgICB0aGlzLm5vZGVzLmNvbnRhaW5lci5hcHBlbmRDaGlsZCh0aGlzLm5vZGVzLmNpcmNsZSk7XG4gICAgfVxuXG4gICAgaWYgKHNob3dNb3ZlbWVudENpcmNsZSA9PT0gZmFsc2UgJiYgdGhpcy5ub2Rlcy5jaXJjbGUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLm5vZGVzLmNvbnRhaW5lci5yZW1vdmVDaGlsZCh0aGlzLm5vZGVzLmNpcmNsZSk7XG4gICAgICAgIGRlbGV0ZSB0aGlzLm5vZGVzLmNpcmNsZTtcbiAgICB9XG5cbiAgICBpZiAoc2hvd1Zpc2lvbkdyaWQgPT09IHRydWUgJiYgdGhpcy5ub2Rlcy52aXNpb25HcmlkID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhpcy5ub2Rlcy52aXNpb25HcmlkID0gY3JlYXRlVmlzaW9uR3JpZE5vZGVzKHRoaXMuY29uZmlnLCB0aGlzLmdyaWRzLCB0aGlzLm5vZGVzKTtcbiAgICB9XG5cbiAgICBpZiAoc2hvd1Zpc2lvbkdyaWQgPT09IGZhbHNlICYmIHRoaXMubm9kZXMudmlzaW9uR3JpZCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGRlbGV0ZSB0aGlzLm5vZGV4LnZpc2lvbkdyaWQ7XG4gICAgfVxufVxuXG5QYXJ0aWNsZS5wcm90b3R5cGUudXBkYXRlTGVhZGVyID0gZnVuY3Rpb24ocGFydGljbGVzKSB7XG4gICAgaWYgKHRoaXMuY29uZmlnLmJlaGF2aW9yICE9PSBCRUhBVklPUi5DT0hFU0lPTikge1xuICAgICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKHRoaXMubGVhZGVyID09PSBudWxsICYmIHBhcnRpY2xlcy5sZW5ndGggPiAwKSB7XG4gICAgICAgIC8vIEhlYWQtdG8taGVhZDogcGFydGljbGVzIHNlZSBlYWNob3RoZXIgYnV0IHNob3VsZG4ndCBib3RoIGxlYWQuXG4gICAgICAgIGNvbnN0IGNhbmRpZGF0ZXMgPSBwYXJ0aWNsZXNcbiAgICAgICAgICAgIC5maWx0ZXIodiA9PiB2LmxlYWRlciA/ICh2LmxlYWRlci5pZCAhPT0gdGhpcy5pZCkgOiB0cnVlKTtcblxuICAgICAgICBjb25zdCBsZWFkZXIgPSBjYW5kaWRhdGVzLmZpbmQodiA9PiB2LmlzTGVhZGVyKSB8fCBjYW5kaWRhdGVzWzBdO1xuXG4gICAgICAgIGlmIChsZWFkZXIgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgbGVhZGVyLmlzTGVhZGVyID0gdHJ1ZTtcbiAgICAgICAgICAgIHRoaXMubGVhZGVyID0gbGVhZGVyO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgaWYgKHRoaXMubGVhZGVyID09PSBudWxsKSB7XG4gICAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5sZWFkZXIubm9kZXMgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLmxlYWRlciA9IG51bGw7XG4gICAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5sZWFkZXIubGVhZGVyICE9PSBudWxsKSB7XG4gICAgICAgIHRoaXMubGVhZGVyID0gdGhpcy5sZWFkZXIubGVhZGVyO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmlzTGVhZGVyKSB7XG4gICAgICAgIHRoaXMuaXNMZWFkZXIgPSBmYWxzZTtcbiAgICB9XG5cbiAgICAvLyBCZXdhcmUgb2YgY2lyY3VsYXIgbGVhZGVyc2hpcCwgd2hlcmUgYSBsZWFkZXIgc2VlcyBpdHMgdGFpbC5cbiAgICBpZiAodGhpcy5sZWFkZXIuaWQgPT09IHRoaXMuaWQpIHtcbiAgICAgICAgdGhpcy5sZWFkZXIgPSBudWxsO1xuICAgIH1cbn1cblxuZnVuY3Rpb24gbG9vayhhcmMsIGdyaWRzKSB7XG4gICAgY29uc3QgeyBnbG9iYWwsIHZpc2lvbiB9ID0gZ3JpZHM7XG5cbiAgICByZXR1cm4gdmlzaW9uLnJlZHVjZSgoYWNjLCBwb2ludCkgPT4ge1xuICAgICAgICBjb25zdCB4ID0gYXJjLmVuZFggKyBwb2ludC54O1xuICAgICAgICBjb25zdCB5ID0gYXJjLmVuZFkgKyBwb2ludC55O1xuICAgICAgICBjb25zdCBwID0gZ2xvYmFsLmdldFBvaW50KHsgeCwgeSwgdHlwZTogRU5USVRJRVMuUEFSVElDTEUgfSk7XG5cbiAgICAgICAgaWYgKHApIHtcbiAgICAgICAgICAgIGFjYy5wYXJ0aWNsZXMucHVzaChwKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChnbG9iYWwuZ2V0UG9pbnQoeyB4LCB5LCB0eXBlOiBFTlRJVElFUy5IQVpBUkQgfSkpIHtcbiAgICAgICAgICAgIGFjYy5oYXphcmRzLnB1c2goeyB4LCB5IH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGFjYztcbiAgICB9LCB7IGhhemFyZHM6IFtdLCBwYXJ0aWNsZXM6IFtdIH0pO1xufVxuXG4vLyA9PT09PSBET00gQ1JFQVRJT04gPT09PT1cblxuZnVuY3Rpb24gY3JlYXRlQm9keU5vZGUoY29uZmlnKSB7XG4gICAgY29uc3Qgbm9kZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgIG5vZGUuY2xhc3NOYW1lID0gJ3BhcnRpY2xlLWJvZHknO1xuICAgIG5vZGUuc3R5bGUuYmFja2dyb3VuZENvbG9yID0gY29uZmlnLmNvbG9yO1xuICAgIHJldHVybiBub2RlO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVDaXJjbGVOb2RlKGNvbmZpZykge1xuICAgIGlmIChjb25maWcuc2hvd01vdmVtZW50Q2lyY2xlID09PSBmYWxzZSkge1xuICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cblxuICAgIGNvbnN0IG5vZGUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICBub2RlLmNsYXNzTmFtZSA9ICdwYXJ0aWNsZS1tb3ZlbWVudC1jaXJjbGUnO1xuICAgIG5vZGUuc3R5bGUuYm9yZGVyQ29sb3IgPSBjb25maWcuY29sb3I7XG4gICAgcmV0dXJuIG5vZGU7XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZUNvbnRhaW5lck5vZGUoY29uZmlnLCBpZCkge1xuICAgIGNvbnN0IG5vZGUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICBub2RlLmNsYXNzTmFtZSA9ICdwYXJ0aWNsZS1jb250YWluZXInO1xuICAgIG5vZGUuaWQgPSBpZDtcbiAgICByZXR1cm4gbm9kZTtcbn1cblxuZnVuY3Rpb24gY3JlYXRlVmlzaW9uR3JpZChjb25maWcpIHtcbiAgICBjb25zdCB7IGdyaWRTaXplOiBzaWRlLCB2aXNpb25SYWRpdXM6IHJhZGl1cyB9ID0gY29uZmlnO1xuICAgIGNvbnN0IHIwID0gcmFkaXVzO1xuICAgIGNvbnN0IHIxID0gNDU7XG5cbiAgICBjb25zdCBwb2ludHMgPSBbXTtcblxuICAgIGZvciAobGV0IHggPSAtcmFkaXVzOyB4IDw9IHJhZGl1czsgeCArPSBzaWRlKSB7XG4gICAgICAgIGZvciAobGV0IHkgPSAtcmFkaXVzOyB5IDw9IHJhZGl1czsgeSArPSBzaWRlKSB7XG4gICAgICAgICAgICAvLyBPbWl0IGxhcmdlIHNsaWNlcyBvZiB1bnVzZWQgY2lyY2xlXG4gICAgICAgICAgICBpZiAoeCA+IHkgfHwgeCA8IC15KSB7XG4gICAgICAgICAgICAgICAgY29udGludWU7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC8vIEluY2x1ZGUgdmlzaW9uIGJhbmRcbiAgICAgICAgICAgIGNvbnN0IHIgPSBNYXRoLnBvdyhNYXRoLnBvdyh4LCAyKSArIE1hdGgucG93KHksIDIpLCAwLjUpO1xuICAgICAgICAgICAgaWYgKHIgPiByMCB8fCByIDwgcjEpIHtcbiAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgbGV0IGFscGhhID0gTWF0aC5hdGFuKHkgLyB4KTtcbiAgICAgICAgICAgIGlmICh4IDwgMCkge1xuICAgICAgICAgICAgICAgIGFscGhhICs9IFJBRC50MTgwO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBwb2ludHMucHVzaCh7IHgsIHksIHIsIGFscGhhLCB0b3VjaDogZmFsc2UgfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gcG9pbnRzO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVWaXNpb25HcmlkTm9kZXMoY29uZmlnLCBncmlkcywgbm9kZXMpIHtcbiAgICBpZiAoY29uZmlnLnNob3dWaXNpb25HcmlkID09PSBmYWxzZSkge1xuICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cblxuICAgIHJldHVybiBncmlkcy52aXNpb24ucmVkdWNlKChhY2MsIHsgeCwgeSB9KSA9PiB7XG4gICAgICAgIGNvbnN0IGRpdiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgICAgICBkaXYuY2xhc3NOYW1lID0gJ3BhcnRpY2xlLXZpc2lvbi1kb3QnO1xuICAgICAgICBkaXYuc3R5bGUuYmFja2dyb3VuZENvbG9yID0gY29uZmlnLmNvbG9yO1xuICAgICAgICBub2Rlcy5jb250YWluZXIuYXBwZW5kQ2hpbGQoZGl2KTtcblxuICAgICAgICBhY2MucHVzaChkaXYpO1xuXG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwgW10pO1xufVxuXG5cbmZ1bmN0aW9uIHVwZGF0ZVZpc2lvbkdyaWQoYXJjLCBjb25maWcsIGdyaWRzKSB7XG4gICAgY29uc3QgeyBnbG9iYWwsIHZpc2lvbiB9ID0gZ3JpZHM7XG5cbiAgICByZXR1cm4gdmlzaW9uLnJlZHVjZSgoYWNjLCBwb2ludCkgPT4ge1xuICAgICAgICBjb25zdCByYWQgPSBhcmMuY2xvY2t3aXNlXG4gICAgICAgICAgICA/IHBvaW50LmFscGhhIC0gYXJjLnRoZXRhXG4gICAgICAgICAgICA6IHBvaW50LmFscGhhIC0gYXJjLnRoZXRhICsgUkFELnQxODA7XG5cbiAgICAgICAgcG9pbnQueCA9IHBvaW50LnIgKiBNYXRoLmNvcyhyYWQpO1xuICAgICAgICBwb2ludC55ID0gcG9pbnQuciAqIE1hdGguc2luKHJhZCk7XG5cbiAgICAgICAgcmV0dXJuIGFjYy5jb25jYXQocG9pbnQpO1xuICAgIH0sIFtdKTtcbn1cblxuLy8gPT09PT0gRE9NIFJFTkRFUklORyA9PT09PVxuZnVuY3Rpb24gcmVwYWludENvbnRhaW5lcihub2RlLCBhcmMpIHtcbiAgICBub2RlLnN0eWxlLmxlZnQgPSBgJHthcmMuZW5kWH1weGA7XG4gICAgbm9kZS5zdHlsZS50b3AgPSBgJHthcmMuZW5kWX1weGA7XG59XG5cbmZ1bmN0aW9uIHJlcGFpbnRCb2R5KG5vZGUsIGFyYywgaXNMZWFkZXIpIHtcbiAgICBjb25zdCByYWQgPSBhcmMuY2xvY2t3aXNlXG4gICAgICAgID8gUkFELnQxODAgLSBhcmMudGhldGFcbiAgICAgICAgOiBSQUQudDM2MCAtIGFyYy50aGV0YTtcblxuICAgIG5vZGUuc3R5bGUudHJhbnNmb3JtID0gYHJvdGF0ZSgke3JhZCArIFJBRC50NDV9cmFkKWA7XG5cbiAgICBpc0xlYWRlciA/IG5vZGUuc3R5bGUub3V0bGluZSA9ICcxcHggc29saWQgcmVkJyA6IG5vZGUuc3R5bGUub3V0bGluZSA9ICcnO1xufVxuXG5mdW5jdGlvbiByZXBhaW50Q2lyY2xlKG5vZGUsIGFyYykge1xuICAgIGlmIChub2RlID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIG5vZGUuc3R5bGUud2lkdGggPSBgJHsyICogYXJjLnJhZGl1c31weGA7XG4gICAgbm9kZS5zdHlsZS5oZWlnaHQgPSBgJHsyICogYXJjLnJhZGl1c31weGA7XG5cbiAgICBub2RlLnN0eWxlLmxlZnQgPSBgLSR7YXJjLnJhZGl1cyArIGFyYy5yYWRpdXMgKiBhcmMuY29zVGhldGF9cHhgO1xuICAgIG5vZGUuc3R5bGUudG9wID0gYC0ke2FyYy5yYWRpdXMgLSBhcmMucmFkaXVzICogYXJjLnNpblRoZXRhfXB4YDtcblxuICAgIG5vZGUuc3R5bGUuYm9yZGVyUmFkaXVzID0gYCR7YXJjLnJhZGl1c31weGA7XG59XG5cbmZ1bmN0aW9uIHJlcGFpbnRWaXNpb25HcmlkKG5vZGVzLCBhcmMsIGdyaWRzKSB7XG4gICAgaWYgKG5vZGVzID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGdyaWRzLnZpc2lvbi5mb3JFYWNoKCh7IHgsIHksIHRvdWNoIH0sIGkpID0+IHtcbiAgICAgICAgbm9kZXNbaV0uc3R5bGUubGVmdCA9IGAke3h9cHhgO1xuICAgICAgICBub2Rlc1tpXS5zdHlsZS50b3AgPSBgJHt5fXB4YDtcblxuICAgICAgICBub2Rlc1tpXS5zdHlsZS5ib3JkZXIgPSAodG91Y2ggPyAnMnB4IHNvbGlkIHJlZCcgOiAnMCcpO1xuICAgIH0pO1xufVxuXG5leHBvcnQgZGVmYXVsdCBQYXJ0aWNsZTtcblxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyBqcy9wYXJ0aWNsZS5qcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTtBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7Ozs7O0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFUQTtBQUNBO0FBV0E7QUFDQTtBQUNBO0FBRkE7QUFDQTtBQUlBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFMQTtBQUNBO0FBT0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBVkE7QUFBQTtBQUFBO0FBQ0E7QUFXQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFGQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0="); /***/ }), /* 20 */ @@ -932,20 +932,31 @@ eval("var g;\r\n\r\n// This works in non-strict mode\r\ng = (function() {\r\n\tr /***/ }), /* 73 */, /* 74 */, -/* 75 */, -/* 76 */, -/* 77 */ +/* 75 */ /* unknown exports provided */ /* all exports used */ /*!***************************!*\ - !*** ./js/animation3a.js ***! + !*** ./js/animation2a.js ***! \***************************/ /***/ (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: 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="); +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _rxjs = __webpack_require__(/*! rxjs */ 13);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _particle = __webpack_require__(/*! ./particle */ 19);\n\nvar _particle2 = _interopRequireDefault(_particle);\n\nvar _grid = __webpack_require__(/*! ./grid */ 359);\n\nvar _grid2 = _interopRequireDefault(_grid);\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 Animation2a() {\n this.options = {\n count: 3,\n maxCount: 10,\n showVisionGrid: true,\n speed: 4\n };\n\n this.container = document.getElementById('animation2a');\n this.particles = [];\n this.grid = createGlobalGrid(this.container, this.bounds);\n\n var controls = new _controls2.default(document.getElementById('controls2a'), 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\nAnimation2a.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\nAnimation2a.prototype.nextFrame = function () {\n this.particles.forEach(function (p) {\n return p.nextFrame();\n });\n};\n\nAnimation2a.prototype.updateAnimating = function (isAnimating) {\n var _this = this;\n\n this.options.animating = isAnimating;\n\n if (isAnimating) {\n var fps$ = _rxjs2.default.Observable.interval(1000 / 32).takeWhile(function (_) {\n return _this.options.animating;\n });\n\n fps$.subscribe(this.nextFrame.bind(this));\n }\n};\n\nAnimation2a.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.grid);\n this.particles.push(p);\n }\n};\n\nAnimation2a.prototype.updateSpeed = function (value) {\n this.options.speed = value;\n this.particles.forEach(function (p) {\n return p.updateConfig({ speed: value });\n });\n};\n\nfunction createGlobalGrid(container, bounds) {\n var grid = new _grid2.default();\n\n grid.setArea({ x: 100, y: 100, w: 200, h: 200, type: _enums.ENTITIES.HAZARD }, container);\n grid.setArea({ x: 600, y: 200, w: 200, h: 200, type: _enums.ENTITIES.HAZARD }, container);\n\n return grid;\n}\n\nexports.default = Animation2a;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNzUuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvYW5pbWF0aW9uMmEuanM/YzJmNyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IFBhcnRpY2xlIGZyb20gJy4vcGFydGljbGUnO1xuaW1wb3J0IEdyaWQgZnJvbSAnLi9ncmlkJztcbmltcG9ydCBDb250cm9scyBmcm9tICcuL2NvbnRyb2xzJztcbmltcG9ydCB7IENPTlRST0xTLCBFTlRJVElFUyB9IGZyb20gJy4vZW51bXMnO1xuXG5mdW5jdGlvbiBBbmltYXRpb24yYSgpIHtcbiAgICB0aGlzLm9wdGlvbnMgPSB7XG4gICAgICAgIGNvdW50OiAzLFxuICAgICAgICBtYXhDb3VudDogMTAsXG4gICAgICAgIHNob3dWaXNpb25HcmlkOiB0cnVlLFxuICAgICAgICBzcGVlZDogNFxuICAgIH07XG5cbiAgICB0aGlzLmNvbnRhaW5lciA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdhbmltYXRpb24yYScpO1xuICAgIHRoaXMucGFydGljbGVzID0gW107XG4gICAgdGhpcy5ncmlkID0gY3JlYXRlR2xvYmFsR3JpZCh0aGlzLmNvbnRhaW5lciwgdGhpcy5ib3VuZHMpO1xuXG4gICAgY29uc3QgY29udHJvbHMgPSBuZXcgQ29udHJvbHMoXG4gICAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdjb250cm9sczJhJyksXG4gICAgICAgIHRoaXMub3B0aW9uc1xuICAgICk7XG5cbiAgICBjb250cm9scy5tb3VudCgpLnN1YnNjcmliZSh0aGlzLnN1YnNjcmliZXIuYmluZCh0aGlzKSk7XG5cbiAgICB0aGlzLnVwZGF0ZUFuaW1hdGluZyh0aGlzLm9wdGlvbnMuYW5pbWF0aW5nKTtcbiAgICB0aGlzLnVwZGF0ZUNvdW50KHRoaXMub3B0aW9ucy5jb3VudCk7XG59O1xuXG5BbmltYXRpb24yYS5wcm90b3R5cGUuc3Vic2NyaWJlciA9IGZ1bmN0aW9uKHsga2V5LCB2YWx1ZSB9KSB7XG4gICAgc3dpdGNoKGtleSkge1xuICAgICAgICBjYXNlIENPTlRST0xTLkFOSU1BVElORzogdGhpcy51cGRhdGVBbmltYXRpbmcodmFsdWUpOyBicmVhaztcbiAgICAgICAgY2FzZSBDT05UUk9MUy5DT1VOVDogdGhpcy51cGRhdGVDb3VudCh2YWx1ZSk7IGJyZWFrO1xuICAgICAgICBjYXNlIENPTlRST0xTLlNQRUVEOiB0aGlzLnVwZGF0ZVNwZWVkKHZhbHVlKTsgYnJlYWs7XG4gICAgfVxufVxuXG5BbmltYXRpb24yYS5wcm90b3R5cGUubmV4dEZyYW1lID0gZnVuY3Rpb24oKSB7XG4gICAgdGhpcy5wYXJ0aWNsZXMuZm9yRWFjaChwID0+IHAubmV4dEZyYW1lKCkpO1xufVxuXG5BbmltYXRpb24yYS5wcm90b3R5cGUudXBkYXRlQW5pbWF0aW5nID0gZnVuY3Rpb24oaXNBbmltYXRpbmcpIHtcbiAgICB0aGlzLm9wdGlvbnMuYW5pbWF0aW5nID0gaXNBbmltYXRpbmc7XG5cbiAgICBpZiAoaXNBbmltYXRpbmcpIHtcbiAgICAgICAgY29uc3QgZnBzJCA9IFJ4Lk9ic2VydmFibGUuaW50ZXJ2YWwoMTAwMCAvIDMyKVxuICAgICAgICAgICAgLnRha2VXaGlsZShfID0+IHRoaXMub3B0aW9ucy5hbmltYXRpbmcpO1xuXG4gICAgICAgIGZwcyQuc3Vic2NyaWJlKHRoaXMubmV4dEZyYW1lLmJpbmQodGhpcykpO1xuICAgIH1cbn1cblxuQW5pbWF0aW9uMmEucHJvdG90eXBlLnVwZGF0ZUNvdW50ID0gZnVuY3Rpb24oY291bnQpIHtcbiAgICBjb25zdCBib3VuZHMgPSB0aGlzLmNvbnRhaW5lci5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcblxuICAgIHdoaWxlICh0aGlzLnBhcnRpY2xlcy5sZW5ndGggPiBjb3VudCkge1xuICAgICAgICBkZWxldGUgdGhpcy5wYXJ0aWNsZXMucG9wKCkucmVtb3ZlKCk7XG4gICAgfVxuXG4gICAgd2hpbGUgKHRoaXMucGFydGljbGVzLmxlbmd0aCA8IGNvdW50KSB7XG4gICAgICAgIGNvbnN0IHAgPSBuZXcgUGFydGljbGUodGhpcy5jb250YWluZXIsIGJvdW5kcywgdGhpcy5vcHRpb25zLCB0aGlzLmdyaWQpO1xuICAgICAgICB0aGlzLnBhcnRpY2xlcy5wdXNoKHApO1xuICAgIH1cbn1cblxuQW5pbWF0aW9uMmEucHJvdG90eXBlLnVwZGF0ZVNwZWVkID0gZnVuY3Rpb24odmFsdWUpIHtcbiAgICB0aGlzLm9wdGlvbnMuc3BlZWQgPSB2YWx1ZTtcbiAgICB0aGlzLnBhcnRpY2xlcy5mb3JFYWNoKHAgPT4gcC51cGRhdGVDb25maWcoeyBzcGVlZDogdmFsdWUgfSkpO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVHbG9iYWxHcmlkKGNvbnRhaW5lciwgYm91bmRzKSB7XG4gICAgY29uc3QgZ3JpZCA9IG5ldyBHcmlkKCk7XG5cbiAgICBncmlkLnNldEFyZWEoeyB4OiAxMDAsIHk6IDEwMCwgdzogMjAwLCBoOiAyMDAsIHR5cGU6IEVOVElUSUVTLkhBWkFSRCB9LCBjb250YWluZXIpO1xuICAgIGdyaWQuc2V0QXJlYSh7IHg6IDYwMCwgeTogMjAwLCB3OiAyMDAsIGg6IDIwMCwgdHlwZTogRU5USVRJRVMuSEFaQVJEIH0sIGNvbnRhaW5lcik7XG5cbiAgICByZXR1cm4gZ3JpZDtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQW5pbWF0aW9uMmE7XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8ganMvYW5pbWF0aW9uMmEuanMiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUpBO0FBQ0E7QUFNQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFJQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBSEE7QUFLQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ=="); /***/ }), +/* 76 */ +/* unknown exports provided */ +/* all exports used */ +/*!***************************!*\ + !*** ./js/animation2b.js ***! + \***************************/ +/***/ (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 _particle = __webpack_require__(/*! ./particle */ 19);\n\nvar _particle2 = _interopRequireDefault(_particle);\n\nvar _grid = __webpack_require__(/*! ./grid */ 359);\n\nvar _grid2 = _interopRequireDefault(_grid);\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 Animation2b() {\n this.options = {\n count: 1,\n maxCount: 1000,\n speed: 4\n };\n\n this.container = document.getElementById('animation2b');\n this.particles = [];\n this.grid = createGlobalGrid(this.container, this.bounds);\n\n var controls = new _controls2.default(document.getElementById('controls2b'), 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\nAnimation2b.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\nAnimation2b.prototype.nextFrame = function () {\n this.particles.forEach(function (p) {\n return p.nextFrame();\n });\n};\n\nAnimation2b.prototype.updateAnimating = function (isAnimating) {\n var _this = this;\n\n this.options.animating = isAnimating;\n\n if (isAnimating) {\n var fps$ = _rxjs2.default.Observable.interval(1000 / 32).takeWhile(function (_) {\n return _this.options.animating;\n });\n\n fps$.subscribe(this.nextFrame.bind(this));\n }\n};\n\nAnimation2b.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.grid);\n this.particles.push(p);\n }\n};\n\nAnimation2b.prototype.updateSpeed = function (value) {\n this.options.speed = value;\n this.particles.forEach(function (p) {\n return p.updateConfig({ speed: value });\n });\n};\n\nfunction createGlobalGrid(container, bounds) {\n var grid = new _grid2.default();\n\n grid.setArea({ x: 100, y: 100, w: 200, h: 200, type: _enums.ENTITIES.HAZARD }, container);\n grid.setArea({ x: 600, y: 200, w: 200, h: 200, type: _enums.ENTITIES.HAZARD }, container);\n\n return grid;\n}\n\nexports.default = Animation2b;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNzYuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvYW5pbWF0aW9uMmIuanM/NWYyMiJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IFBhcnRpY2xlIGZyb20gJy4vcGFydGljbGUnO1xuaW1wb3J0IEdyaWQgZnJvbSAnLi9ncmlkJztcbmltcG9ydCBDb250cm9scyBmcm9tICcuL2NvbnRyb2xzJztcbmltcG9ydCB7IENPTlRST0xTLCBFTlRJVElFUyB9IGZyb20gJy4vZW51bXMnO1xuXG5mdW5jdGlvbiBBbmltYXRpb24yYigpIHtcbiAgICB0aGlzLm9wdGlvbnMgPSB7XG4gICAgICAgIGNvdW50OiAxLFxuICAgICAgICBtYXhDb3VudDogMTAwMCxcbiAgICAgICAgc3BlZWQ6IDRcbiAgICB9O1xuXG4gICAgdGhpcy5jb250YWluZXIgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnYW5pbWF0aW9uMmInKTtcbiAgICB0aGlzLnBhcnRpY2xlcyA9IFtdO1xuICAgIHRoaXMuZ3JpZCA9IGNyZWF0ZUdsb2JhbEdyaWQodGhpcy5jb250YWluZXIsIHRoaXMuYm91bmRzKTtcblxuICAgIGNvbnN0IGNvbnRyb2xzID0gbmV3IENvbnRyb2xzKFxuICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnY29udHJvbHMyYicpLFxuICAgICAgICB0aGlzLm9wdGlvbnNcbiAgICApO1xuXG4gICAgY29udHJvbHMubW91bnQoKS5zdWJzY3JpYmUodGhpcy5zdWJzY3JpYmVyLmJpbmQodGhpcykpO1xuXG4gICAgdGhpcy51cGRhdGVBbmltYXRpbmcodGhpcy5vcHRpb25zLmFuaW1hdGluZyk7XG4gICAgdGhpcy51cGRhdGVDb3VudCh0aGlzLm9wdGlvbnMuY291bnQpO1xufTtcblxuQW5pbWF0aW9uMmIucHJvdG90eXBlLnN1YnNjcmliZXIgPSBmdW5jdGlvbih7IGtleSwgdmFsdWUgfSkge1xuICAgIHN3aXRjaChrZXkpIHtcbiAgICAgICAgY2FzZSBDT05UUk9MUy5BTklNQVRJTkc6IHRoaXMudXBkYXRlQW5pbWF0aW5nKHZhbHVlKTsgYnJlYWs7XG4gICAgICAgIGNhc2UgQ09OVFJPTFMuQ09VTlQ6IHRoaXMudXBkYXRlQ291bnQodmFsdWUpOyBicmVhaztcbiAgICAgICAgY2FzZSBDT05UUk9MUy5TUEVFRDogdGhpcy51cGRhdGVTcGVlZCh2YWx1ZSk7IGJyZWFrO1xuICAgIH1cbn1cblxuQW5pbWF0aW9uMmIucHJvdG90eXBlLm5leHRGcmFtZSA9IGZ1bmN0aW9uKCkge1xuICAgIHRoaXMucGFydGljbGVzLmZvckVhY2gocCA9PiBwLm5leHRGcmFtZSgpKTtcbn1cblxuQW5pbWF0aW9uMmIucHJvdG90eXBlLnVwZGF0ZUFuaW1hdGluZyA9IGZ1bmN0aW9uKGlzQW5pbWF0aW5nKSB7XG4gICAgdGhpcy5vcHRpb25zLmFuaW1hdGluZyA9IGlzQW5pbWF0aW5nO1xuXG4gICAgaWYgKGlzQW5pbWF0aW5nKSB7XG4gICAgICAgIGNvbnN0IGZwcyQgPSBSeC5PYnNlcnZhYmxlLmludGVydmFsKDEwMDAgLyAzMilcbiAgICAgICAgICAgIC50YWtlV2hpbGUoXyA9PiB0aGlzLm9wdGlvbnMuYW5pbWF0aW5nKTtcblxuICAgICAgICBmcHMkLnN1YnNjcmliZSh0aGlzLm5leHRGcmFtZS5iaW5kKHRoaXMpKTtcbiAgICB9XG59XG5cbkFuaW1hdGlvbjJiLnByb3RvdHlwZS51cGRhdGVDb3VudCA9IGZ1bmN0aW9uKGNvdW50KSB7XG4gICAgY29uc3QgYm91bmRzID0gdGhpcy5jb250YWluZXIuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG5cbiAgICB3aGlsZSAodGhpcy5wYXJ0aWNsZXMubGVuZ3RoID4gY291bnQpIHtcbiAgICAgICAgZGVsZXRlIHRoaXMucGFydGljbGVzLnBvcCgpLnJlbW92ZSgpO1xuICAgIH1cblxuICAgIHdoaWxlICh0aGlzLnBhcnRpY2xlcy5sZW5ndGggPCBjb3VudCkge1xuICAgICAgICBjb25zdCBwID0gbmV3IFBhcnRpY2xlKHRoaXMuY29udGFpbmVyLCBib3VuZHMsIHRoaXMub3B0aW9ucywgdGhpcy5ncmlkKTtcbiAgICAgICAgdGhpcy5wYXJ0aWNsZXMucHVzaChwKTtcbiAgICB9XG59XG5cbkFuaW1hdGlvbjJiLnByb3RvdHlwZS51cGRhdGVTcGVlZCA9IGZ1bmN0aW9uKHZhbHVlKSB7XG4gICAgdGhpcy5vcHRpb25zLnNwZWVkID0gdmFsdWU7XG4gICAgdGhpcy5wYXJ0aWNsZXMuZm9yRWFjaChwID0+IHAudXBkYXRlQ29uZmlnKHsgc3BlZWQ6IHZhbHVlIH0pKTtcbn1cblxuZnVuY3Rpb24gY3JlYXRlR2xvYmFsR3JpZChjb250YWluZXIsIGJvdW5kcykge1xuICAgIGNvbnN0IGdyaWQgPSBuZXcgR3JpZCgpO1xuXG4gICAgZ3JpZC5zZXRBcmVhKHsgeDogMTAwLCB5OiAxMDAsIHc6IDIwMCwgaDogMjAwLCB0eXBlOiBFTlRJVElFUy5IQVpBUkQgfSwgY29udGFpbmVyKTtcbiAgICBncmlkLnNldEFyZWEoeyB4OiA2MDAsIHk6IDIwMCwgdzogMjAwLCBoOiAyMDAsIHR5cGU6IEVOVElUSUVTLkhBWkFSRCB9LCBjb250YWluZXIpO1xuXG4gICAgcmV0dXJuIGdyaWQ7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEFuaW1hdGlvbjJiO1xuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIGpzL2FuaW1hdGlvbjJiLmpzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFDQTtBQUtBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUlBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFIQTtBQUtBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9"); + +/***/ }), +/* 77 */, /* 78 */ /* unknown exports provided */ /* all exports used */ @@ -999,7 +1010,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();\n\nwindow.addEventListener('load', function () {\n new _animation3a2.default();\n});//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiODIuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvaW5kZXguanM/NDJmNiJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IENvbnRyb2xzIGZyb20gJy4vY29udHJvbHMnO1xuLy8gaW1wb3J0IEFuaW1hdGlvbjFhIGZyb20gJy4vYW5pbWF0aW9uMWEnO1xuLy8gaW1wb3J0IEFuaW1hdGlvbjFiIGZyb20gJy4vYW5pbWF0aW9uMWInO1xuLy8gaW1wb3J0IEFuaW1hdGlvbjJhIGZyb20gJy4vYW5pbWF0aW9uMmEnO1xuLy8gaW1wb3J0IEFuaW1hdGlvbjJiIGZyb20gJy4vYW5pbWF0aW9uMmInO1xuaW1wb3J0IEFuaW1hdGlvbjNhIGZyb20gJy4vYW5pbWF0aW9uM2EnO1xuXG5yZXF1aXJlKCcuLi9jc3MvcmVzZXQuc2NzcycpO1xucmVxdWlyZSgnLi4vY3NzL2luZGV4LnNjc3MnKTtcbnJlcXVpcmUoJy4uL2Nzcy9wYXJ0aWNsZS5zY3NzJyk7XG5yZXF1aXJlKCcuLi9jc3MvY29udHJvbHMuc2NzcycpO1xuXG4vLyBuZXcgQW5pbWF0aW9uMWEoKTtcbi8vIG5ldyBBbmltYXRpb24xYigpO1xuLy8gbmV3IEFuaW1hdGlvbjJhKCk7XG4vLyBuZXcgQW5pbWF0aW9uMmIoKTtcblxud2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2xvYWQnLCAoKSA9PiB7XG4gICAgbmV3IEFuaW1hdGlvbjNhKCk7XG59KTtcblxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyBqcy9pbmRleC5qcyJdLCJtYXBwaW5ncyI6Ijs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFJQTtBQUNBOzs7OztBQUNBO0FBTkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ=="); +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 _animation2a = __webpack_require__(/*! ./animation2a */ 75);\n\nvar _animation2a2 = _interopRequireDefault(_animation2a);\n\nvar _animation2b = __webpack_require__(/*! ./animation2b */ 76);\n\nvar _animation2b2 = _interopRequireDefault(_animation2b);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n// import Animation3a from './animation3a';\n\n// import Animation1a from './animation1a';\n// import Animation1b from './animation1b';\n__webpack_require__(/*! ../css/reset.scss */ 81);\n__webpack_require__(/*! ../css/index.scss */ 79);\n__webpack_require__(/*! ../css/particle.scss */ 80);\n__webpack_require__(/*! ../css/controls.scss */ 78);\n\nwindow.addEventListener('load', function () {\n // new Animation1a();\n // new Animation1b();\n new _animation2a2.default();\n new _animation2b2.default();\n // new Animation3a();\n});//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiODIuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvaW5kZXguanM/NDJmNiJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IENvbnRyb2xzIGZyb20gJy4vY29udHJvbHMnO1xuLy8gaW1wb3J0IEFuaW1hdGlvbjFhIGZyb20gJy4vYW5pbWF0aW9uMWEnO1xuLy8gaW1wb3J0IEFuaW1hdGlvbjFiIGZyb20gJy4vYW5pbWF0aW9uMWInO1xuaW1wb3J0IEFuaW1hdGlvbjJhIGZyb20gJy4vYW5pbWF0aW9uMmEnO1xuaW1wb3J0IEFuaW1hdGlvbjJiIGZyb20gJy4vYW5pbWF0aW9uMmInO1xuLy8gaW1wb3J0IEFuaW1hdGlvbjNhIGZyb20gJy4vYW5pbWF0aW9uM2EnO1xuXG5yZXF1aXJlKCcuLi9jc3MvcmVzZXQuc2NzcycpO1xucmVxdWlyZSgnLi4vY3NzL2luZGV4LnNjc3MnKTtcbnJlcXVpcmUoJy4uL2Nzcy9wYXJ0aWNsZS5zY3NzJyk7XG5yZXF1aXJlKCcuLi9jc3MvY29udHJvbHMuc2NzcycpO1xuXG53aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignbG9hZCcsICgpID0+IHtcbiAgICAvLyBuZXcgQW5pbWF0aW9uMWEoKTtcbiAgICAvLyBuZXcgQW5pbWF0aW9uMWIoKTtcbiAgICBuZXcgQW5pbWF0aW9uMmEoKTtcbiAgICBuZXcgQW5pbWF0aW9uMmIoKTtcbiAgICAvLyBuZXcgQW5pbWF0aW9uM2EoKTtcbn0pO1xuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIGpzL2luZGV4LmpzIl0sIm1hcHBpbmdzIjoiOztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUVBO0FBQ0E7OztBQUFBO0FBQ0E7Ozs7O0FBQUE7QUFDQTtBQUxBO0FBQ0E7QUFLQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0="); /***/ }), /* 83 */ @@ -4321,7 +4332,7 @@ eval("/* WEBPACK VAR INJECTION */(function(global, process) {(function (global, /***/ (function(module, exports, __webpack_require__) { "use strict"; -eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = Grid;\nfunction getKey(_ref) {\n var x = _ref.x,\n y = _ref.y,\n type = _ref.type;\n\n var gridX = x - x % 5;\n var gridY = y - y % 5;\n\n return gridX + \"-\" + gridY;\n}\n\nfunction Grid() {\n this.points = {};\n this.gridSize = 5;\n};\n\nGrid.prototype.setPoint = function (_ref2, detail) {\n var x = _ref2.x,\n y = _ref2.y,\n type = _ref2.type;\n\n this.points[getKey({ x: x, y: y, type: type })] = detail;\n};\n\nGrid.prototype.getPoint = function (_ref3) {\n var x = _ref3.x,\n y = _ref3.y,\n type = _ref3.type;\n\n return this.points[getKey({ x: x, y: y, type: type })];\n};\n\nGrid.prototype.deletePoint = function (_ref4) {\n var x = _ref4.x,\n y = _ref4.y,\n type = _ref4.type;\n\n delete this.points[getKey({ x: x, y: y, type: type })];\n};\n\n// Grid.prototype.setArea = function({ x, y, w, h, type }) {\n// for (let i = x; i <= (x + w); i += this.gridSize) {\n// for (let j = y; j <= (y + h); j += this.gridSize) {\n// this.setPoint({ x: i, y: j, type });\n// }\n// }\n// };\n\n// const Store = function(initialProps) {\n// this.state = Object.freeze(initialProps);\n// }\n//\n// Store.prototype.set = function(props) {\n// this.state = Object.freeze(Object.assign({}, this.state, props));\n// return this.state;\n// };\n//\n// Store.prototype.get = function() {\n// return this.state;\n// }\n//\n// export default Store;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzU5LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2pzL2dyaWQuanM/ZTI2YyJdLCJzb3VyY2VzQ29udGVudCI6WyJmdW5jdGlvbiBnZXRLZXkoeyB4LCB5LCB0eXBlIH0pIHtcbiAgICBjb25zdCBncmlkWCA9IHggLSB4ICUgNTtcbiAgICBjb25zdCBncmlkWSA9IHkgLSB5ICUgNTtcblxuICAgIHJldHVybiBgJHtncmlkWH0tJHtncmlkWX1gO1xufVxuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBHcmlkKCkge1xuICAgIHRoaXMucG9pbnRzID0ge307XG4gICAgdGhpcy5ncmlkU2l6ZSA9IDU7XG59O1xuXG5HcmlkLnByb3RvdHlwZS5zZXRQb2ludCA9IGZ1bmN0aW9uKHsgeCwgeSwgdHlwZSB9LCBkZXRhaWwpIHtcbiAgICB0aGlzLnBvaW50c1tnZXRLZXkoeyB4LCB5LCB0eXBlIH0pXSA9IGRldGFpbDtcbn07XG5cbkdyaWQucHJvdG90eXBlLmdldFBvaW50ID0gZnVuY3Rpb24oeyB4LCB5LCB0eXBlIH0pIHtcbiAgICByZXR1cm4gdGhpcy5wb2ludHNbZ2V0S2V5KHsgeCwgeSwgdHlwZSB9KV07XG59XG5cbkdyaWQucHJvdG90eXBlLmRlbGV0ZVBvaW50ID0gZnVuY3Rpb24oeyB4LCB5LCB0eXBlIH0pIHtcbiAgICBkZWxldGUgdGhpcy5wb2ludHNbZ2V0S2V5KHsgeCwgeSwgdHlwZSB9KV07XG59O1xuXG4vLyBHcmlkLnByb3RvdHlwZS5zZXRBcmVhID0gZnVuY3Rpb24oeyB4LCB5LCB3LCBoLCB0eXBlIH0pIHtcbi8vICAgICBmb3IgKGxldCBpID0geDsgaSA8PSAoeCArIHcpOyBpICs9IHRoaXMuZ3JpZFNpemUpIHtcbi8vICAgICAgICAgZm9yIChsZXQgaiA9IHk7IGogPD0gKHkgKyBoKTsgaiArPSB0aGlzLmdyaWRTaXplKSB7XG4vLyAgICAgICAgICAgICB0aGlzLnNldFBvaW50KHsgeDogaSwgeTogaiwgdHlwZSB9KTtcbi8vICAgICAgICAgfVxuLy8gICAgIH1cbi8vIH07XG5cbi8vIGNvbnN0IFN0b3JlID0gZnVuY3Rpb24oaW5pdGlhbFByb3BzKSB7XG4vLyAgICAgdGhpcy5zdGF0ZSA9IE9iamVjdC5mcmVlemUoaW5pdGlhbFByb3BzKTtcbi8vIH1cbi8vXG4vLyBTdG9yZS5wcm90b3R5cGUuc2V0ID0gZnVuY3Rpb24ocHJvcHMpIHtcbi8vICAgICB0aGlzLnN0YXRlID0gT2JqZWN0LmZyZWV6ZShPYmplY3QuYXNzaWduKHt9LCB0aGlzLnN0YXRlLCBwcm9wcykpO1xuLy8gICAgIHJldHVybiB0aGlzLnN0YXRlO1xuLy8gfTtcbi8vXG4vLyBTdG9yZS5wcm90b3R5cGUuZ2V0ID0gZnVuY3Rpb24oKSB7XG4vLyAgICAgcmV0dXJuIHRoaXMuc3RhdGU7XG4vLyB9XG4vL1xuLy8gZXhwb3J0IGRlZmF1bHQgU3RvcmU7XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8ganMvZ3JpZC5qcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFPQTtBQVBBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0="); +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = Grid;\nfunction Grid() {\n this.points = {};\n this.gridSize = 5;\n};\n\nGrid.prototype.getKey = function (_ref) {\n var x = _ref.x,\n y = _ref.y,\n type = _ref.type;\n\n var gridX = x - x % this.gridSize;\n var gridY = y - y % this.gridSize;\n\n return gridX + '-' + gridY + '-' + type;\n};\n\nGrid.prototype.setPoint = function (_ref2, value) {\n var x = _ref2.x,\n y = _ref2.y,\n type = _ref2.type;\n\n this.points[this.getKey({ x: x, y: y, type: type })] = value;\n};\n\nGrid.prototype.getPoint = function (_ref3) {\n var x = _ref3.x,\n y = _ref3.y,\n type = _ref3.type;\n\n return this.points[this.getKey({ x: x, y: y, type: type })];\n};\n\nGrid.prototype.deletePoint = function (_ref4) {\n var x = _ref4.x,\n y = _ref4.y,\n type = _ref4.type;\n\n delete this.points[this.getKey({ x: x, y: y, type: type })];\n};\n\nGrid.prototype.setArea = function (_ref5, container) {\n var x = _ref5.x,\n y = _ref5.y,\n w = _ref5.w,\n h = _ref5.h,\n type = _ref5.type;\n\n for (var i = x; i <= x + w; i += this.gridSize) {\n for (var j = y; j <= y + h; j += this.gridSize) {\n this.setPoint({ x: i, y: j, type: type }, true);\n }\n }\n\n var div = document.createElement('div');\n div.className = 'hazard';\n div.style.left = x + 'px';\n div.style.top = y + 'px';\n div.style.height = h + 'px';\n div.style.width = w + 'px';\n container.appendChild(div);\n\n for (var _i = x; _i <= x + w; _i += this.gridSize) {\n for (var _j = y; _j <= y + h; _j += this.gridSize) {\n var dot = document.createElement('dot');\n dot.className = 'hazard-dot';\n dot.style.left = _i - x + 'px';\n dot.style.top = _j - y + 'px';\n div.appendChild(dot);\n }\n }\n};//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzU5LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2pzL2dyaWQuanM/ZTI2YyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBHcmlkKCkge1xuICAgIHRoaXMucG9pbnRzID0ge307XG4gICAgdGhpcy5ncmlkU2l6ZSA9IDU7XG59O1xuXG5HcmlkLnByb3RvdHlwZS5nZXRLZXkgPSBmdW5jdGlvbih7IHgsIHksIHR5cGUgfSkge1xuICAgIGNvbnN0IGdyaWRYID0geCAtIHggJSB0aGlzLmdyaWRTaXplO1xuICAgIGNvbnN0IGdyaWRZID0geSAtIHkgJSB0aGlzLmdyaWRTaXplO1xuXG4gICAgcmV0dXJuIGAke2dyaWRYfS0ke2dyaWRZfS0ke3R5cGV9YDtcbn1cblxuR3JpZC5wcm90b3R5cGUuc2V0UG9pbnQgPSBmdW5jdGlvbih7IHgsIHksIHR5cGUgfSwgdmFsdWUpIHtcbiAgICB0aGlzLnBvaW50c1t0aGlzLmdldEtleSh7IHgsIHksIHR5cGUgfSldID0gdmFsdWU7XG59O1xuXG5HcmlkLnByb3RvdHlwZS5nZXRQb2ludCA9IGZ1bmN0aW9uKHsgeCwgeSwgdHlwZSB9KSB7XG4gICAgcmV0dXJuIHRoaXMucG9pbnRzW3RoaXMuZ2V0S2V5KHsgeCwgeSwgdHlwZSB9KV07XG59XG5cbkdyaWQucHJvdG90eXBlLmRlbGV0ZVBvaW50ID0gZnVuY3Rpb24oeyB4LCB5LCB0eXBlIH0pIHtcbiAgICBkZWxldGUgdGhpcy5wb2ludHNbdGhpcy5nZXRLZXkoeyB4LCB5LCB0eXBlIH0pXTtcbn07XG5cbkdyaWQucHJvdG90eXBlLnNldEFyZWEgPSBmdW5jdGlvbih7IHgsIHksIHcsIGgsIHR5cGUgfSwgY29udGFpbmVyKSB7XG4gICAgZm9yIChsZXQgaSA9IHg7IGkgPD0gKHggKyB3KTsgaSArPSB0aGlzLmdyaWRTaXplKSB7XG4gICAgICAgIGZvciAobGV0IGogPSB5OyBqIDw9ICh5ICsgaCk7IGogKz0gdGhpcy5ncmlkU2l6ZSkge1xuICAgICAgICAgICAgdGhpcy5zZXRQb2ludCh7IHg6IGksIHk6IGosIHR5cGUgfSwgdHJ1ZSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBkaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICBkaXYuY2xhc3NOYW1lID0gJ2hhemFyZCc7XG4gICAgZGl2LnN0eWxlLmxlZnQgPSBgJHt4fXB4YDtcbiAgICBkaXYuc3R5bGUudG9wID0gYCR7eX1weGA7XG4gICAgZGl2LnN0eWxlLmhlaWdodCA9IGAke2h9cHhgO1xuICAgIGRpdi5zdHlsZS53aWR0aCA9IGAke3d9cHhgO1xuICAgIGNvbnRhaW5lci5hcHBlbmRDaGlsZChkaXYpO1xuXG4gICAgZm9yIChsZXQgaSA9IHg7IGkgPD0gKHggKyB3KTsgaSArPSB0aGlzLmdyaWRTaXplKSB7XG4gICAgICAgIGZvciAobGV0IGogPSB5OyBqIDw9ICh5ICsgaCk7IGogKz0gdGhpcy5ncmlkU2l6ZSkge1xuICAgICAgICAgICAgY29uc3QgZG90ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZG90Jyk7XG4gICAgICAgICAgICBkb3QuY2xhc3NOYW1lID0gJ2hhemFyZC1kb3QnO1xuICAgICAgICAgICAgZG90LnN0eWxlLmxlZnQgPSBgJHtpIC0geH1weGA7XG4gICAgICAgICAgICBkb3Quc3R5bGUudG9wID0gYCR7aiAtIHl9cHhgO1xuICAgICAgICAgICAgZGl2LmFwcGVuZENoaWxkKGRvdCk7XG4gICAgICAgIH1cbiAgICB9XG59O1xuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIGpzL2dyaWQuanMiXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9"); /***/ }), /* 360 */ @@ -4333,7 +4344,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, 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"); +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, grid) {\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.cosTheta = Math.cos(arc.theta);\n arc.sinTheta = Math.sin(arc.theta);\n\n arc.endX = arc.centerX + arc.radius * arc.cosTheta;\n arc.endY = arc.centerY - arc.radius * arc.sinTheta;\n\n arc = Arc.overflow(arc, bounds);\n\n // If starting in a hazard, recurse.\n if (grid.getPoint({ x: arc.endX, y: arc.endY, type: _enums.ENTITIES.HAZARD })) {\n arc = Arc.create(bounds, grid);\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.cosTheta = Math.cos(arc.theta);\n arc.sinTheta = Math.sin(arc.theta);\n\n arc.endX = arc.centerX + arc.radius * arc.cosTheta;\n arc.endY = arc.centerY - arc.radius * arc.sinTheta;\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) * arc.cosTheta;\n arc.centerY += (r1 - r0) * arc.sinTheta;\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.cosTheta = Math.cos(arc.theta);\n arc.sinTheta = Math.sin(arc.theta);\n\n arc.centerX -= 2 * arc.radius * arc.cosTheta;\n arc.centerY += 2 * arc.radius * arc.sinTheta;\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.2) {\n arc = Arc.changeRadius(arc, 50);\n } else {\n arc = Arc.changeRadius(arc, arcToFollow.radius);\n }\n\n return arc;\n },\n\n evade: function evade(arc) {\n arc = Arc.changeRadius(arc, 20);\n arc.length = 1;\n\n return arc;\n }\n};\n\nexports.default = Arc;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzYwLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2pzL2FyYy5qcz85YjVmIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEVOVElUSUVTLCBSQUQgfSBmcm9tICcuL2VudW1zJztcbmltcG9ydCBSYW5kb20gZnJvbSAnLi9yYW5kb20nO1xuXG5jb25zdCBBcmMgPSB7XG4gICAgY3JlYXRlOiBmdW5jdGlvbihib3VuZHMsIGdyaWQpIHtcbiAgICAgICAgbGV0IGFyYyA9IHtcbiAgICAgICAgICAgIGNlbnRlclg6IFJhbmRvbS5udW0oMCwgYm91bmRzLndpZHRoKSxcbiAgICAgICAgICAgIGNlbnRlclk6IFJhbmRvbS5udW0oMCwgYm91bmRzLmhlaWdodCksXG4gICAgICAgICAgICBjbG9ja3dpc2U6IFJhbmRvbS5ib29sKCksXG4gICAgICAgICAgICBlbmRYOiAwLFxuICAgICAgICAgICAgZW5kWTogMCxcbiAgICAgICAgICAgIGxlbmd0aDogUmFuZG9tLm51bShSQUQudDkwLCBSQUQudDM2MCksXG4gICAgICAgICAgICByYWRpdXM6IFJhbmRvbS5udW0oMTAwLCAyMDApLFxuICAgICAgICAgICAgdGhldGE6IFJhbmRvbS5udW0oUkFELnQ5MCwgUkFELnQzNjApXG4gICAgICAgIH07XG5cbiAgICAgICAgYXJjLmNvc1RoZXRhID0gTWF0aC5jb3MoYXJjLnRoZXRhKTtcbiAgICAgICAgYXJjLnNpblRoZXRhID0gTWF0aC5zaW4oYXJjLnRoZXRhKTtcblxuICAgICAgICBhcmMuZW5kWCA9IGFyYy5jZW50ZXJYICsgYXJjLnJhZGl1cyAqIGFyYy5jb3NUaGV0YTtcbiAgICAgICAgYXJjLmVuZFkgPSBhcmMuY2VudGVyWSAtIGFyYy5yYWRpdXMgKiBhcmMuc2luVGhldGE7XG5cbiAgICAgICAgYXJjID0gQXJjLm92ZXJmbG93KGFyYywgYm91bmRzKTtcblxuICAgICAgICAvLyBJZiBzdGFydGluZyBpbiBhIGhhemFyZCwgcmVjdXJzZS5cbiAgICAgICAgaWYgKGdyaWQuZ2V0UG9pbnQoeyB4OiBhcmMuZW5kWCwgeTogYXJjLmVuZFksIHR5cGU6IEVOVElUSUVTLkhBWkFSRCB9KSkge1xuICAgICAgICAgICAgYXJjID0gQXJjLmNyZWF0ZShib3VuZHMsIGdyaWQpO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGFyYztcbiAgICB9LFxuXG4gICAgc3RlcDogZnVuY3Rpb24oYXJjLCBib3VuZHMsIHNwZWVkKSB7XG4gICAgICAgIC8vIEVuc3VyZSBjb25zdGFudCB2ZWxvY2l0eSBhbmQgdGhldGEgYmV0d2VlbiAwIGFuZCAyz4AuXG4gICAgICAgIGNvbnN0IGRlbHRhID0gc3BlZWQgLyBhcmMucmFkaXVzO1xuICAgICAgICBhcmMubGVuZ3RoIC09IGRlbHRhO1xuXG4gICAgICAgIGFyYy50aGV0YSArPSAoYXJjLmNsb2Nrd2lzZSA/IC1kZWx0YSA6ICtkZWx0YSk7XG4gICAgICAgIGFyYy50aGV0YSA9IChhcmMudGhldGEgPiAwID8gYXJjLnRoZXRhICUgUkFELnQzNjAgOiBSQUQudDM2MCArIGFyYy50aGV0YSk7XG5cbiAgICAgICAgYXJjLmNvc1RoZXRhID0gTWF0aC5jb3MoYXJjLnRoZXRhKTtcbiAgICAgICAgYXJjLnNpblRoZXRhID0gTWF0aC5zaW4oYXJjLnRoZXRhKTtcblxuICAgICAgICBhcmMuZW5kWCA9IGFyYy5jZW50ZXJYICsgYXJjLnJhZGl1cyAqIGFyYy5jb3NUaGV0YTtcbiAgICAgICAgYXJjLmVuZFkgPSBhcmMuY2VudGVyWSAtIGFyYy5yYWRpdXMgKiBhcmMuc2luVGhldGE7XG5cbiAgICAgICAgLy8gT3ZlcmZsb3cuXG4gICAgICAgIGFyYyA9IEFyYy5vdmVyZmxvdyhhcmMsIGJvdW5kcyk7XG5cbiAgICAgICAgcmV0dXJuIGFyYztcbiAgICB9LFxuXG4gICAgcmFuZG9taXplOiBmdW5jdGlvbihhcmMpIHtcbiAgICAgICAgYXJjLmxlbmd0aCA9IFJhbmRvbS5udW0oUkFELnQ5MCwgUkFELnQzNjApO1xuXG4gICAgICAgIGFyYyA9IEFyYy5jaGFuZ2VSYWRpdXMoYXJjLCBSYW5kb20ubnVtKDEwMCwgMjAwKSk7XG5cbiAgICAgICAgaWYgKFJhbmRvbS5ib29sKDAuOCkpIHtcbiAgICAgICAgICAgIGFyYyA9IEFyYy5yZXZlcnNlKGFyYyk7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gYXJjO1xuICAgIH0sXG5cbiAgICBvdmVyZmxvdzogZnVuY3Rpb24oYXJjLCBib3VuZHMpIHtcbiAgICAgICAgaWYgKGFyYy5lbmRYIDwgMCkge1xuICAgICAgICAgICAgYXJjLmVuZFggKz0gYm91bmRzLndpZHRoO1xuICAgICAgICAgICAgYXJjLmNlbnRlclggKz0gYm91bmRzLndpZHRoXG4gICAgICAgIH0gZWxzZSBpZiAoYXJjLmVuZFggPiBib3VuZHMud2lkdGgpIHtcbiAgICAgICAgICAgIGFyYy5lbmRYIC09IGJvdW5kcy53aWR0aDtcbiAgICAgICAgICAgIGFyYy5jZW50ZXJYIC09IGJvdW5kcy53aWR0aFxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGFyYy5lbmRZIDwgMCkge1xuICAgICAgICAgICAgYXJjLmVuZFkgKz0gYm91bmRzLmhlaWdodDtcbiAgICAgICAgICAgIGFyYy5jZW50ZXJZICs9IGJvdW5kcy5oZWlnaHRcbiAgICAgICAgfSBlbHNlIGlmIChhcmMuZW5kWSA+IGJvdW5kcy5oZWlnaHQpIHtcbiAgICAgICAgICAgIGFyYy5lbmRZIC09IGJvdW5kcy5oZWlnaHQ7XG4gICAgICAgICAgICBhcmMuY2VudGVyWSAtPSBib3VuZHMuaGVpZ2h0XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gYXJjO1xuICAgIH0sXG5cbiAgICBjaGFuZ2VSYWRpdXM6IGZ1bmN0aW9uKGFyYywgbmV3UmFkaXVzKSB7XG4gICAgICAgIGNvbnN0IHIwID0gYXJjLnJhZGl1cztcbiAgICAgICAgY29uc3QgcjEgPSBuZXdSYWRpdXM7XG5cbiAgICAgICAgLy8gTW92ZXMgYXJjIGNlbnRlciB0byBuZXcgcmFkaXVzIHdoaWxlIGtlZXBpbmcgdGhldGEgY29uc3RhbnQuXG4gICAgICAgIGFyYy5jZW50ZXJYIC09IChyMSAtIHIwKSAqIGFyYy5jb3NUaGV0YTtcbiAgICAgICAgYXJjLmNlbnRlclkgKz0gKHIxIC0gcjApICogYXJjLnNpblRoZXRhO1xuICAgICAgICBhcmMucmFkaXVzID0gcjE7XG5cbiAgICAgICAgcmV0dXJuIGFyYztcbiAgICB9LFxuXG4gICAgcmV2ZXJzZTogZnVuY3Rpb24oYXJjKSB7XG4gICAgICAgIGFyYy5jbG9ja3dpc2UgPSAhYXJjLmNsb2Nrd2lzZTtcblxuICAgICAgICBhcmMudGhldGEgPSAoYXJjLnRoZXRhICsgUkFELnQxODApICUgUkFELnQzNjA7XG5cbiAgICAgICAgYXJjLmNvc1RoZXRhID0gTWF0aC5jb3MoYXJjLnRoZXRhKTtcbiAgICAgICAgYXJjLnNpblRoZXRhID0gTWF0aC5zaW4oYXJjLnRoZXRhKTtcblxuICAgICAgICBhcmMuY2VudGVyWCAtPSAoMiAqIGFyYy5yYWRpdXMpICogYXJjLmNvc1RoZXRhO1xuICAgICAgICBhcmMuY2VudGVyWSArPSAoMiAqIGFyYy5yYWRpdXMpICogYXJjLnNpblRoZXRhO1xuXG4gICAgICAgIHJldHVybiBhcmM7XG4gICAgfSxcblxuICAgIGZvbGxvdzogZnVuY3Rpb24oYXJjLCBhcmNUb0ZvbGxvdykge1xuICAgICAgICBpZiAoYXJjLmNsb2Nrd2lzZSAhPT0gYXJjVG9Gb2xsb3cuY2xvY2t3aXNlKSB7XG4gICAgICAgICAgICBhcmMgPSBBcmMucmV2ZXJzZShhcmMpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKE1hdGguYWJzKGFyYy50aGV0YSAtIGFyY1RvRm9sbG93LnRoZXRhKSA+IDAuMikge1xuICAgICAgICAgICAgYXJjID0gQXJjLmNoYW5nZVJhZGl1cyhhcmMsIDUwKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIGFyYyA9IEFyYy5jaGFuZ2VSYWRpdXMoYXJjLCBhcmNUb0ZvbGxvdy5yYWRpdXMpO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGFyYztcbiAgICB9LFxuXG4gICAgZXZhZGU6IGZ1bmN0aW9uKGFyYykge1xuICAgICAgICBhcmMgPSBBcmMuY2hhbmdlUmFkaXVzKGFyYywgMjApO1xuICAgICAgICBhcmMubGVuZ3RoID0gMTtcblxuICAgICAgICByZXR1cm4gYXJjO1xuICAgIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgQXJjO1xuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIGpzL2FyYy5qcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7QUFDQTtBQUFBO0FBQ0E7Ozs7O0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQVJBO0FBQ0E7QUFVQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUE5SEE7QUFDQTtBQWdJQSIsInNvdXJjZVJvb3QiOiIifQ=="); /***/ }), /* 361 */ @@ -4345,7 +4356,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});\nvar random = {\n bool: function bool(weight) {\n return Math.random() < (weight || 0.5);\n },\n color: function color() {\n return \"rgb(\\n \" + Math.floor(Math.random() * 230) + \",\\n \" + Math.floor(Math.random() * 230) + \",\\n \" + Math.floor(Math.random() * 230) + \"\\n )\";\n },\n id: function id() {\n return String.fromCharCode(random.num(65, 90), random.num(97, 122), random.num(97, 122)\n // random.num(97, 122), random.num(97, 122), random.num(97, 122)\n );\n },\n num: function num(min, max) {\n return min + Math.round(Math.random() * (max - min));\n }\n};\n\nexports.default = random;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzYxLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2pzL3JhbmRvbS5qcz83MTBjIl0sInNvdXJjZXNDb250ZW50IjpbImNvbnN0IHJhbmRvbSA9IHtcbiAgICBib29sOiAod2VpZ2h0KSA9PiBNYXRoLnJhbmRvbSgpIDwgKHdlaWdodCB8fCAwLjUpLFxuICAgIGNvbG9yOiAoKSA9PiBgcmdiKFxuICAgICAgICAke01hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIDIzMCl9LFxuICAgICAgICAke01hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIDIzMCl9LFxuICAgICAgICAke01hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIDIzMCl9XG4gICAgKWAsXG4gICAgaWQ6ICgpID0+IFN0cmluZy5mcm9tQ2hhckNvZGUoXG4gICAgICAgIHJhbmRvbS5udW0oNjUsIDkwKSwgcmFuZG9tLm51bSg5NywgMTIyKSwgcmFuZG9tLm51bSg5NywgMTIyKVxuICAgICAgICAvLyByYW5kb20ubnVtKDk3LCAxMjIpLCByYW5kb20ubnVtKDk3LCAxMjIpLCByYW5kb20ubnVtKDk3LCAxMjIpXG4gICAgKSxcbiAgICBudW06IChtaW4sIG1heCkgPT4gbWluICsgTWF0aC5yb3VuZChNYXRoLnJhbmRvbSgpICogKG1heCAtIG1pbikpLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgcmFuZG9tO1xuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIGpzL3JhbmRvbS5qcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUtBO0FBQUE7QUFFQTtBQUZBO0FBQUE7QUFJQTtBQUFBO0FBQUE7QUFYQTtBQUNBO0FBYUEiLCJzb3VyY2VSb290IjoiIn0="); +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nvar random = {\n bool: function bool(weight) {\n return Math.random() < (weight || 0.5);\n },\n color: function color() {\n return \"rgb(\\n \" + Math.floor(Math.random() * 230) + \",\\n \" + Math.floor(Math.random() * 230) + \",\\n \" + Math.floor(Math.random() * 230) + \"\\n )\";\n },\n id: function id() {\n return String.fromCharCode(random.num(65, 90), random.num(97, 122), random.num(97, 122), random.num(97, 122), random.num(97, 122), random.num(97, 122));\n },\n num: function num(min, max) {\n return min + Math.round(Math.random() * (max - min));\n }\n};\n\nexports.default = random;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzYxLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2pzL3JhbmRvbS5qcz83MTBjIl0sInNvdXJjZXNDb250ZW50IjpbImNvbnN0IHJhbmRvbSA9IHtcbiAgICBib29sOiAod2VpZ2h0KSA9PiBNYXRoLnJhbmRvbSgpIDwgKHdlaWdodCB8fCAwLjUpLFxuICAgIGNvbG9yOiAoKSA9PiBgcmdiKFxuICAgICAgICAke01hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIDIzMCl9LFxuICAgICAgICAke01hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIDIzMCl9LFxuICAgICAgICAke01hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIDIzMCl9XG4gICAgKWAsXG4gICAgaWQ6ICgpID0+IFN0cmluZy5mcm9tQ2hhckNvZGUoXG4gICAgICAgIHJhbmRvbS5udW0oNjUsIDkwKSwgcmFuZG9tLm51bSg5NywgMTIyKSwgcmFuZG9tLm51bSg5NywgMTIyKSxcbiAgICAgICAgcmFuZG9tLm51bSg5NywgMTIyKSwgcmFuZG9tLm51bSg5NywgMTIyKSwgcmFuZG9tLm51bSg5NywgMTIyKVxuICAgICksXG4gICAgbnVtOiAobWluLCBtYXgpID0+IG1pbiArIE1hdGgucm91bmQoTWF0aC5yYW5kb20oKSAqIChtYXggLSBtaW4pKSxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IHJhbmRvbTtcblxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyBqcy9yYW5kb20uanMiXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFLQTtBQUFBO0FBQUE7QUFJQTtBQUFBO0FBQUE7QUFYQTtBQUNBO0FBYUEiLCJzb3VyY2VSb290IjoiIn0="); /***/ }) /******/ ]); \ No newline at end of file diff --git a/js/grid.js b/js/grid.js index e3adc95..062d3aa 100644 --- a/js/grid.js +++ b/js/grid.js @@ -1,46 +1,49 @@ -function getKey({ x, y, type }) { - const gridX = x - x % 5; - const gridY = y - y % 5; - - return `${gridX}-${gridY}`; -} - export default function Grid() { this.points = {}; this.gridSize = 5; }; -Grid.prototype.setPoint = function({ x, y, type }, detail) { - this.points[getKey({ x, y, type })] = detail; +Grid.prototype.getKey = function({ x, y, type }) { + const gridX = x - x % this.gridSize; + const gridY = y - y % this.gridSize; + + return `${gridX}-${gridY}-${type}`; +} + +Grid.prototype.setPoint = function({ x, y, type }, value) { + this.points[this.getKey({ x, y, type })] = value; }; Grid.prototype.getPoint = function({ x, y, type }) { - return this.points[getKey({ x, y, type })]; + return this.points[this.getKey({ x, y, type })]; } Grid.prototype.deletePoint = function({ x, y, type }) { - delete this.points[getKey({ x, y, type })]; + delete this.points[this.getKey({ x, y, type })]; }; -// Grid.prototype.setArea = function({ x, y, w, h, type }) { -// for (let i = x; i <= (x + w); i += this.gridSize) { -// for (let j = y; j <= (y + h); j += this.gridSize) { -// this.setPoint({ x: i, y: j, type }); -// } -// } -// }; - -// const Store = function(initialProps) { -// this.state = Object.freeze(initialProps); -// } -// -// Store.prototype.set = function(props) { -// this.state = Object.freeze(Object.assign({}, this.state, props)); -// return this.state; -// }; -// -// Store.prototype.get = function() { -// return this.state; -// } -// -// export default Store; +Grid.prototype.setArea = function({ x, y, w, h, type }, container) { + for (let i = x; i <= (x + w); i += this.gridSize) { + for (let j = y; j <= (y + h); j += this.gridSize) { + this.setPoint({ x: i, y: j, type }, true); + } + } + + const div = document.createElement('div'); + div.className = 'hazard'; + div.style.left = `${x}px`; + div.style.top = `${y}px`; + div.style.height = `${h}px`; + div.style.width = `${w}px`; + container.appendChild(div); + + for (let i = x; i <= (x + w); i += this.gridSize) { + for (let j = y; j <= (y + h); j += this.gridSize) { + const dot = document.createElement('dot'); + dot.className = 'hazard-dot'; + dot.style.left = `${i - x}px`; + dot.style.top = `${j - y}px`; + div.appendChild(dot); + } + } +}; diff --git a/js/index.js b/js/index.js index 90d60ad..7e8aab1 100644 --- a/js/index.js +++ b/js/index.js @@ -2,20 +2,19 @@ import Rx, { Observable } from 'rxjs'; import Controls from './controls'; // import Animation1a from './animation1a'; // import Animation1b from './animation1b'; -// import Animation2a from './animation2a'; -// import Animation2b from './animation2b'; -import Animation3a from './animation3a'; +import Animation2a from './animation2a'; +import Animation2b from './animation2b'; +// import Animation3a from './animation3a'; require('../css/reset.scss'); require('../css/index.scss'); require('../css/particle.scss'); require('../css/controls.scss'); -// new Animation1a(); -// new Animation1b(); -// new Animation2a(); -// new Animation2b(); - window.addEventListener('load', () => { - new Animation3a(); + // new Animation1a(); + // new Animation1b(); + new Animation2a(); + new Animation2b(); + // new Animation3a(); }); diff --git a/js/particle.js b/js/particle.js index 586e62e..962938d 100644 --- a/js/particle.js +++ b/js/particle.js @@ -6,49 +6,40 @@ import Random from './random'; // ===== Constructor ===== function Particle(parent, bounds, config, globalGrid) { - Object.defineProperty(this, 'config', { - value: Object.assign({}, { - behavior: BEHAVIOR.COHESION, - bounds, - color: Random.color(), - gridSize: 5, - randomize: true, - showMovementCircle: false, - showVisionGrid: false, - speed: 4, - visionRadius: 50 - }, config) - }); - - Object.defineProperty(this, 'grids', { - value: { - global: globalGrid || {}, - vision: createVisionGrid(this.config) - } - }); - - Object.defineProperty(this, 'id', { - value: Random.id(6) - }); - - Object.defineProperty(this, 'nodes', { - value: { - body: createBodyNode(this.config), - circle: undefined, - container: createContainerNode(this.config, this.id), - parent, - visionGrid: undefined, - } - }); - - // TODO encapsulate better - this.isLeader = false; - this.leader = null; + this.config = Object.assign({}, { + behavior: BEHAVIOR.FREE, + bounds, + color: Random.color(), + gridSize: 5, + randomize: true, + showMovementCircle: false, + showVisionGrid: false, + speed: 4, + visionRadius: 50 + }, config); + + this.grids = { + global: globalGrid || {}, + vision: createVisionGrid(this.config) + }; + + this.id = Random.id(6); + + this.nodes = { + body: createBodyNode(this.config), + circle: undefined, + container: createContainerNode(this.config, this.id), + parent, + visionGrid: undefined, + }; this.nodes.container.appendChild(this.nodes.body); parent.appendChild(this.nodes.container); - this.arc = Arc.create(bounds, this.grids); + this.leader = null; + this.isLeader = false; + + this.arc = Arc.create(bounds, this.grids.global); this.updateConfig(this.config); this.nextFrame(globalGrid); }; @@ -57,10 +48,11 @@ function Particle(parent, bounds, config, globalGrid) { Particle.prototype.remove = function() { this.nodes.parent.removeChild(this.nodes.container); + delete this.nodes; return this; } -Particle.prototype.nextFrame = function(globalGrid) { +Particle.prototype.nextFrame = function() { this.arc = Arc.step(this.arc, this.config.bounds, this.config.speed); if (this.leader !== null) { @@ -69,31 +61,14 @@ Particle.prototype.nextFrame = function(globalGrid) { this.arc = Arc.randomize(this.arc); } - this.grids.global = globalGrid; this.grids.vision = updateVisionGrid(this.arc, this.config, this.grids); - 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); - - const leader = candidates.find(v => v.isLeader) || candidates[0]; - - if (leader !== undefined) { - leader.isLeader = true; - // console.log(`${this.id} is now following ${leader.id}`); - - this.leader = leader; - } + if (hazards.length > 0) { + this.arc = Arc.evade(this.arc); } - this.updateLeader(); - - // if (hazards.length) { - // this.arc = evade(this.arc, this.grids.vision); - // } + this.updateLeader(particles); repaintContainer(this.nodes.container, this.arc); repaintBody(this.nodes.body, this.arc, this.isLeader); @@ -125,19 +100,45 @@ Particle.prototype.updateConfig = function(config) { } } -Particle.prototype.updateLeader = function() { +Particle.prototype.updateLeader = function(particles) { + if (this.config.behavior !== BEHAVIOR.COHESION) { + return; + } + + if (this.leader === null && particles.length > 0) { + // Head-to-head: particles see eachother but shouldn't both lead. + const candidates = particles + .filter(v => v.leader ? (v.leader.id !== this.id) : true); + + const leader = candidates.find(v => v.isLeader) || candidates[0]; + + if (leader !== undefined) { + leader.isLeader = true; + this.leader = leader; + } + } + if (this.leader === null) { return; } + if (this.leader.nodes === undefined) { + this.leader = null; + return; + } + if (this.leader.leader !== null) { this.leader = this.leader.leader; - // console.warn(`${this.id} is now following ${this.leader.id}`); } - if (this.leader !== null && this.isLeader) { + if (this.isLeader) { this.isLeader = false; } + + // Beware of circular leadership, where a leader sees its tail. + if (this.leader.id === this.id) { + this.leader = null; + } } function look(arc, grids) { @@ -152,9 +153,9 @@ function look(arc, grids) { acc.particles.push(p); } - // if (global.getPoint({ x, y, type: ENTITIES.HAZARD })) { - // acc.hazards.push({ x, y }); - // } + if (global.getPoint({ x, y, type: ENTITIES.HAZARD })) { + acc.hazards.push({ x, y }); + } return acc; }, { hazards: [], particles: [] }); @@ -276,8 +277,8 @@ function repaintCircle(node, arc) { node.style.width = `${2 * arc.radius}px`; node.style.height = `${2 * arc.radius}px`; - node.style.left = `-${arc.radius + arc.radius * Math.cos(arc.theta)}px`; // TODO perf here - node.style.top = `-${arc.radius - arc.radius * Math.sin(arc.theta)}px`; // TODO perf here + node.style.left = `-${arc.radius + arc.radius * arc.cosTheta}px`; + node.style.top = `-${arc.radius - arc.radius * arc.sinTheta}px`; node.style.borderRadius = `${arc.radius}px`; } diff --git a/js/random.js b/js/random.js index 4a49816..7dee214 100644 --- a/js/random.js +++ b/js/random.js @@ -6,8 +6,8 @@ const random = { ${Math.floor(Math.random() * 230)} )`, id: () => String.fromCharCode( - random.num(65, 90), random.num(97, 122), random.num(97, 122) - // random.num(97, 122), random.num(97, 122), random.num(97, 122) + random.num(65, 90), random.num(97, 122), random.num(97, 122), + random.num(97, 122), random.num(97, 122), random.num(97, 122) ), num: (min, max) => min + Math.round(Math.random() * (max - min)), };