From 9fb75a52237d752a8dcf52def167ff8d0cc9dd8e Mon Sep 17 00:00:00 2001 From: Ben Burlingham Date: Sun, 3 Sep 2017 07:59:56 -0700 Subject: [PATCH] Only allowing randomization UI option on 1a. --- js/animation1a.js | 31 ++++++++++++++++++++++++++++--- js/animation1b.js | 6 ------ js/animation2a.js | 10 +--------- js/bundle.js | 12 ++++++------ js/controls.js | 30 ++---------------------------- js/index.js | 4 ++-- js/particle.js | 8 ++++---- 7 files changed, 43 insertions(+), 58 deletions(-) diff --git a/js/animation1a.js b/js/animation1a.js index 76ca5e5..1f1d670 100644 --- a/js/animation1a.js +++ b/js/animation1a.js @@ -7,7 +7,7 @@ import { CONTROLS } from './enums'; function Animation1a() { this.options = { count: 1, - maxCount: 25, + maxCount: 10, randomize: true, showMovementCircle: true, speed: 4 @@ -17,24 +17,29 @@ function Animation1a() { this.bounds = this.container.getBoundingClientRect(); this.movementCircleCtrl = createMovementCircleControl(); + this.randomizeCtrl = createRandomizeControl(); this.particles = []; const controls = new Controls( document.getElementById('controls1a'), this.options, - [this.movementCircleCtrl] + [this.movementCircleCtrl, this.randomizeCtrl] ); const circle$ = Rx.Observable.fromEvent(this.movementCircleCtrl, 'change') .map(evt => ({ key: CONTROLS.MOVEMENT_CIRCLE, value: evt.target.checked })); - const eventStack$ = controls.mount().merge(circle$); + const randomize$ = Rx.Observable.fromEvent(this.randomizeCtrl, 'change') + .map(evt => ({ key: CONTROLS.RANDOMIZE, value: evt.target.checked })); + + const eventStack$ = controls.mount().merge(circle$, randomize$); eventStack$.subscribe(this.subscriber.bind(this)); this.updateCount(this.options.count); this.updateMovementCircle(this.options.showMovementCircle); + this.updateRandomize(this.options.randomize); }; function createMovementCircleControl() { @@ -55,6 +60,25 @@ function createMovementCircleControl() { return label; } +function createRandomizeControl(value) { + const label = document.createElement('label'); + label.className = 'controls-checkbox'; + + const text = document.createElement('span'); + text.innerHTML = 'Randomize movement'; + text.className = 'controls-checkbox-text'; + + const checkbox = document.createElement('input'); + checkbox.type = 'checkbox'; + checkbox.className = 'controls-checkbox-input'; + checkbox.checked = value; + + label.appendChild(checkbox); + label.appendChild(text); + + return label; +} + Animation1a.prototype.subscriber = function({ key, value }) { switch(key) { case CONTROLS.ANIMATING: this.updateAnimating(value); break; @@ -99,6 +123,7 @@ Animation1a.prototype.updateMovementCircle = function(value) { Animation1a.prototype.updateRandomize = function(value) { this.options.randomize = value; + this.randomizeCtrl.querySelector('[type=checkbox]').checked = value; this.particles.forEach(p => p.updateConfig({ randomize: value })); } diff --git a/js/animation1b.js b/js/animation1b.js index eea2798..b1b6729 100644 --- a/js/animation1b.js +++ b/js/animation1b.js @@ -31,7 +31,6 @@ Animation1b.prototype.subscriber = function({ key, value }) { switch(key) { case CONTROLS.ANIMATING: this.updateAnimating(value); break; case CONTROLS.COUNT: this.updateCount(value); break; - case CONTROLS.RANDOMIZE: this.updateRandomize(value); break; case CONTROLS.SPEED: this.updateSpeed(value); break; } } @@ -62,11 +61,6 @@ Animation1b.prototype.updateCount = function(count) { } } -Animation1b.prototype.updateRandomize = function(value) { - this.options.randomize = value; - this.particles.forEach(p => p.updateConfig({ randomize: value })); -} - Animation1b.prototype.updateSpeed = function(value) { this.options.speed = value; this.particles.forEach(p => p.updateConfig({ speed: value })); diff --git a/js/animation2a.js b/js/animation2a.js index ce33ab2..22534ad 100644 --- a/js/animation2a.js +++ b/js/animation2a.js @@ -33,11 +33,9 @@ function Animation2a() { // TODO X dimension modified by core UI, maybe recalc grid in animation start? // TODO remove bottom padding from Disqus // TODO perf - cache trig or perform operations - // TODO only randomize movement on 1a // TODO ANIM2a randomize hazards - // TODO can the vision grid be relative to the particle - // TODO ANIM2 particle evade + // TODO vision grid be relative to the particle // TODO ANIM2b Scale vision grid to 1000 particles // TODO ANIM3 flocking @@ -47,7 +45,6 @@ Animation2a.prototype.subscriber = function({ key, value }) { switch(key) { case CONTROLS.ANIMATING: this.updateAnimating(value); break; case CONTROLS.COUNT: this.updateCount(value); break; - case CONTROLS.RANDOMIZE: this.updateRandomize(value); break; case CONTROLS.SPEED: this.updateSpeed(value); break; } } @@ -78,11 +75,6 @@ Animation2a.prototype.updateCount = function(count) { } } -Animation2a.prototype.updateRandomize = function(value) { - this.options.randomize = value; - this.particles.forEach(p => p.updateConfig({ randomize: value })); -} - Animation2a.prototype.updateSpeed = function(value) { this.options.speed = value; this.particles.forEach(p => p.updateConfig({ speed: value })); diff --git a/js/bundle.js b/js/bundle.js index 06847e5..c4fa90f 100644 --- a/js/bundle.js +++ b/js/bundle.js @@ -328,7 +328,7 @@ eval("\nvar root_1 = __webpack_require__(/*! ../util/root */ 7);\nfunction symbo /***/ (function(module, exports, __webpack_require__) { "use strict"; -eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _rxjs = __webpack_require__(/*! rxjs */ 14);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _enums = __webpack_require__(/*! ./enums */ 16);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction Controls(container, _ref, customNodes) {\n var animating = _ref.animating,\n count = _ref.count,\n maxCount = _ref.maxCount,\n randomize = _ref.randomize,\n speed = _ref.speed;\n\n this.nodes = {\n animating: createAnimatingControl(animating),\n count: createCountControl(count, maxCount),\n randomize: createRandomizeControl(randomize),\n speed: createSpeedControl(speed)\n };\n\n container.appendChild(this.nodes.count);\n container.appendChild(this.nodes.speed);\n container.appendChild(this.nodes.randomize);\n\n if (customNodes !== undefined) {\n customNodes.forEach(function (node) {\n container.appendChild(node);\n });\n }\n\n container.appendChild(this.nodes.animating);\n\n this.updateOptions({ key: _enums.CONTROLS.ANIMATING, value: animating });\n this.updateOptions({ key: _enums.CONTROLS.COUNT, value: count });\n this.updateOptions({ key: _enums.CONTROLS.RANDOMIZE, value: randomize });\n this.updateOptions({ key: _enums.CONTROLS.SPEED, value: speed });\n}\n\nControls.prototype.updateOptions = function (_ref2) {\n var key = _ref2.key,\n value = _ref2.value;\n\n if (key === _enums.CONTROLS.COUNT) {\n this.nodes.count.querySelector('span').innerHTML = value == 1 ? '1 particle' : value + ' particles';\n }\n\n if (key === _enums.CONTROLS.SPEED) {\n this.nodes.speed.querySelector('span').innerHTML = 'Speed: ' + value;\n }\n\n if (key === _enums.CONTROLS.ANIMATING) {\n this.nodes.animating.querySelector('span').innerHTML = value ? '◼ Stop' : '▶ Start';\n }\n};\n\nControls.prototype.mount = function (customNodes) {\n var animating$ = _rxjs2.default.Observable.fromEvent(this.nodes.animating, 'change').map(function (evt) {\n return { key: _enums.CONTROLS.ANIMATING, value: evt.target.checked };\n });\n\n var count$ = _rxjs2.default.Observable.fromEvent(this.nodes.count, 'input').map(function (evt) {\n return { key: _enums.CONTROLS.COUNT, value: evt.target.value * 1 };\n });\n\n var randomize$ = _rxjs2.default.Observable.fromEvent(this.nodes.randomize, 'change').map(function (evt) {\n return { key: _enums.CONTROLS.RANDOMIZE, value: evt.target.checked };\n });\n\n var speed$ = _rxjs2.default.Observable.fromEvent(this.nodes.speed, 'input').map(function (evt) {\n return { key: _enums.CONTROLS.SPEED, value: evt.target.value * 1 };\n });\n\n var eventStack$ = _rxjs2.default.Observable.merge(animating$, count$, randomize$, speed$);\n\n eventStack$.subscribe(this.updateOptions.bind(this));\n\n return eventStack$;\n};\n\nfunction createAnimatingControl(value) {\n var label = document.createElement('label');\n label.className = 'controls-label';\n label.className = 'controls-animating';\n\n var text = document.createElement('span');\n text.innerHTML = '...';\n\n var checkbox = document.createElement('input');\n checkbox.type = 'checkbox';\n checkbox.checked = value;\n\n label.appendChild(checkbox);\n label.appendChild(text);\n\n return label;\n}\n\nfunction createCountControl(value, max) {\n var label = document.createElement('label');\n label.className = 'controls-range';\n\n var text = document.createElement('span');\n text.innerHTML = '...';\n text.className = 'controls-range-text';\n\n var slider = document.createElement('input');\n slider.type = 'range';\n slider.min = 1;\n slider.max = max;\n slider.value = value;\n slider.className = 'controls-range-input';\n\n label.appendChild(text);\n label.appendChild(slider);\n\n return label;\n}\n\nfunction createRandomizeControl(value) {\n var label = document.createElement('label');\n label.className = 'controls-checkbox';\n\n var text = document.createElement('span');\n text.innerHTML = 'Randomize movement';\n text.className = 'controls-checkbox-text';\n\n var checkbox = document.createElement('input');\n checkbox.type = 'checkbox';\n checkbox.className = 'controls-checkbox-input';\n checkbox.checked = value;\n\n label.appendChild(checkbox);\n label.appendChild(text);\n\n return label;\n}\n\nfunction createSpeedControl(value) {\n var label = document.createElement('label');\n label.className = 'controls-range';\n\n var text = document.createElement('span');\n text.className = 'controls-range-text';\n\n var slider = document.createElement('input');\n slider.type = 'range';\n slider.min = 1;\n slider.max = 20;\n slider.value = value;\n slider.className = 'controls-range-input';\n\n label.appendChild(text);\n label.appendChild(slider);\n\n return label;\n}\n\nexports.default = Controls;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjEuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvY29udHJvbHMuanM/ZTk5YiJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQ09OVFJPTFMgfSBmcm9tICcuL2VudW1zJztcblxuZnVuY3Rpb24gQ29udHJvbHMoY29udGFpbmVyLCB7IGFuaW1hdGluZywgY291bnQsIG1heENvdW50LCByYW5kb21pemUsIHNwZWVkIH0sIGN1c3RvbU5vZGVzKSB7XG4gICAgdGhpcy5ub2RlcyA9IHtcbiAgICAgICAgYW5pbWF0aW5nOiBjcmVhdGVBbmltYXRpbmdDb250cm9sKGFuaW1hdGluZyksXG4gICAgICAgIGNvdW50OiBjcmVhdGVDb3VudENvbnRyb2woY291bnQsIG1heENvdW50KSxcbiAgICAgICAgcmFuZG9taXplOiBjcmVhdGVSYW5kb21pemVDb250cm9sKHJhbmRvbWl6ZSksXG4gICAgICAgIHNwZWVkOiBjcmVhdGVTcGVlZENvbnRyb2woc3BlZWQpLFxuICAgIH1cblxuICAgIGNvbnRhaW5lci5hcHBlbmRDaGlsZCh0aGlzLm5vZGVzLmNvdW50KTtcbiAgICBjb250YWluZXIuYXBwZW5kQ2hpbGQodGhpcy5ub2Rlcy5zcGVlZCk7XG4gICAgY29udGFpbmVyLmFwcGVuZENoaWxkKHRoaXMubm9kZXMucmFuZG9taXplKTtcblxuICAgIGlmIChjdXN0b21Ob2RlcyAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGN1c3RvbU5vZGVzLmZvckVhY2gobm9kZSA9PiB7IGNvbnRhaW5lci5hcHBlbmRDaGlsZChub2RlKTsgfSk7XG4gICAgfVxuXG4gICAgY29udGFpbmVyLmFwcGVuZENoaWxkKHRoaXMubm9kZXMuYW5pbWF0aW5nKTtcblxuICAgIHRoaXMudXBkYXRlT3B0aW9ucyh7IGtleTogQ09OVFJPTFMuQU5JTUFUSU5HLCB2YWx1ZTogYW5pbWF0aW5nIH0pO1xuICAgIHRoaXMudXBkYXRlT3B0aW9ucyh7IGtleTogQ09OVFJPTFMuQ09VTlQsIHZhbHVlOiBjb3VudCB9KTtcbiAgICB0aGlzLnVwZGF0ZU9wdGlvbnMoeyBrZXk6IENPTlRST0xTLlJBTkRPTUlaRSwgdmFsdWU6IHJhbmRvbWl6ZSB9KTtcbiAgICB0aGlzLnVwZGF0ZU9wdGlvbnMoeyBrZXk6IENPTlRST0xTLlNQRUVELCB2YWx1ZTogc3BlZWQgfSk7XG59XG5cbkNvbnRyb2xzLnByb3RvdHlwZS51cGRhdGVPcHRpb25zID0gZnVuY3Rpb24oeyBrZXksIHZhbHVlfSkge1xuICAgIGlmIChrZXkgPT09IENPTlRST0xTLkNPVU5UKSB7XG4gICAgICAgIHRoaXMubm9kZXMuY291bnQucXVlcnlTZWxlY3Rvcignc3BhbicpLmlubmVySFRNTCA9XG4gICAgICAgICAgICAodmFsdWUgPT0gMSkgPyAnMSBwYXJ0aWNsZScgOiBgJHt2YWx1ZX0gcGFydGljbGVzYDtcbiAgICB9XG5cbiAgICBpZiAoa2V5ID09PSBDT05UUk9MUy5TUEVFRCkge1xuICAgICAgICB0aGlzLm5vZGVzLnNwZWVkLnF1ZXJ5U2VsZWN0b3IoJ3NwYW4nKS5pbm5lckhUTUwgPVxuICAgICAgICAgICAgYFNwZWVkOiAke3ZhbHVlfWA7XG4gICAgfVxuXG4gICAgaWYgKGtleSA9PT0gQ09OVFJPTFMuQU5JTUFUSU5HKSB7XG4gICAgICAgIHRoaXMubm9kZXMuYW5pbWF0aW5nLnF1ZXJ5U2VsZWN0b3IoJ3NwYW4nKS5pbm5lckhUTUwgPVxuICAgICAgICAgICAgKHZhbHVlID8gJyYjOTcyNDsgU3RvcCcgOiAnJiM5NjU0OyBTdGFydCcpO1xuICAgIH1cbn1cblxuQ29udHJvbHMucHJvdG90eXBlLm1vdW50ID0gZnVuY3Rpb24oY3VzdG9tTm9kZXMpIHtcbiAgICBjb25zdCBhbmltYXRpbmckID0gUnguT2JzZXJ2YWJsZS5mcm9tRXZlbnQodGhpcy5ub2Rlcy5hbmltYXRpbmcsICdjaGFuZ2UnKVxuICAgICAgICAubWFwKGV2dCA9PiAoeyBrZXk6IENPTlRST0xTLkFOSU1BVElORywgdmFsdWU6IGV2dC50YXJnZXQuY2hlY2tlZCB9KSk7XG5cbiAgICBjb25zdCBjb3VudCQgPSBSeC5PYnNlcnZhYmxlLmZyb21FdmVudCh0aGlzLm5vZGVzLmNvdW50LCAnaW5wdXQnKVxuICAgICAgICAubWFwKGV2dCA9PiAoeyBrZXk6IENPTlRST0xTLkNPVU5ULCB2YWx1ZTogZXZ0LnRhcmdldC52YWx1ZSAqIDEgfSkpO1xuXG4gICAgY29uc3QgcmFuZG9taXplJCA9IFJ4Lk9ic2VydmFibGUuZnJvbUV2ZW50KHRoaXMubm9kZXMucmFuZG9taXplLCAnY2hhbmdlJylcbiAgICAgICAgLm1hcChldnQgPT4gKHsga2V5OiBDT05UUk9MUy5SQU5ET01JWkUsIHZhbHVlOiBldnQudGFyZ2V0LmNoZWNrZWQgfSkpO1xuXG4gICAgY29uc3Qgc3BlZWQkID0gUnguT2JzZXJ2YWJsZS5mcm9tRXZlbnQodGhpcy5ub2Rlcy5zcGVlZCwgJ2lucHV0JylcbiAgICAgICAgLm1hcChldnQgPT4gKHsga2V5OiBDT05UUk9MUy5TUEVFRCwgdmFsdWU6IGV2dC50YXJnZXQudmFsdWUgKiAxIH0pKTtcblxuICAgIGNvbnN0IGV2ZW50U3RhY2skID0gUnguT2JzZXJ2YWJsZS5tZXJnZShcbiAgICAgICAgYW5pbWF0aW5nJCxcbiAgICAgICAgY291bnQkLFxuICAgICAgICByYW5kb21pemUkLFxuICAgICAgICBzcGVlZCRcbiAgICApO1xuXG4gICAgZXZlbnRTdGFjayQuc3Vic2NyaWJlKHRoaXMudXBkYXRlT3B0aW9ucy5iaW5kKHRoaXMpKTtcblxuICAgIHJldHVybiBldmVudFN0YWNrJDtcbn1cblxuZnVuY3Rpb24gY3JlYXRlQW5pbWF0aW5nQ29udHJvbCh2YWx1ZSkge1xuICAgIGNvbnN0IGxhYmVsID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnbGFiZWwnKTtcbiAgICBsYWJlbC5jbGFzc05hbWUgPSAnY29udHJvbHMtbGFiZWwnO1xuICAgIGxhYmVsLmNsYXNzTmFtZSA9ICdjb250cm9scy1hbmltYXRpbmcnO1xuXG4gICAgY29uc3QgdGV4dCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NwYW4nKTtcbiAgICB0ZXh0LmlubmVySFRNTCA9ICcuLi4nO1xuXG4gICAgY29uc3QgY2hlY2tib3ggPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdpbnB1dCcpO1xuICAgIGNoZWNrYm94LnR5cGUgPSAnY2hlY2tib3gnO1xuICAgIGNoZWNrYm94LmNoZWNrZWQgPSB2YWx1ZTtcblxuICAgIGxhYmVsLmFwcGVuZENoaWxkKGNoZWNrYm94KTtcbiAgICBsYWJlbC5hcHBlbmRDaGlsZCh0ZXh0KTtcblxuICAgIHJldHVybiBsYWJlbDtcbn1cblxuZnVuY3Rpb24gY3JlYXRlQ291bnRDb250cm9sKHZhbHVlLCBtYXgpIHtcbiAgICBjb25zdCBsYWJlbCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2xhYmVsJyk7XG4gICAgbGFiZWwuY2xhc3NOYW1lID0gJ2NvbnRyb2xzLXJhbmdlJztcblxuICAgIGNvbnN0IHRleHQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzcGFuJyk7XG4gICAgdGV4dC5pbm5lckhUTUwgPSAnLi4uJztcbiAgICB0ZXh0LmNsYXNzTmFtZSA9ICdjb250cm9scy1yYW5nZS10ZXh0JztcblxuICAgIGNvbnN0IHNsaWRlciA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2lucHV0Jyk7XG4gICAgc2xpZGVyLnR5cGUgPSAncmFuZ2UnO1xuICAgIHNsaWRlci5taW4gPSAxO1xuICAgIHNsaWRlci5tYXggPSBtYXg7XG4gICAgc2xpZGVyLnZhbHVlID0gdmFsdWU7XG4gICAgc2xpZGVyLmNsYXNzTmFtZSA9ICdjb250cm9scy1yYW5nZS1pbnB1dCc7XG5cbiAgICBsYWJlbC5hcHBlbmRDaGlsZCh0ZXh0KTtcbiAgICBsYWJlbC5hcHBlbmRDaGlsZChzbGlkZXIpO1xuXG4gICAgcmV0dXJuIGxhYmVsO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVSYW5kb21pemVDb250cm9sKHZhbHVlKSB7XG4gICAgY29uc3QgbGFiZWwgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdsYWJlbCcpO1xuICAgIGxhYmVsLmNsYXNzTmFtZSA9ICdjb250cm9scy1jaGVja2JveCc7XG5cbiAgICBjb25zdCB0ZXh0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3BhbicpO1xuICAgIHRleHQuaW5uZXJIVE1MID0gJ1JhbmRvbWl6ZSBtb3ZlbWVudCc7XG4gICAgdGV4dC5jbGFzc05hbWUgPSAnY29udHJvbHMtY2hlY2tib3gtdGV4dCc7XG5cbiAgICBjb25zdCBjaGVja2JveCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2lucHV0Jyk7XG4gICAgY2hlY2tib3gudHlwZSA9ICdjaGVja2JveCc7XG4gICAgY2hlY2tib3guY2xhc3NOYW1lID0gJ2NvbnRyb2xzLWNoZWNrYm94LWlucHV0JztcbiAgICBjaGVja2JveC5jaGVja2VkID0gdmFsdWU7XG5cbiAgICBsYWJlbC5hcHBlbmRDaGlsZChjaGVja2JveCk7XG4gICAgbGFiZWwuYXBwZW5kQ2hpbGQodGV4dCk7XG5cbiAgICByZXR1cm4gbGFiZWw7XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZVNwZWVkQ29udHJvbCh2YWx1ZSkge1xuICAgIGNvbnN0IGxhYmVsID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnbGFiZWwnKTtcbiAgICBsYWJlbC5jbGFzc05hbWUgPSAnY29udHJvbHMtcmFuZ2UnO1xuXG4gICAgY29uc3QgdGV4dCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NwYW4nKTtcbiAgICB0ZXh0LmNsYXNzTmFtZSA9ICdjb250cm9scy1yYW5nZS10ZXh0JztcblxuICAgIGNvbnN0IHNsaWRlciA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2lucHV0Jyk7XG4gICAgc2xpZGVyLnR5cGUgPSAncmFuZ2UnO1xuICAgIHNsaWRlci5taW4gPSAxO1xuICAgIHNsaWRlci5tYXggPSAyMDtcbiAgICBzbGlkZXIudmFsdWUgPSB2YWx1ZTtcbiAgICBzbGlkZXIuY2xhc3NOYW1lID0gJ2NvbnRyb2xzLXJhbmdlLWlucHV0JztcblxuICAgIGxhYmVsLmFwcGVuZENoaWxkKHRleHQpO1xuICAgIGxhYmVsLmFwcGVuZENoaWxkKHNsaWRlcik7XG5cbiAgICByZXR1cm4gbGFiZWw7XG59XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRyb2xzO1xuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIGpzL2NvbnRyb2xzLmpzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFKQTtBQUNBO0FBTUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBTUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9"); +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _rxjs = __webpack_require__(/*! rxjs */ 14);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _enums = __webpack_require__(/*! ./enums */ 16);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction Controls(container, _ref, customNodes) {\n var animating = _ref.animating,\n count = _ref.count,\n maxCount = _ref.maxCount,\n speed = _ref.speed;\n\n this.nodes = {\n animating: createAnimatingControl(animating),\n count: createCountControl(count, maxCount),\n speed: createSpeedControl(speed)\n };\n\n container.appendChild(this.nodes.count);\n container.appendChild(this.nodes.speed);\n\n if (customNodes !== undefined) {\n customNodes.forEach(function (node) {\n container.appendChild(node);\n });\n }\n\n container.appendChild(this.nodes.animating);\n\n this.updateOptions({ key: _enums.CONTROLS.ANIMATING, value: animating });\n this.updateOptions({ key: _enums.CONTROLS.COUNT, value: count });\n this.updateOptions({ key: _enums.CONTROLS.SPEED, value: speed });\n}\n\nControls.prototype.updateOptions = function (_ref2) {\n var key = _ref2.key,\n value = _ref2.value;\n\n if (key === _enums.CONTROLS.COUNT) {\n this.nodes.count.querySelector('span').innerHTML = value == 1 ? '1 particle' : value + ' particles';\n }\n\n if (key === _enums.CONTROLS.SPEED) {\n this.nodes.speed.querySelector('span').innerHTML = 'Speed: ' + value;\n }\n\n if (key === _enums.CONTROLS.ANIMATING) {\n this.nodes.animating.querySelector('span').innerHTML = value ? '◼ Stop' : '▶ Start';\n }\n};\n\nControls.prototype.mount = function (customNodes) {\n var animating$ = _rxjs2.default.Observable.fromEvent(this.nodes.animating, 'change').map(function (evt) {\n return { key: _enums.CONTROLS.ANIMATING, value: evt.target.checked };\n });\n\n var count$ = _rxjs2.default.Observable.fromEvent(this.nodes.count, 'input').map(function (evt) {\n return { key: _enums.CONTROLS.COUNT, value: evt.target.value * 1 };\n });\n\n var speed$ = _rxjs2.default.Observable.fromEvent(this.nodes.speed, 'input').map(function (evt) {\n return { key: _enums.CONTROLS.SPEED, value: evt.target.value * 1 };\n });\n\n var eventStack$ = _rxjs2.default.Observable.merge(animating$, count$, speed$);\n\n eventStack$.subscribe(this.updateOptions.bind(this));\n\n return eventStack$;\n};\n\nfunction createAnimatingControl(value) {\n var label = document.createElement('label');\n label.className = 'controls-label';\n label.className = 'controls-animating';\n\n var text = document.createElement('span');\n text.innerHTML = '...';\n\n var checkbox = document.createElement('input');\n checkbox.type = 'checkbox';\n checkbox.checked = value;\n\n label.appendChild(checkbox);\n label.appendChild(text);\n\n return label;\n}\n\nfunction createCountControl(value, max) {\n var label = document.createElement('label');\n label.className = 'controls-range';\n\n var text = document.createElement('span');\n text.innerHTML = '...';\n text.className = 'controls-range-text';\n\n var slider = document.createElement('input');\n slider.type = 'range';\n slider.min = 1;\n slider.max = max;\n slider.value = value;\n slider.className = 'controls-range-input';\n\n label.appendChild(text);\n label.appendChild(slider);\n\n return label;\n}\n\nfunction createSpeedControl(value) {\n var label = document.createElement('label');\n label.className = 'controls-range';\n\n var text = document.createElement('span');\n text.className = 'controls-range-text';\n\n var slider = document.createElement('input');\n slider.type = 'range';\n slider.min = 1;\n slider.max = 15;\n slider.value = value;\n slider.className = 'controls-range-input';\n\n label.appendChild(text);\n label.appendChild(slider);\n\n return label;\n}\n\nexports.default = Controls;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjEuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvY29udHJvbHMuanM/ZTk5YiJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQ09OVFJPTFMgfSBmcm9tICcuL2VudW1zJztcblxuZnVuY3Rpb24gQ29udHJvbHMoY29udGFpbmVyLCB7IGFuaW1hdGluZywgY291bnQsIG1heENvdW50LCBzcGVlZCB9LCBjdXN0b21Ob2Rlcykge1xuICAgIHRoaXMubm9kZXMgPSB7XG4gICAgICAgIGFuaW1hdGluZzogY3JlYXRlQW5pbWF0aW5nQ29udHJvbChhbmltYXRpbmcpLFxuICAgICAgICBjb3VudDogY3JlYXRlQ291bnRDb250cm9sKGNvdW50LCBtYXhDb3VudCksXG4gICAgICAgIHNwZWVkOiBjcmVhdGVTcGVlZENvbnRyb2woc3BlZWQpLFxuICAgIH1cblxuICAgIGNvbnRhaW5lci5hcHBlbmRDaGlsZCh0aGlzLm5vZGVzLmNvdW50KTtcbiAgICBjb250YWluZXIuYXBwZW5kQ2hpbGQodGhpcy5ub2Rlcy5zcGVlZCk7XG5cbiAgICBpZiAoY3VzdG9tTm9kZXMgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICBjdXN0b21Ob2Rlcy5mb3JFYWNoKG5vZGUgPT4geyBjb250YWluZXIuYXBwZW5kQ2hpbGQobm9kZSk7IH0pO1xuICAgIH1cblxuICAgIGNvbnRhaW5lci5hcHBlbmRDaGlsZCh0aGlzLm5vZGVzLmFuaW1hdGluZyk7XG5cbiAgICB0aGlzLnVwZGF0ZU9wdGlvbnMoeyBrZXk6IENPTlRST0xTLkFOSU1BVElORywgdmFsdWU6IGFuaW1hdGluZyB9KTtcbiAgICB0aGlzLnVwZGF0ZU9wdGlvbnMoeyBrZXk6IENPTlRST0xTLkNPVU5ULCB2YWx1ZTogY291bnQgfSk7XG4gICAgdGhpcy51cGRhdGVPcHRpb25zKHsga2V5OiBDT05UUk9MUy5TUEVFRCwgdmFsdWU6IHNwZWVkIH0pO1xufVxuXG5Db250cm9scy5wcm90b3R5cGUudXBkYXRlT3B0aW9ucyA9IGZ1bmN0aW9uKHsga2V5LCB2YWx1ZX0pIHtcbiAgICBpZiAoa2V5ID09PSBDT05UUk9MUy5DT1VOVCkge1xuICAgICAgICB0aGlzLm5vZGVzLmNvdW50LnF1ZXJ5U2VsZWN0b3IoJ3NwYW4nKS5pbm5lckhUTUwgPVxuICAgICAgICAgICAgKHZhbHVlID09IDEpID8gJzEgcGFydGljbGUnIDogYCR7dmFsdWV9IHBhcnRpY2xlc2A7XG4gICAgfVxuXG4gICAgaWYgKGtleSA9PT0gQ09OVFJPTFMuU1BFRUQpIHtcbiAgICAgICAgdGhpcy5ub2Rlcy5zcGVlZC5xdWVyeVNlbGVjdG9yKCdzcGFuJykuaW5uZXJIVE1MID1cbiAgICAgICAgICAgIGBTcGVlZDogJHt2YWx1ZX1gO1xuICAgIH1cblxuICAgIGlmIChrZXkgPT09IENPTlRST0xTLkFOSU1BVElORykge1xuICAgICAgICB0aGlzLm5vZGVzLmFuaW1hdGluZy5xdWVyeVNlbGVjdG9yKCdzcGFuJykuaW5uZXJIVE1MID1cbiAgICAgICAgICAgICh2YWx1ZSA/ICcmIzk3MjQ7IFN0b3AnIDogJyYjOTY1NDsgU3RhcnQnKTtcbiAgICB9XG59XG5cbkNvbnRyb2xzLnByb3RvdHlwZS5tb3VudCA9IGZ1bmN0aW9uKGN1c3RvbU5vZGVzKSB7XG4gICAgY29uc3QgYW5pbWF0aW5nJCA9IFJ4Lk9ic2VydmFibGUuZnJvbUV2ZW50KHRoaXMubm9kZXMuYW5pbWF0aW5nLCAnY2hhbmdlJylcbiAgICAgICAgLm1hcChldnQgPT4gKHsga2V5OiBDT05UUk9MUy5BTklNQVRJTkcsIHZhbHVlOiBldnQudGFyZ2V0LmNoZWNrZWQgfSkpO1xuXG4gICAgY29uc3QgY291bnQkID0gUnguT2JzZXJ2YWJsZS5mcm9tRXZlbnQodGhpcy5ub2Rlcy5jb3VudCwgJ2lucHV0JylcbiAgICAgICAgLm1hcChldnQgPT4gKHsga2V5OiBDT05UUk9MUy5DT1VOVCwgdmFsdWU6IGV2dC50YXJnZXQudmFsdWUgKiAxIH0pKTtcblxuICAgIGNvbnN0IHNwZWVkJCA9IFJ4Lk9ic2VydmFibGUuZnJvbUV2ZW50KHRoaXMubm9kZXMuc3BlZWQsICdpbnB1dCcpXG4gICAgICAgIC5tYXAoZXZ0ID0+ICh7IGtleTogQ09OVFJPTFMuU1BFRUQsIHZhbHVlOiBldnQudGFyZ2V0LnZhbHVlICogMSB9KSk7XG5cbiAgICBjb25zdCBldmVudFN0YWNrJCA9IFJ4Lk9ic2VydmFibGUubWVyZ2UoXG4gICAgICAgIGFuaW1hdGluZyQsXG4gICAgICAgIGNvdW50JCxcbiAgICAgICAgc3BlZWQkXG4gICAgKTtcblxuICAgIGV2ZW50U3RhY2skLnN1YnNjcmliZSh0aGlzLnVwZGF0ZU9wdGlvbnMuYmluZCh0aGlzKSk7XG5cbiAgICByZXR1cm4gZXZlbnRTdGFjayQ7XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZUFuaW1hdGluZ0NvbnRyb2wodmFsdWUpIHtcbiAgICBjb25zdCBsYWJlbCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2xhYmVsJyk7XG4gICAgbGFiZWwuY2xhc3NOYW1lID0gJ2NvbnRyb2xzLWxhYmVsJztcbiAgICBsYWJlbC5jbGFzc05hbWUgPSAnY29udHJvbHMtYW5pbWF0aW5nJztcblxuICAgIGNvbnN0IHRleHQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzcGFuJyk7XG4gICAgdGV4dC5pbm5lckhUTUwgPSAnLi4uJztcblxuICAgIGNvbnN0IGNoZWNrYm94ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnaW5wdXQnKTtcbiAgICBjaGVja2JveC50eXBlID0gJ2NoZWNrYm94JztcbiAgICBjaGVja2JveC5jaGVja2VkID0gdmFsdWU7XG5cbiAgICBsYWJlbC5hcHBlbmRDaGlsZChjaGVja2JveCk7XG4gICAgbGFiZWwuYXBwZW5kQ2hpbGQodGV4dCk7XG5cbiAgICByZXR1cm4gbGFiZWw7XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZUNvdW50Q29udHJvbCh2YWx1ZSwgbWF4KSB7XG4gICAgY29uc3QgbGFiZWwgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdsYWJlbCcpO1xuICAgIGxhYmVsLmNsYXNzTmFtZSA9ICdjb250cm9scy1yYW5nZSc7XG5cbiAgICBjb25zdCB0ZXh0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3BhbicpO1xuICAgIHRleHQuaW5uZXJIVE1MID0gJy4uLic7XG4gICAgdGV4dC5jbGFzc05hbWUgPSAnY29udHJvbHMtcmFuZ2UtdGV4dCc7XG5cbiAgICBjb25zdCBzbGlkZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdpbnB1dCcpO1xuICAgIHNsaWRlci50eXBlID0gJ3JhbmdlJztcbiAgICBzbGlkZXIubWluID0gMTtcbiAgICBzbGlkZXIubWF4ID0gbWF4O1xuICAgIHNsaWRlci52YWx1ZSA9IHZhbHVlO1xuICAgIHNsaWRlci5jbGFzc05hbWUgPSAnY29udHJvbHMtcmFuZ2UtaW5wdXQnO1xuXG4gICAgbGFiZWwuYXBwZW5kQ2hpbGQodGV4dCk7XG4gICAgbGFiZWwuYXBwZW5kQ2hpbGQoc2xpZGVyKTtcblxuICAgIHJldHVybiBsYWJlbDtcbn1cblxuZnVuY3Rpb24gY3JlYXRlU3BlZWRDb250cm9sKHZhbHVlKSB7XG4gICAgY29uc3QgbGFiZWwgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdsYWJlbCcpO1xuICAgIGxhYmVsLmNsYXNzTmFtZSA9ICdjb250cm9scy1yYW5nZSc7XG5cbiAgICBjb25zdCB0ZXh0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3BhbicpO1xuICAgIHRleHQuY2xhc3NOYW1lID0gJ2NvbnRyb2xzLXJhbmdlLXRleHQnO1xuXG4gICAgY29uc3Qgc2xpZGVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnaW5wdXQnKTtcbiAgICBzbGlkZXIudHlwZSA9ICdyYW5nZSc7XG4gICAgc2xpZGVyLm1pbiA9IDE7XG4gICAgc2xpZGVyLm1heCA9IDE1O1xuICAgIHNsaWRlci52YWx1ZSA9IHZhbHVlO1xuICAgIHNsaWRlci5jbGFzc05hbWUgPSAnY29udHJvbHMtcmFuZ2UtaW5wdXQnO1xuXG4gICAgbGFiZWwuYXBwZW5kQ2hpbGQodGV4dCk7XG4gICAgbGFiZWwuYXBwZW5kQ2hpbGQoc2xpZGVyKTtcblxuICAgIHJldHVybiBsYWJlbDtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ29udHJvbHM7XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8ganMvY29udHJvbHMuanMiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFDQTtBQUtBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUtBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0="); /***/ }), /* 22 */ @@ -472,7 +472,7 @@ eval("\nvar isArray_1 = __webpack_require__(/*! ../util/isArray */ 11);\nfunctio /***/ (function(module, exports, __webpack_require__) { "use strict"; -eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _rxjs = __webpack_require__(/*! rxjs */ 14);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _enums = __webpack_require__(/*! ./enums */ 16);\n\nvar _store = __webpack_require__(/*! ./store */ 22);\n\nvar _store2 = _interopRequireDefault(_store);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar random = {\n bool: function bool(weight) {\n return Math.random() < (weight || 0.5);\n },\n color: function color() {\n return 'rgb(' + Math.floor(Math.random() * 255) + ', ' + Math.floor(Math.random() * 255) + ', ' + Math.floor(Math.random() * 255) + ')';\n },\n num: function num(min, max) {\n return min + Math.round(Math.random() * max);\n }\n};\n\n// ===== Constructor =====\n\nfunction Particle(parent, bounds, config, globalGrid) {\n this.config = Object.assign({\n bounds: bounds,\n color: random.color(),\n gridSize: 5,\n randomize: false,\n showMovementCircle: false,\n showVisionGrid: false,\n speed: 4,\n visionRadius: 50\n }, config);\n\n this.grids = {\n global: globalGrid || {},\n vision: createVisionGrid(this.config)\n };\n\n this.arc = createArc(bounds, globalGrid, this.config); // TODO no need to pass config after testing\n\n this.nodes = {\n body: createBodyNode(this.config),\n circle: undefined,\n container: createContainerNode(this.config),\n parent: parent,\n visionGrid: undefined\n };\n\n this.nodes.container.appendChild(this.nodes.body);\n parent.appendChild(this.nodes.container);\n\n this.updateConfig(this.config);\n this.nextFrame();\n};\n\n// ===== PROTOTYPE =====\n\nParticle.prototype.remove = function () {\n var _this = this;\n\n this.nodes.parent.removeChild(this.nodes.container);\n\n this.nodes.visionGrid.forEach(function (node) {\n return _this.nodes.parent.removeChild(node);\n });\n\n return this;\n};\n\nParticle.prototype.nextFrame = function () {\n this.arc = updateArc(this.arc, this.config);\n this.grids.vision = updateVisionGrid(this.arc, this.config, this.grids);\n\n this.arc = evade(this.arc, this.grids.vision);\n\n repaintContainer(this.nodes.container, this.arc);\n repaintBody(this.nodes.body, this.arc);\n repaintCircle(this.nodes.circle, this.arc);\n repaintVisionGrid(this.nodes.visionGrid, this.arc, this.grids);\n};\n\nParticle.prototype.updateConfig = function (config) {\n Object.assign(this.config, config);\n\n var _config = this.config,\n showMovementCircle = _config.showMovementCircle,\n showVisionGrid = _config.showVisionGrid;\n\n\n if (showMovementCircle === true && this.nodes.circle === undefined) {\n this.nodes.circle = createCircleNode(config);\n this.nodes.container.appendChild(this.nodes.circle);\n }\n\n if (showMovementCircle === false && this.nodes.circle !== undefined) {\n this.nodes.container.removeChild(this.nodes.circle);\n delete this.nodes.circle;\n }\n\n if (showVisionGrid === true && this.nodes.visionGrid === undefined) {\n this.nodes.visionGrid = createVisionGridNodes(this.config, this.grids, this.nodes);\n }\n\n if (showVisionGrid === false && this.nodes.visionGrid !== undefined) {\n delete this.nodex.visionGrid;\n }\n};\n\n// ===== CREATION =====\n\nfunction createArc(bounds, globalGrid, config) {\n var arc = {\n centerX: random.num(0, bounds.width),\n centerY: random.num(0, bounds.height),\n clockwise: random.bool(),\n endX: 0,\n endY: 0,\n length: random.num(_enums.RAD.t90, _enums.RAD.t360),\n radius: random.num(100, 200),\n theta: random.num(_enums.RAD.t90, _enums.RAD.t360)\n };\n\n arc.endX = arc.centerX + arc.radius * Math.cos(arc.theta);\n arc.endY = arc.centerY - arc.radius * Math.sin(arc.theta);\n\n arc = overflowArc(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 (globalGrid[x] !== undefined && globalGrid[x][y] !== undefined) {\n arc = createArc(bounds, globalGrid, config);\n }\n\n return arc;\n}\n\nfunction createBodyNode(config) {\n var node = document.createElement('div');\n node.className = 'particle-body';\n node.style.backgroundColor = config.color;\n return node;\n}\n\nfunction createCircleNode(config) {\n if (config.showMovementCircle === false) {\n return undefined;\n }\n\n var node = document.createElement('div');\n node.className = 'particle-movement-circle';\n node.style.borderColor = config.color;\n return node;\n}\n\nfunction createContainerNode(config) {\n var node = document.createElement('div');\n node.className = 'particle-container';\n return node;\n}\n\nfunction createVisionGrid(config) {\n var side = config.gridSize,\n radius = config.visionRadius;\n\n var r0 = radius;\n var r1 = radius - side;\n\n var points = [];\n\n for (var x = -radius; x <= radius; x += side) {\n for (var y = -radius; y <= radius; y += side) {\n // Omit 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.parent.appendChild(div);\n\n acc.push(div);\n\n return acc;\n }, []);\n}\n\n// ===== CALCULATIONS =====\n\nfunction updateArc(arc, _ref2) {\n var bounds = _ref2.bounds,\n randomize = _ref2.randomize,\n speed = _ref2.speed;\n\n // Randomly change radius and rotation direction.\n if (arc.length <= 0) {\n arc.length = random.num(_enums.RAD.t90, _enums.RAD.t360);\n\n if (randomize === true) {\n arc = moveArc(arc, random.num(100, 200));\n\n if (random.bool(0.8)) {\n arc.clockwise = !arc.clockwise;\n arc = changeDirection(arc);\n }\n }\n }\n\n // Ensure constant velocity and theta between 0 and 2π.\n var delta = speed / arc.radius;\n arc.length -= delta;\n\n arc.theta += arc.clockwise ? -delta : +delta;\n arc.theta = arc.theta > 0 ? arc.theta % _enums.RAD.t360 : _enums.RAD.t360 + arc.theta;\n\n arc.endX = arc.centerX + arc.radius * Math.cos(arc.theta);\n arc.endY = arc.centerY - arc.radius * Math.sin(arc.theta);\n\n // Overflow.\n arc = overflowArc(arc, bounds);\n\n return arc;\n}\n\nfunction updateVisionGrid(arc, config, grids) {\n var global = grids.global,\n vision = grids.vision;\n\n\n return vision.reduce(function (acc, point) {\n var rad = arc.clockwise ? arc.theta + point.alpha + _enums.RAD.t180 : arc.theta + point.alpha;\n\n var x = point.r * Math.cos(rad);\n var y = point.r * Math.sin(rad);\n\n point.x = arc.endX + x;\n point.y = arc.endY - y;\n\n var gridX = point.x - point.x % 5;\n var gridY = point.y - point.y % 5;\n\n point.touch = global[gridX] !== undefined && global[gridX][gridY] !== undefined;\n\n return acc.concat(point);\n }, []);\n}\n\nfunction overflowArc(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\nfunction moveArc(arc, newRadius) {\n var r0 = arc.radius;\n var r1 = newRadius;\n\n // Moves arc center to new radius while keeping theta constant.\n arc.centerX -= (r1 - r0) * Math.cos(arc.theta);\n arc.centerY += (r1 - r0) * Math.sin(arc.theta);\n arc.radius = r1;\n\n return arc;\n}\n\nfunction changeDirection(arc) {\n arc.theta = (arc.theta + _enums.RAD.t180) % _enums.RAD.t360;\n arc.centerX -= 2 * arc.radius * Math.cos(arc.theta);\n arc.centerY += 2 * arc.radius * Math.sin(arc.theta);\n\n return arc;\n}\n\n// ===== ACTIONS =====\nfunction evade(arc, visionGrid) {\n var danger = visionGrid.reduce(function (acc, v) {\n return acc || v.touch;\n }, false);\n\n if (danger === false) {\n return arc;\n }\n\n var evasionArc = moveArc(arc, 20);\n evasionArc.length = 1;\n\n return evasionArc;\n}\n\n// ===== RENDERING =====\nfunction repaintContainer(node, arc) {\n node.style.left = arc.endX + 'px';\n node.style.top = arc.endY + 'px';\n}\n\nfunction repaintBody(node, arc) {\n var rad = arc.clockwise ? _enums.RAD.t180 - arc.theta : _enums.RAD.t360 - arc.theta;\n\n node.style.transform = 'rotate(' + (rad + _enums.RAD.t45) + 'rad)';\n}\n\nfunction repaintCircle(node, arc) {\n if (node === undefined) {\n return;\n }\n\n node.style.width = 2 * arc.radius + 'px';\n node.style.height = 2 * arc.radius + 'px';\n\n node.style.left = '-' + (arc.radius + arc.radius * Math.cos(arc.theta)) + 'px';\n node.style.top = '-' + (arc.radius - arc.radius * Math.sin(arc.theta)) + 'px';\n\n node.style.borderRadius = arc.radius + 'px';\n}\n\nfunction repaintVisionGrid(nodes, arc, grids) {\n if (nodes === undefined) {\n return;\n }\n\n grids.vision.forEach(function (_ref3, i) {\n var x = _ref3.x,\n y = _ref3.y,\n touch = _ref3.touch;\n\n nodes[i].style.left = x + 'px';\n nodes[i].style.top = y + 'px';\n\n nodes[i].style.border = touch ? '2px solid red' : '0';\n });\n}\n\nexports.default = Particle;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzMuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvcGFydGljbGUuanM/M2JkZSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgUkFEIH0gZnJvbSAnLi9lbnVtcyc7XG5pbXBvcnQgU3RvcmUgZnJvbSAnLi9zdG9yZSc7XG5cbmNvbnN0IHJhbmRvbSA9IHtcbiAgICBib29sOiAod2VpZ2h0KSA9PiBNYXRoLnJhbmRvbSgpIDwgKHdlaWdodCB8fCAwLjUpLFxuICAgIGNvbG9yOiAoKSA9PiBgcmdiKCR7TWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogMjU1KX0sICR7TWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogMjU1KX0sICR7TWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogMjU1KX0pYCxcbiAgICBudW06IChtaW4sIG1heCkgPT4gbWluICsgTWF0aC5yb3VuZChNYXRoLnJhbmRvbSgpICogbWF4KSxcbn1cblxuLy8gPT09PT0gQ29uc3RydWN0b3IgPT09PT1cblxuZnVuY3Rpb24gUGFydGljbGUocGFyZW50LCBib3VuZHMsIGNvbmZpZywgZ2xvYmFsR3JpZCkge1xuICAgIHRoaXMuY29uZmlnID0gT2JqZWN0LmFzc2lnbih7XG4gICAgICAgIGJvdW5kcyxcbiAgICAgICAgY29sb3I6IHJhbmRvbS5jb2xvcigpLFxuICAgICAgICBncmlkU2l6ZTogNSxcbiAgICAgICAgcmFuZG9taXplOiBmYWxzZSxcbiAgICAgICAgc2hvd01vdmVtZW50Q2lyY2xlOiBmYWxzZSxcbiAgICAgICAgc2hvd1Zpc2lvbkdyaWQ6IGZhbHNlLFxuICAgICAgICBzcGVlZDogNCxcbiAgICAgICAgdmlzaW9uUmFkaXVzOiA1MFxuICAgIH0sIGNvbmZpZyk7XG5cbiAgICB0aGlzLmdyaWRzID0ge1xuICAgICAgICBnbG9iYWw6IGdsb2JhbEdyaWQgfHwge30sXG4gICAgICAgIHZpc2lvbjogY3JlYXRlVmlzaW9uR3JpZCh0aGlzLmNvbmZpZylcbiAgICB9O1xuXG4gICAgdGhpcy5hcmMgPSBjcmVhdGVBcmMoYm91bmRzLCBnbG9iYWxHcmlkLCB0aGlzLmNvbmZpZyk7IC8vIFRPRE8gbm8gbmVlZCB0byBwYXNzIGNvbmZpZyBhZnRlciB0ZXN0aW5nXG5cbiAgICB0aGlzLm5vZGVzID0ge1xuICAgICAgICBib2R5OiBjcmVhdGVCb2R5Tm9kZSh0aGlzLmNvbmZpZyksXG4gICAgICAgIGNpcmNsZTogdW5kZWZpbmVkLFxuICAgICAgICBjb250YWluZXI6IGNyZWF0ZUNvbnRhaW5lck5vZGUodGhpcy5jb25maWcpLFxuICAgICAgICBwYXJlbnQsXG4gICAgICAgIHZpc2lvbkdyaWQ6IHVuZGVmaW5lZCxcbiAgICB9O1xuXG4gICAgdGhpcy5ub2Rlcy5jb250YWluZXIuYXBwZW5kQ2hpbGQodGhpcy5ub2Rlcy5ib2R5KTtcbiAgICBwYXJlbnQuYXBwZW5kQ2hpbGQodGhpcy5ub2Rlcy5jb250YWluZXIpO1xuXG4gICAgdGhpcy51cGRhdGVDb25maWcodGhpcy5jb25maWcpO1xuICAgIHRoaXMubmV4dEZyYW1lKCk7XG59O1xuXG4vLyA9PT09PSBQUk9UT1RZUEUgPT09PT1cblxuUGFydGljbGUucHJvdG90eXBlLnJlbW92ZSA9IGZ1bmN0aW9uKCkge1xuICAgIHRoaXMubm9kZXMucGFyZW50LnJlbW92ZUNoaWxkKHRoaXMubm9kZXMuY29udGFpbmVyKTtcblxuICAgIHRoaXMubm9kZXMudmlzaW9uR3JpZC5mb3JFYWNoKG5vZGUgPT4gdGhpcy5ub2Rlcy5wYXJlbnQucmVtb3ZlQ2hpbGQobm9kZSkpO1xuXG4gICAgcmV0dXJuIHRoaXM7XG59XG5cblBhcnRpY2xlLnByb3RvdHlwZS5uZXh0RnJhbWUgPSBmdW5jdGlvbigpIHtcbiAgICB0aGlzLmFyYyA9IHVwZGF0ZUFyYyh0aGlzLmFyYywgdGhpcy5jb25maWcpO1xuICAgIHRoaXMuZ3JpZHMudmlzaW9uID0gdXBkYXRlVmlzaW9uR3JpZCh0aGlzLmFyYywgdGhpcy5jb25maWcsIHRoaXMuZ3JpZHMpO1xuXG4gICAgdGhpcy5hcmMgPSBldmFkZSh0aGlzLmFyYywgdGhpcy5ncmlkcy52aXNpb24pO1xuXG4gICAgcmVwYWludENvbnRhaW5lcih0aGlzLm5vZGVzLmNvbnRhaW5lciwgdGhpcy5hcmMpO1xuICAgIHJlcGFpbnRCb2R5KHRoaXMubm9kZXMuYm9keSwgdGhpcy5hcmMpO1xuICAgIHJlcGFpbnRDaXJjbGUodGhpcy5ub2Rlcy5jaXJjbGUsIHRoaXMuYXJjKTtcbiAgICByZXBhaW50VmlzaW9uR3JpZCh0aGlzLm5vZGVzLnZpc2lvbkdyaWQsIHRoaXMuYXJjLCB0aGlzLmdyaWRzKTtcbn1cblxuUGFydGljbGUucHJvdG90eXBlLnVwZGF0ZUNvbmZpZyA9IGZ1bmN0aW9uKGNvbmZpZykge1xuICAgIE9iamVjdC5hc3NpZ24odGhpcy5jb25maWcsIGNvbmZpZyk7XG5cbiAgICBjb25zdCB7IHNob3dNb3ZlbWVudENpcmNsZSwgc2hvd1Zpc2lvbkdyaWQgfSA9IHRoaXMuY29uZmlnO1xuXG4gICAgaWYgKHNob3dNb3ZlbWVudENpcmNsZSA9PT0gdHJ1ZSAmJiB0aGlzLm5vZGVzLmNpcmNsZSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMubm9kZXMuY2lyY2xlID0gY3JlYXRlQ2lyY2xlTm9kZShjb25maWcpO1xuICAgICAgICB0aGlzLm5vZGVzLmNvbnRhaW5lci5hcHBlbmRDaGlsZCh0aGlzLm5vZGVzLmNpcmNsZSk7XG4gICAgfVxuXG4gICAgaWYgKHNob3dNb3ZlbWVudENpcmNsZSA9PT0gZmFsc2UgJiYgdGhpcy5ub2Rlcy5jaXJjbGUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLm5vZGVzLmNvbnRhaW5lci5yZW1vdmVDaGlsZCh0aGlzLm5vZGVzLmNpcmNsZSk7XG4gICAgICAgIGRlbGV0ZSB0aGlzLm5vZGVzLmNpcmNsZTtcbiAgICB9XG5cbiAgICBpZiAoc2hvd1Zpc2lvbkdyaWQgPT09IHRydWUgJiYgdGhpcy5ub2Rlcy52aXNpb25HcmlkID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhpcy5ub2Rlcy52aXNpb25HcmlkID0gY3JlYXRlVmlzaW9uR3JpZE5vZGVzKHRoaXMuY29uZmlnLCB0aGlzLmdyaWRzLCB0aGlzLm5vZGVzKTtcbiAgICB9XG5cbiAgICBpZiAoc2hvd1Zpc2lvbkdyaWQgPT09IGZhbHNlICYmIHRoaXMubm9kZXMudmlzaW9uR3JpZCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGRlbGV0ZSB0aGlzLm5vZGV4LnZpc2lvbkdyaWQ7XG4gICAgfVxufVxuXG4vLyA9PT09PSBDUkVBVElPTiA9PT09PVxuXG5mdW5jdGlvbiBjcmVhdGVBcmMoYm91bmRzLCBnbG9iYWxHcmlkLCBjb25maWcpIHtcbiAgICBsZXQgYXJjID0ge1xuICAgICAgICBjZW50ZXJYOiByYW5kb20ubnVtKDAsIGJvdW5kcy53aWR0aCksXG4gICAgICAgIGNlbnRlclk6IHJhbmRvbS5udW0oMCwgYm91bmRzLmhlaWdodCksXG4gICAgICAgIGNsb2Nrd2lzZTogcmFuZG9tLmJvb2woKSxcbiAgICAgICAgZW5kWDogMCxcbiAgICAgICAgZW5kWTogMCxcbiAgICAgICAgbGVuZ3RoOiByYW5kb20ubnVtKFJBRC50OTAsIFJBRC50MzYwKSxcbiAgICAgICAgcmFkaXVzOiByYW5kb20ubnVtKDEwMCwgMjAwKSxcbiAgICAgICAgdGhldGE6IHJhbmRvbS5udW0oUkFELnQ5MCwgUkFELnQzNjApLFxuICAgIH07XG5cbiAgICBhcmMuZW5kWCA9IGFyYy5jZW50ZXJYICsgYXJjLnJhZGl1cyAqIE1hdGguY29zKGFyYy50aGV0YSk7XG4gICAgYXJjLmVuZFkgPSBhcmMuY2VudGVyWSAtIGFyYy5yYWRpdXMgKiBNYXRoLnNpbihhcmMudGhldGEpO1xuXG4gICAgYXJjID0gb3ZlcmZsb3dBcmMoYXJjLCBib3VuZHMpO1xuXG4gICAgY29uc3QgeCA9IGFyYy5lbmRYIC0gYXJjLmVuZFggJSA1O1xuICAgIGNvbnN0IHkgPSBhcmMuZW5kWSAtIGFyYy5lbmRZICUgNTtcblxuICAgIC8vIElmIHN0YXJ0aW5nIGluIGEgaGF6YXJkLCByZWN1cnNlLlxuICAgIGlmIChnbG9iYWxHcmlkW3hdICE9PSB1bmRlZmluZWQgJiYgZ2xvYmFsR3JpZFt4XVt5XSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGFyYyA9IGNyZWF0ZUFyYyhib3VuZHMsIGdsb2JhbEdyaWQsIGNvbmZpZyk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGFyYztcbn1cblxuZnVuY3Rpb24gY3JlYXRlQm9keU5vZGUoY29uZmlnKSB7XG4gICAgY29uc3Qgbm9kZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgIG5vZGUuY2xhc3NOYW1lID0gJ3BhcnRpY2xlLWJvZHknO1xuICAgIG5vZGUuc3R5bGUuYmFja2dyb3VuZENvbG9yID0gY29uZmlnLmNvbG9yO1xuICAgIHJldHVybiBub2RlO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVDaXJjbGVOb2RlKGNvbmZpZykge1xuICAgIGlmIChjb25maWcuc2hvd01vdmVtZW50Q2lyY2xlID09PSBmYWxzZSkge1xuICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cblxuICAgIGNvbnN0IG5vZGUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICBub2RlLmNsYXNzTmFtZSA9ICdwYXJ0aWNsZS1tb3ZlbWVudC1jaXJjbGUnO1xuICAgIG5vZGUuc3R5bGUuYm9yZGVyQ29sb3IgPSBjb25maWcuY29sb3I7XG4gICAgcmV0dXJuIG5vZGU7XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZUNvbnRhaW5lck5vZGUoY29uZmlnKSB7XG4gICAgY29uc3Qgbm9kZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgIG5vZGUuY2xhc3NOYW1lID0gJ3BhcnRpY2xlLWNvbnRhaW5lcic7XG4gICAgcmV0dXJuIG5vZGU7XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZVZpc2lvbkdyaWQoY29uZmlnKSB7XG4gICAgY29uc3QgeyBncmlkU2l6ZTogc2lkZSwgdmlzaW9uUmFkaXVzOiByYWRpdXMgfSA9IGNvbmZpZztcbiAgICBjb25zdCByMCA9IHJhZGl1cztcbiAgICBjb25zdCByMSA9IHJhZGl1cyAtIHNpZGU7XG5cbiAgICBjb25zdCBwb2ludHMgPSBbXTtcblxuICAgIGZvciAobGV0IHggPSAtcmFkaXVzOyB4IDw9IHJhZGl1czsgeCArPSBzaWRlKSB7XG4gICAgICAgIGZvciAobGV0IHkgPSAtcmFkaXVzOyB5IDw9IHJhZGl1czsgeSArPSBzaWRlKSB7XG4gICAgICAgICAgICAvLyBPbWl0IGxhcmdlIHNsaWNlcyBvZiB1bnVzZWQgY2lyY2xlXG4gICAgICAgICAgICBpZiAoeCA+IHkgfHwgeCA8IC15KSB7XG4gICAgICAgICAgICAgICAgY29udGludWU7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC8vIEluY2x1ZGUgdmlzaW9uIGJhbmRcbiAgICAgICAgICAgIGNvbnN0IHIgPSBNYXRoLnBvdyhNYXRoLnBvdyh4LCAyKSArIE1hdGgucG93KHksIDIpLCAwLjUpO1xuICAgICAgICAgICAgaWYgKHIgPiByMCB8fCByIDwgcjEpIHtcbiAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgbGV0IGFscGhhID0gTWF0aC5hdGFuKHkgLyB4KTtcbiAgICAgICAgICAgIGlmICh4IDwgMCkge1xuICAgICAgICAgICAgICAgIGFscGhhICs9IFJBRC50MTgwO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBwb2ludHMucHVzaCh7IHgsIHksIHIsIGFscGhhLCB0b3VjaDogZmFsc2UgfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gcG9pbnRzO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVWaXNpb25HcmlkTm9kZXMoY29uZmlnLCBncmlkcywgbm9kZXMpIHtcbiAgICBpZiAoY29uZmlnLnNob3dWaXNpb25HcmlkID09PSBmYWxzZSkge1xuICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cblxuICAgIHJldHVybiBncmlkcy52aXNpb24ucmVkdWNlKChhY2MsIHsgeCwgeSB9KSA9PiB7XG4gICAgICAgIGNvbnN0IGRpdiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgICAgICBkaXYuY2xhc3NOYW1lID0gJ3BhcnRpY2xlLXZpc2lvbi1kb3QnO1xuICAgICAgICBkaXYuc3R5bGUuYmFja2dyb3VuZENvbG9yID0gY29uZmlnLmNvbG9yO1xuICAgICAgICBub2Rlcy5wYXJlbnQuYXBwZW5kQ2hpbGQoZGl2KTtcblxuICAgICAgICBhY2MucHVzaChkaXYpO1xuXG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwgW10pO1xufVxuXG4vLyA9PT09PSBDQUxDVUxBVElPTlMgPT09PT1cblxuZnVuY3Rpb24gdXBkYXRlQXJjKGFyYywgeyBib3VuZHMsIHJhbmRvbWl6ZSwgc3BlZWQgfSkge1xuICAgIC8vIFJhbmRvbWx5IGNoYW5nZSByYWRpdXMgYW5kIHJvdGF0aW9uIGRpcmVjdGlvbi5cbiAgICBpZiAoYXJjLmxlbmd0aCA8PSAwKSB7XG4gICAgICAgIGFyYy5sZW5ndGggPSByYW5kb20ubnVtKFJBRC50OTAsIFJBRC50MzYwKTtcblxuICAgICAgICBpZiAocmFuZG9taXplID09PSB0cnVlKSB7XG4gICAgICAgICAgICBhcmMgPSBtb3ZlQXJjKGFyYywgcmFuZG9tLm51bSgxMDAsIDIwMCkpO1xuXG4gICAgICAgICAgICBpZiAocmFuZG9tLmJvb2woMC44KSkge1xuICAgICAgICAgICAgICAgIGFyYy5jbG9ja3dpc2UgPSAhYXJjLmNsb2Nrd2lzZTtcbiAgICAgICAgICAgICAgICBhcmMgPSBjaGFuZ2VEaXJlY3Rpb24oYXJjKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIEVuc3VyZSBjb25zdGFudCB2ZWxvY2l0eSBhbmQgdGhldGEgYmV0d2VlbiAwIGFuZCAyz4AuXG4gICAgY29uc3QgZGVsdGEgPSBzcGVlZCAvIGFyYy5yYWRpdXM7XG4gICAgYXJjLmxlbmd0aCAtPSBkZWx0YTtcblxuICAgIGFyYy50aGV0YSArPSAoYXJjLmNsb2Nrd2lzZSA/IC1kZWx0YSA6ICtkZWx0YSk7XG4gICAgYXJjLnRoZXRhID0gKGFyYy50aGV0YSA+IDAgPyBhcmMudGhldGEgJSBSQUQudDM2MCA6IFJBRC50MzYwICsgYXJjLnRoZXRhKTtcblxuICAgIGFyYy5lbmRYID0gYXJjLmNlbnRlclggKyBhcmMucmFkaXVzICogTWF0aC5jb3MoYXJjLnRoZXRhKTtcbiAgICBhcmMuZW5kWSA9IGFyYy5jZW50ZXJZIC0gYXJjLnJhZGl1cyAqIE1hdGguc2luKGFyYy50aGV0YSk7XG5cbiAgICAvLyBPdmVyZmxvdy5cbiAgICBhcmMgPSBvdmVyZmxvd0FyYyhhcmMsIGJvdW5kcyk7XG5cbiAgICByZXR1cm4gYXJjO1xufVxuXG5mdW5jdGlvbiB1cGRhdGVWaXNpb25HcmlkKGFyYywgY29uZmlnLCBncmlkcykge1xuICAgIGNvbnN0IHsgZ2xvYmFsLCB2aXNpb24gfSA9IGdyaWRzO1xuXG4gICAgcmV0dXJuIHZpc2lvbi5yZWR1Y2UoKGFjYywgcG9pbnQpID0+IHtcbiAgICAgICAgY29uc3QgcmFkID0gYXJjLmNsb2Nrd2lzZVxuICAgICAgICAgICAgPyBhcmMudGhldGEgKyBwb2ludC5hbHBoYSArIFJBRC50MTgwXG4gICAgICAgICAgICA6IGFyYy50aGV0YSArIHBvaW50LmFscGhhO1xuXG4gICAgICAgIGNvbnN0IHggPSBwb2ludC5yICogTWF0aC5jb3MocmFkKTtcbiAgICAgICAgY29uc3QgeSA9IHBvaW50LnIgKiBNYXRoLnNpbihyYWQpO1xuXG4gICAgICAgIHBvaW50LnggPSBhcmMuZW5kWCArIHg7XG4gICAgICAgIHBvaW50LnkgPSBhcmMuZW5kWSAtIHk7XG5cbiAgICAgICAgY29uc3QgZ3JpZFggPSBwb2ludC54IC0gcG9pbnQueCAlIDU7XG4gICAgICAgIGNvbnN0IGdyaWRZID0gcG9pbnQueSAtIHBvaW50LnkgJSA1O1xuXG4gICAgICAgIHBvaW50LnRvdWNoID0gKGdsb2JhbFtncmlkWF0gIT09IHVuZGVmaW5lZCAmJiBnbG9iYWxbZ3JpZFhdW2dyaWRZXSAhPT0gdW5kZWZpbmVkKTtcblxuICAgICAgICByZXR1cm4gYWNjLmNvbmNhdChwb2ludCk7XG4gICAgfSwgW10pO1xufVxuXG5mdW5jdGlvbiBvdmVyZmxvd0FyYyhhcmMsIGJvdW5kcykge1xuICAgIGlmIChhcmMuZW5kWCA8IDApIHtcbiAgICAgICAgYXJjLmVuZFggKz0gYm91bmRzLndpZHRoO1xuICAgICAgICBhcmMuY2VudGVyWCArPSBib3VuZHMud2lkdGhcbiAgICB9IGVsc2UgaWYgKGFyYy5lbmRYID4gYm91bmRzLndpZHRoKSB7XG4gICAgICAgIGFyYy5lbmRYIC09IGJvdW5kcy53aWR0aDtcbiAgICAgICAgYXJjLmNlbnRlclggLT0gYm91bmRzLndpZHRoXG4gICAgfVxuXG4gICAgaWYgKGFyYy5lbmRZIDwgMCkge1xuICAgICAgICBhcmMuZW5kWSArPSBib3VuZHMuaGVpZ2h0O1xuICAgICAgICBhcmMuY2VudGVyWSArPSBib3VuZHMuaGVpZ2h0XG4gICAgfSBlbHNlIGlmIChhcmMuZW5kWSA+IGJvdW5kcy5oZWlnaHQpIHtcbiAgICAgICAgYXJjLmVuZFkgLT0gYm91bmRzLmhlaWdodDtcbiAgICAgICAgYXJjLmNlbnRlclkgLT0gYm91bmRzLmhlaWdodFxuICAgIH1cblxuICAgIHJldHVybiBhcmM7XG59XG5cbmZ1bmN0aW9uIG1vdmVBcmMoYXJjLCBuZXdSYWRpdXMpIHtcbiAgICBjb25zdCByMCA9IGFyYy5yYWRpdXM7XG4gICAgY29uc3QgcjEgPSBuZXdSYWRpdXM7XG5cbiAgICAvLyBNb3ZlcyBhcmMgY2VudGVyIHRvIG5ldyByYWRpdXMgd2hpbGUga2VlcGluZyB0aGV0YSBjb25zdGFudC5cbiAgICBhcmMuY2VudGVyWCAtPSAocjEgLSByMCkgKiBNYXRoLmNvcyhhcmMudGhldGEpO1xuICAgIGFyYy5jZW50ZXJZICs9IChyMSAtIHIwKSAqIE1hdGguc2luKGFyYy50aGV0YSk7XG4gICAgYXJjLnJhZGl1cyA9IHIxO1xuXG4gICAgcmV0dXJuIGFyYztcbn1cblxuZnVuY3Rpb24gY2hhbmdlRGlyZWN0aW9uKGFyYykge1xuICAgIGFyYy50aGV0YSA9IChhcmMudGhldGEgKyBSQUQudDE4MCkgJSBSQUQudDM2MDtcbiAgICBhcmMuY2VudGVyWCAtPSAoMiAqIGFyYy5yYWRpdXMpICogTWF0aC5jb3MoYXJjLnRoZXRhKTtcbiAgICBhcmMuY2VudGVyWSArPSAoMiAqIGFyYy5yYWRpdXMpICogTWF0aC5zaW4oYXJjLnRoZXRhKTtcblxuICAgIHJldHVybiBhcmM7XG59XG5cbi8vID09PT09IEFDVElPTlMgPT09PT1cbmZ1bmN0aW9uIGV2YWRlKGFyYywgdmlzaW9uR3JpZCkge1xuICAgIGNvbnN0IGRhbmdlciA9IHZpc2lvbkdyaWQucmVkdWNlKChhY2MsIHYpID0+IGFjYyB8fCB2LnRvdWNoLCBmYWxzZSk7XG5cbiAgICBpZiAoZGFuZ2VyID09PSBmYWxzZSkge1xuICAgICAgICByZXR1cm4gYXJjO1xuICAgIH1cblxuICAgIGNvbnN0IGV2YXNpb25BcmMgPSBtb3ZlQXJjKGFyYywgMjApO1xuICAgIGV2YXNpb25BcmMubGVuZ3RoID0gMTtcblxuICAgIHJldHVybiBldmFzaW9uQXJjO1xufVxuXG4vLyA9PT09PSBSRU5ERVJJTkcgPT09PT1cbmZ1bmN0aW9uIHJlcGFpbnRDb250YWluZXIobm9kZSwgYXJjKSB7XG4gICAgbm9kZS5zdHlsZS5sZWZ0ID0gYCR7YXJjLmVuZFh9cHhgO1xuICAgIG5vZGUuc3R5bGUudG9wID0gYCR7YXJjLmVuZFl9cHhgO1xufVxuXG5mdW5jdGlvbiByZXBhaW50Qm9keShub2RlLCBhcmMpIHtcbiAgICBjb25zdCByYWQgPSBhcmMuY2xvY2t3aXNlXG4gICAgICAgID8gUkFELnQxODAgLSBhcmMudGhldGFcbiAgICAgICAgOiBSQUQudDM2MCAtIGFyYy50aGV0YTtcblxuICAgIG5vZGUuc3R5bGUudHJhbnNmb3JtID0gYHJvdGF0ZSgke3JhZCArIFJBRC50NDV9cmFkKWA7XG59XG5cbmZ1bmN0aW9uIHJlcGFpbnRDaXJjbGUobm9kZSwgYXJjKSB7XG4gICAgaWYgKG5vZGUgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgbm9kZS5zdHlsZS53aWR0aCA9IGAkezIgKiBhcmMucmFkaXVzfXB4YDtcbiAgICBub2RlLnN0eWxlLmhlaWdodCA9IGAkezIgKiBhcmMucmFkaXVzfXB4YDtcblxuICAgIG5vZGUuc3R5bGUubGVmdCA9IGAtJHthcmMucmFkaXVzICsgYXJjLnJhZGl1cyAqIE1hdGguY29zKGFyYy50aGV0YSl9cHhgO1xuICAgIG5vZGUuc3R5bGUudG9wID0gYC0ke2FyYy5yYWRpdXMgLSBhcmMucmFkaXVzICogTWF0aC5zaW4oYXJjLnRoZXRhKX1weGA7XG5cbiAgICBub2RlLnN0eWxlLmJvcmRlclJhZGl1cyA9IGAke2FyYy5yYWRpdXN9cHhgO1xufVxuXG5mdW5jdGlvbiByZXBhaW50VmlzaW9uR3JpZChub2RlcywgYXJjLCBncmlkcykge1xuICAgIGlmIChub2RlcyA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBncmlkcy52aXNpb24uZm9yRWFjaCgoeyB4LCB5LCB0b3VjaCB9LCBpKSA9PiB7XG4gICAgICAgIG5vZGVzW2ldLnN0eWxlLmxlZnQgPSBgJHt4fXB4YDtcbiAgICAgICAgbm9kZXNbaV0uc3R5bGUudG9wID0gYCR7eX1weGA7XG5cbiAgICAgICAgbm9kZXNbaV0uc3R5bGUuYm9yZGVyID0gKHRvdWNoID8gJzJweCBzb2xpZCByZWQnIDogJzAnKTtcbiAgICB9KTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFydGljbGU7XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8ganMvcGFydGljbGUuanMiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7QUFBQTtBQUNBOzs7OztBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBSEE7QUFDQTtBQUtBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQVJBO0FBQ0E7QUFVQTtBQUNBO0FBQ0E7QUFGQTtBQUNBO0FBSUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUxBO0FBQ0E7QUFPQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFGQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFSQTtBQUNBO0FBVUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ=="); +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _rxjs = __webpack_require__(/*! rxjs */ 14);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _enums = __webpack_require__(/*! ./enums */ 16);\n\nvar _store = __webpack_require__(/*! ./store */ 22);\n\nvar _store2 = _interopRequireDefault(_store);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar random = {\n bool: function bool(weight) {\n return Math.random() < (weight || 0.5);\n },\n color: function color() {\n return 'rgb(' + Math.floor(Math.random() * 255) + ', ' + Math.floor(Math.random() * 255) + ', ' + Math.floor(Math.random() * 255) + ')';\n },\n num: function num(min, max) {\n return min + Math.round(Math.random() * max);\n }\n};\n\n// ===== Constructor =====\n\nfunction Particle(parent, bounds, config, globalGrid) {\n this.config = Object.assign({\n bounds: bounds,\n color: random.color(),\n gridSize: 5,\n randomize: false,\n showMovementCircle: false,\n showVisionGrid: false,\n speed: 4,\n visionRadius: 50\n }, config);\n\n this.grids = {\n global: globalGrid || {},\n vision: createVisionGrid(this.config)\n };\n\n this.arc = createArc(bounds, this.grids, this.config); // TODO no need to pass config after testing\n\n this.nodes = {\n body: createBodyNode(this.config),\n circle: undefined,\n container: createContainerNode(this.config),\n parent: parent,\n visionGrid: undefined\n };\n\n this.nodes.container.appendChild(this.nodes.body);\n parent.appendChild(this.nodes.container);\n\n this.updateConfig(this.config);\n this.nextFrame();\n};\n\n// ===== PROTOTYPE =====\n\nParticle.prototype.remove = function () {\n var _this = this;\n\n this.nodes.parent.removeChild(this.nodes.container);\n\n this.nodes.visionGrid.forEach(function (node) {\n return _this.nodes.parent.removeChild(node);\n });\n\n return this;\n};\n\nParticle.prototype.nextFrame = function () {\n this.arc = updateArc(this.arc, this.config);\n this.grids.vision = updateVisionGrid(this.arc, this.config, this.grids);\n\n this.arc = evade(this.arc, this.grids.vision);\n\n repaintContainer(this.nodes.container, this.arc);\n repaintBody(this.nodes.body, this.arc);\n repaintCircle(this.nodes.circle, this.arc);\n repaintVisionGrid(this.nodes.visionGrid, this.arc, this.grids);\n};\n\nParticle.prototype.updateConfig = function (config) {\n Object.assign(this.config, config);\n\n var _config = this.config,\n showMovementCircle = _config.showMovementCircle,\n showVisionGrid = _config.showVisionGrid;\n\n\n if (showMovementCircle === true && this.nodes.circle === undefined) {\n this.nodes.circle = createCircleNode(config);\n this.nodes.container.appendChild(this.nodes.circle);\n }\n\n if (showMovementCircle === false && this.nodes.circle !== undefined) {\n this.nodes.container.removeChild(this.nodes.circle);\n delete this.nodes.circle;\n }\n\n if (showVisionGrid === true && this.nodes.visionGrid === undefined) {\n this.nodes.visionGrid = createVisionGridNodes(this.config, this.grids, this.nodes);\n }\n\n if (showVisionGrid === false && this.nodes.visionGrid !== undefined) {\n delete this.nodex.visionGrid;\n }\n};\n\n// ===== CREATION =====\n\nfunction createArc(bounds, grids, config) {\n var arc = {\n centerX: random.num(0, bounds.width),\n centerY: random.num(0, bounds.height),\n clockwise: random.bool(),\n endX: 0,\n endY: 0,\n length: random.num(_enums.RAD.t90, _enums.RAD.t360),\n radius: random.num(100, 200),\n theta: random.num(_enums.RAD.t90, _enums.RAD.t360)\n };\n\n arc.endX = arc.centerX + arc.radius * Math.cos(arc.theta);\n arc.endY = arc.centerY - arc.radius * Math.sin(arc.theta);\n\n arc = overflowArc(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, config);\n }\n\n return arc;\n}\n\nfunction createBodyNode(config) {\n var node = document.createElement('div');\n node.className = 'particle-body';\n node.style.backgroundColor = config.color;\n return node;\n}\n\nfunction createCircleNode(config) {\n if (config.showMovementCircle === false) {\n return undefined;\n }\n\n var node = document.createElement('div');\n node.className = 'particle-movement-circle';\n node.style.borderColor = config.color;\n return node;\n}\n\nfunction createContainerNode(config) {\n var node = document.createElement('div');\n node.className = 'particle-container';\n return node;\n}\n\nfunction createVisionGrid(config) {\n var side = config.gridSize,\n radius = config.visionRadius;\n\n var r0 = radius;\n var r1 = radius - side;\n\n var points = [];\n\n for (var x = -radius; x <= radius; x += side) {\n for (var y = -radius; y <= radius; y += side) {\n // Omit 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.parent.appendChild(div);\n\n acc.push(div);\n\n return acc;\n }, []);\n}\n\n// ===== CALCULATIONS =====\n\nfunction updateArc(arc, _ref2) {\n var bounds = _ref2.bounds,\n randomize = _ref2.randomize,\n speed = _ref2.speed;\n\n // Randomly change radius and rotation direction.\n if (arc.length <= 0) {\n arc.length = random.num(_enums.RAD.t90, _enums.RAD.t360);\n\n if (randomize === true) {\n arc = moveArc(arc, random.num(100, 200));\n\n if (random.bool(0.8)) {\n arc.clockwise = !arc.clockwise;\n arc = changeDirection(arc);\n }\n }\n }\n\n // Ensure constant velocity and theta between 0 and 2π.\n var delta = speed / arc.radius;\n arc.length -= delta;\n\n arc.theta += arc.clockwise ? -delta : +delta;\n arc.theta = arc.theta > 0 ? arc.theta % _enums.RAD.t360 : _enums.RAD.t360 + arc.theta;\n\n arc.endX = arc.centerX + arc.radius * Math.cos(arc.theta);\n arc.endY = arc.centerY - arc.radius * Math.sin(arc.theta);\n\n // Overflow.\n arc = overflowArc(arc, bounds);\n\n return arc;\n}\n\nfunction updateVisionGrid(arc, config, grids) {\n var global = grids.global,\n vision = grids.vision;\n\n\n return vision.reduce(function (acc, point) {\n var rad = arc.clockwise ? arc.theta + point.alpha + _enums.RAD.t180 : arc.theta + point.alpha;\n\n var x = point.r * Math.cos(rad);\n var y = point.r * Math.sin(rad);\n\n point.x = arc.endX + x;\n point.y = arc.endY - y;\n\n var gridX = point.x - point.x % 5;\n var gridY = point.y - point.y % 5;\n\n point.touch = global[gridX] !== undefined && global[gridX][gridY] !== undefined;\n\n return acc.concat(point);\n }, []);\n}\n\nfunction overflowArc(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\nfunction moveArc(arc, newRadius) {\n var r0 = arc.radius;\n var r1 = newRadius;\n\n // Moves arc center to new radius while keeping theta constant.\n arc.centerX -= (r1 - r0) * Math.cos(arc.theta);\n arc.centerY += (r1 - r0) * Math.sin(arc.theta);\n arc.radius = r1;\n\n return arc;\n}\n\nfunction changeDirection(arc) {\n arc.theta = (arc.theta + _enums.RAD.t180) % _enums.RAD.t360;\n arc.centerX -= 2 * arc.radius * Math.cos(arc.theta);\n arc.centerY += 2 * arc.radius * Math.sin(arc.theta);\n\n return arc;\n}\n\n// ===== ACTIONS =====\nfunction evade(arc, visionGrid) {\n var danger = visionGrid.reduce(function (acc, v) {\n return acc || v.touch;\n }, false);\n\n if (danger === false) {\n return arc;\n }\n\n var evasionArc = moveArc(arc, 20);\n evasionArc.length = 1;\n\n return evasionArc;\n}\n\n// ===== RENDERING =====\nfunction repaintContainer(node, arc) {\n node.style.left = arc.endX + 'px';\n node.style.top = arc.endY + 'px';\n}\n\nfunction repaintBody(node, arc) {\n var rad = arc.clockwise ? _enums.RAD.t180 - arc.theta : _enums.RAD.t360 - arc.theta;\n\n node.style.transform = 'rotate(' + (rad + _enums.RAD.t45) + 'rad)';\n}\n\nfunction repaintCircle(node, arc) {\n if (node === undefined) {\n return;\n }\n\n node.style.width = 2 * arc.radius + 'px';\n node.style.height = 2 * arc.radius + 'px';\n\n node.style.left = '-' + (arc.radius + arc.radius * Math.cos(arc.theta)) + 'px';\n node.style.top = '-' + (arc.radius - arc.radius * Math.sin(arc.theta)) + 'px';\n\n node.style.borderRadius = arc.radius + 'px';\n}\n\nfunction repaintVisionGrid(nodes, arc, grids) {\n if (nodes === undefined) {\n return;\n }\n\n grids.vision.forEach(function (_ref3, i) {\n var x = _ref3.x,\n y = _ref3.y,\n touch = _ref3.touch;\n\n nodes[i].style.left = x + 'px';\n nodes[i].style.top = y + 'px';\n\n nodes[i].style.border = touch ? '2px solid red' : '0';\n });\n}\n\nexports.default = Particle;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzMuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvcGFydGljbGUuanM/M2JkZSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgUkFEIH0gZnJvbSAnLi9lbnVtcyc7XG5pbXBvcnQgU3RvcmUgZnJvbSAnLi9zdG9yZSc7XG5cbmNvbnN0IHJhbmRvbSA9IHtcbiAgICBib29sOiAod2VpZ2h0KSA9PiBNYXRoLnJhbmRvbSgpIDwgKHdlaWdodCB8fCAwLjUpLFxuICAgIGNvbG9yOiAoKSA9PiBgcmdiKCR7TWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogMjU1KX0sICR7TWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogMjU1KX0sICR7TWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogMjU1KX0pYCxcbiAgICBudW06IChtaW4sIG1heCkgPT4gbWluICsgTWF0aC5yb3VuZChNYXRoLnJhbmRvbSgpICogbWF4KSxcbn1cblxuLy8gPT09PT0gQ29uc3RydWN0b3IgPT09PT1cblxuZnVuY3Rpb24gUGFydGljbGUocGFyZW50LCBib3VuZHMsIGNvbmZpZywgZ2xvYmFsR3JpZCkge1xuICAgIHRoaXMuY29uZmlnID0gT2JqZWN0LmFzc2lnbih7XG4gICAgICAgIGJvdW5kcyxcbiAgICAgICAgY29sb3I6IHJhbmRvbS5jb2xvcigpLFxuICAgICAgICBncmlkU2l6ZTogNSxcbiAgICAgICAgcmFuZG9taXplOiBmYWxzZSxcbiAgICAgICAgc2hvd01vdmVtZW50Q2lyY2xlOiBmYWxzZSxcbiAgICAgICAgc2hvd1Zpc2lvbkdyaWQ6IGZhbHNlLFxuICAgICAgICBzcGVlZDogNCxcbiAgICAgICAgdmlzaW9uUmFkaXVzOiA1MFxuICAgIH0sIGNvbmZpZyk7XG5cbiAgICB0aGlzLmdyaWRzID0ge1xuICAgICAgICBnbG9iYWw6IGdsb2JhbEdyaWQgfHwge30sXG4gICAgICAgIHZpc2lvbjogY3JlYXRlVmlzaW9uR3JpZCh0aGlzLmNvbmZpZylcbiAgICB9O1xuXG4gICAgdGhpcy5hcmMgPSBjcmVhdGVBcmMoYm91bmRzLCB0aGlzLmdyaWRzLCB0aGlzLmNvbmZpZyk7IC8vIFRPRE8gbm8gbmVlZCB0byBwYXNzIGNvbmZpZyBhZnRlciB0ZXN0aW5nXG5cbiAgICB0aGlzLm5vZGVzID0ge1xuICAgICAgICBib2R5OiBjcmVhdGVCb2R5Tm9kZSh0aGlzLmNvbmZpZyksXG4gICAgICAgIGNpcmNsZTogdW5kZWZpbmVkLFxuICAgICAgICBjb250YWluZXI6IGNyZWF0ZUNvbnRhaW5lck5vZGUodGhpcy5jb25maWcpLFxuICAgICAgICBwYXJlbnQsXG4gICAgICAgIHZpc2lvbkdyaWQ6IHVuZGVmaW5lZCxcbiAgICB9O1xuXG4gICAgdGhpcy5ub2Rlcy5jb250YWluZXIuYXBwZW5kQ2hpbGQodGhpcy5ub2Rlcy5ib2R5KTtcbiAgICBwYXJlbnQuYXBwZW5kQ2hpbGQodGhpcy5ub2Rlcy5jb250YWluZXIpO1xuXG4gICAgdGhpcy51cGRhdGVDb25maWcodGhpcy5jb25maWcpO1xuICAgIHRoaXMubmV4dEZyYW1lKCk7XG59O1xuXG4vLyA9PT09PSBQUk9UT1RZUEUgPT09PT1cblxuUGFydGljbGUucHJvdG90eXBlLnJlbW92ZSA9IGZ1bmN0aW9uKCkge1xuICAgIHRoaXMubm9kZXMucGFyZW50LnJlbW92ZUNoaWxkKHRoaXMubm9kZXMuY29udGFpbmVyKTtcblxuICAgIHRoaXMubm9kZXMudmlzaW9uR3JpZC5mb3JFYWNoKG5vZGUgPT4gdGhpcy5ub2Rlcy5wYXJlbnQucmVtb3ZlQ2hpbGQobm9kZSkpO1xuXG4gICAgcmV0dXJuIHRoaXM7XG59XG5cblBhcnRpY2xlLnByb3RvdHlwZS5uZXh0RnJhbWUgPSBmdW5jdGlvbigpIHtcbiAgICB0aGlzLmFyYyA9IHVwZGF0ZUFyYyh0aGlzLmFyYywgdGhpcy5jb25maWcpO1xuICAgIHRoaXMuZ3JpZHMudmlzaW9uID0gdXBkYXRlVmlzaW9uR3JpZCh0aGlzLmFyYywgdGhpcy5jb25maWcsIHRoaXMuZ3JpZHMpO1xuXG4gICAgdGhpcy5hcmMgPSBldmFkZSh0aGlzLmFyYywgdGhpcy5ncmlkcy52aXNpb24pO1xuXG4gICAgcmVwYWludENvbnRhaW5lcih0aGlzLm5vZGVzLmNvbnRhaW5lciwgdGhpcy5hcmMpO1xuICAgIHJlcGFpbnRCb2R5KHRoaXMubm9kZXMuYm9keSwgdGhpcy5hcmMpO1xuICAgIHJlcGFpbnRDaXJjbGUodGhpcy5ub2Rlcy5jaXJjbGUsIHRoaXMuYXJjKTtcbiAgICByZXBhaW50VmlzaW9uR3JpZCh0aGlzLm5vZGVzLnZpc2lvbkdyaWQsIHRoaXMuYXJjLCB0aGlzLmdyaWRzKTtcbn1cblxuUGFydGljbGUucHJvdG90eXBlLnVwZGF0ZUNvbmZpZyA9IGZ1bmN0aW9uKGNvbmZpZykge1xuICAgIE9iamVjdC5hc3NpZ24odGhpcy5jb25maWcsIGNvbmZpZyk7XG5cbiAgICBjb25zdCB7IHNob3dNb3ZlbWVudENpcmNsZSwgc2hvd1Zpc2lvbkdyaWQgfSA9IHRoaXMuY29uZmlnO1xuXG4gICAgaWYgKHNob3dNb3ZlbWVudENpcmNsZSA9PT0gdHJ1ZSAmJiB0aGlzLm5vZGVzLmNpcmNsZSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMubm9kZXMuY2lyY2xlID0gY3JlYXRlQ2lyY2xlTm9kZShjb25maWcpO1xuICAgICAgICB0aGlzLm5vZGVzLmNvbnRhaW5lci5hcHBlbmRDaGlsZCh0aGlzLm5vZGVzLmNpcmNsZSk7XG4gICAgfVxuXG4gICAgaWYgKHNob3dNb3ZlbWVudENpcmNsZSA9PT0gZmFsc2UgJiYgdGhpcy5ub2Rlcy5jaXJjbGUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLm5vZGVzLmNvbnRhaW5lci5yZW1vdmVDaGlsZCh0aGlzLm5vZGVzLmNpcmNsZSk7XG4gICAgICAgIGRlbGV0ZSB0aGlzLm5vZGVzLmNpcmNsZTtcbiAgICB9XG5cbiAgICBpZiAoc2hvd1Zpc2lvbkdyaWQgPT09IHRydWUgJiYgdGhpcy5ub2Rlcy52aXNpb25HcmlkID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhpcy5ub2Rlcy52aXNpb25HcmlkID0gY3JlYXRlVmlzaW9uR3JpZE5vZGVzKHRoaXMuY29uZmlnLCB0aGlzLmdyaWRzLCB0aGlzLm5vZGVzKTtcbiAgICB9XG5cbiAgICBpZiAoc2hvd1Zpc2lvbkdyaWQgPT09IGZhbHNlICYmIHRoaXMubm9kZXMudmlzaW9uR3JpZCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGRlbGV0ZSB0aGlzLm5vZGV4LnZpc2lvbkdyaWQ7XG4gICAgfVxufVxuXG4vLyA9PT09PSBDUkVBVElPTiA9PT09PVxuXG5mdW5jdGlvbiBjcmVhdGVBcmMoYm91bmRzLCBncmlkcywgY29uZmlnKSB7XG4gICAgbGV0IGFyYyA9IHtcbiAgICAgICAgY2VudGVyWDogcmFuZG9tLm51bSgwLCBib3VuZHMud2lkdGgpLFxuICAgICAgICBjZW50ZXJZOiByYW5kb20ubnVtKDAsIGJvdW5kcy5oZWlnaHQpLFxuICAgICAgICBjbG9ja3dpc2U6IHJhbmRvbS5ib29sKCksXG4gICAgICAgIGVuZFg6IDAsXG4gICAgICAgIGVuZFk6IDAsXG4gICAgICAgIGxlbmd0aDogcmFuZG9tLm51bShSQUQudDkwLCBSQUQudDM2MCksXG4gICAgICAgIHJhZGl1czogcmFuZG9tLm51bSgxMDAsIDIwMCksXG4gICAgICAgIHRoZXRhOiByYW5kb20ubnVtKFJBRC50OTAsIFJBRC50MzYwKSxcbiAgICB9O1xuXG4gICAgYXJjLmVuZFggPSBhcmMuY2VudGVyWCArIGFyYy5yYWRpdXMgKiBNYXRoLmNvcyhhcmMudGhldGEpO1xuICAgIGFyYy5lbmRZID0gYXJjLmNlbnRlclkgLSBhcmMucmFkaXVzICogTWF0aC5zaW4oYXJjLnRoZXRhKTtcblxuICAgIGFyYyA9IG92ZXJmbG93QXJjKGFyYywgYm91bmRzKTtcblxuICAgIGNvbnN0IHggPSBhcmMuZW5kWCAtIGFyYy5lbmRYICUgNTtcbiAgICBjb25zdCB5ID0gYXJjLmVuZFkgLSBhcmMuZW5kWSAlIDU7XG5cbiAgICAvLyBJZiBzdGFydGluZyBpbiBhIGhhemFyZCwgcmVjdXJzZS5cbiAgICBpZiAoZ3JpZHMuZ2xvYmFsW3hdICE9PSB1bmRlZmluZWQgJiYgZ3JpZHMuZ2xvYmFsW3hdW3ldICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgYXJjID0gY3JlYXRlQXJjKGJvdW5kcywgZ3JpZHMsIGNvbmZpZyk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGFyYztcbn1cblxuZnVuY3Rpb24gY3JlYXRlQm9keU5vZGUoY29uZmlnKSB7XG4gICAgY29uc3Qgbm9kZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgIG5vZGUuY2xhc3NOYW1lID0gJ3BhcnRpY2xlLWJvZHknO1xuICAgIG5vZGUuc3R5bGUuYmFja2dyb3VuZENvbG9yID0gY29uZmlnLmNvbG9yO1xuICAgIHJldHVybiBub2RlO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVDaXJjbGVOb2RlKGNvbmZpZykge1xuICAgIGlmIChjb25maWcuc2hvd01vdmVtZW50Q2lyY2xlID09PSBmYWxzZSkge1xuICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cblxuICAgIGNvbnN0IG5vZGUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICBub2RlLmNsYXNzTmFtZSA9ICdwYXJ0aWNsZS1tb3ZlbWVudC1jaXJjbGUnO1xuICAgIG5vZGUuc3R5bGUuYm9yZGVyQ29sb3IgPSBjb25maWcuY29sb3I7XG4gICAgcmV0dXJuIG5vZGU7XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZUNvbnRhaW5lck5vZGUoY29uZmlnKSB7XG4gICAgY29uc3Qgbm9kZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgIG5vZGUuY2xhc3NOYW1lID0gJ3BhcnRpY2xlLWNvbnRhaW5lcic7XG4gICAgcmV0dXJuIG5vZGU7XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZVZpc2lvbkdyaWQoY29uZmlnKSB7XG4gICAgY29uc3QgeyBncmlkU2l6ZTogc2lkZSwgdmlzaW9uUmFkaXVzOiByYWRpdXMgfSA9IGNvbmZpZztcbiAgICBjb25zdCByMCA9IHJhZGl1cztcbiAgICBjb25zdCByMSA9IHJhZGl1cyAtIHNpZGU7XG5cbiAgICBjb25zdCBwb2ludHMgPSBbXTtcblxuICAgIGZvciAobGV0IHggPSAtcmFkaXVzOyB4IDw9IHJhZGl1czsgeCArPSBzaWRlKSB7XG4gICAgICAgIGZvciAobGV0IHkgPSAtcmFkaXVzOyB5IDw9IHJhZGl1czsgeSArPSBzaWRlKSB7XG4gICAgICAgICAgICAvLyBPbWl0IGxhcmdlIHNsaWNlcyBvZiB1bnVzZWQgY2lyY2xlXG4gICAgICAgICAgICBpZiAoeCA+IHkgfHwgeCA8IC15KSB7XG4gICAgICAgICAgICAgICAgY29udGludWU7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC8vIEluY2x1ZGUgdmlzaW9uIGJhbmRcbiAgICAgICAgICAgIGNvbnN0IHIgPSBNYXRoLnBvdyhNYXRoLnBvdyh4LCAyKSArIE1hdGgucG93KHksIDIpLCAwLjUpO1xuICAgICAgICAgICAgaWYgKHIgPiByMCB8fCByIDwgcjEpIHtcbiAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgbGV0IGFscGhhID0gTWF0aC5hdGFuKHkgLyB4KTtcbiAgICAgICAgICAgIGlmICh4IDwgMCkge1xuICAgICAgICAgICAgICAgIGFscGhhICs9IFJBRC50MTgwO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBwb2ludHMucHVzaCh7IHgsIHksIHIsIGFscGhhLCB0b3VjaDogZmFsc2UgfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gcG9pbnRzO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVWaXNpb25HcmlkTm9kZXMoY29uZmlnLCBncmlkcywgbm9kZXMpIHtcbiAgICBpZiAoY29uZmlnLnNob3dWaXNpb25HcmlkID09PSBmYWxzZSkge1xuICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cblxuICAgIHJldHVybiBncmlkcy52aXNpb24ucmVkdWNlKChhY2MsIHsgeCwgeSB9KSA9PiB7XG4gICAgICAgIGNvbnN0IGRpdiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgICAgICBkaXYuY2xhc3NOYW1lID0gJ3BhcnRpY2xlLXZpc2lvbi1kb3QnO1xuICAgICAgICBkaXYuc3R5bGUuYmFja2dyb3VuZENvbG9yID0gY29uZmlnLmNvbG9yO1xuICAgICAgICBub2Rlcy5wYXJlbnQuYXBwZW5kQ2hpbGQoZGl2KTtcblxuICAgICAgICBhY2MucHVzaChkaXYpO1xuXG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwgW10pO1xufVxuXG4vLyA9PT09PSBDQUxDVUxBVElPTlMgPT09PT1cblxuZnVuY3Rpb24gdXBkYXRlQXJjKGFyYywgeyBib3VuZHMsIHJhbmRvbWl6ZSwgc3BlZWQgfSkge1xuICAgIC8vIFJhbmRvbWx5IGNoYW5nZSByYWRpdXMgYW5kIHJvdGF0aW9uIGRpcmVjdGlvbi5cbiAgICBpZiAoYXJjLmxlbmd0aCA8PSAwKSB7XG4gICAgICAgIGFyYy5sZW5ndGggPSByYW5kb20ubnVtKFJBRC50OTAsIFJBRC50MzYwKTtcblxuICAgICAgICBpZiAocmFuZG9taXplID09PSB0cnVlKSB7XG4gICAgICAgICAgICBhcmMgPSBtb3ZlQXJjKGFyYywgcmFuZG9tLm51bSgxMDAsIDIwMCkpO1xuXG4gICAgICAgICAgICBpZiAocmFuZG9tLmJvb2woMC44KSkge1xuICAgICAgICAgICAgICAgIGFyYy5jbG9ja3dpc2UgPSAhYXJjLmNsb2Nrd2lzZTtcbiAgICAgICAgICAgICAgICBhcmMgPSBjaGFuZ2VEaXJlY3Rpb24oYXJjKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIEVuc3VyZSBjb25zdGFudCB2ZWxvY2l0eSBhbmQgdGhldGEgYmV0d2VlbiAwIGFuZCAyz4AuXG4gICAgY29uc3QgZGVsdGEgPSBzcGVlZCAvIGFyYy5yYWRpdXM7XG4gICAgYXJjLmxlbmd0aCAtPSBkZWx0YTtcblxuICAgIGFyYy50aGV0YSArPSAoYXJjLmNsb2Nrd2lzZSA/IC1kZWx0YSA6ICtkZWx0YSk7XG4gICAgYXJjLnRoZXRhID0gKGFyYy50aGV0YSA+IDAgPyBhcmMudGhldGEgJSBSQUQudDM2MCA6IFJBRC50MzYwICsgYXJjLnRoZXRhKTtcblxuICAgIGFyYy5lbmRYID0gYXJjLmNlbnRlclggKyBhcmMucmFkaXVzICogTWF0aC5jb3MoYXJjLnRoZXRhKTtcbiAgICBhcmMuZW5kWSA9IGFyYy5jZW50ZXJZIC0gYXJjLnJhZGl1cyAqIE1hdGguc2luKGFyYy50aGV0YSk7XG5cbiAgICAvLyBPdmVyZmxvdy5cbiAgICBhcmMgPSBvdmVyZmxvd0FyYyhhcmMsIGJvdW5kcyk7XG5cbiAgICByZXR1cm4gYXJjO1xufVxuXG5mdW5jdGlvbiB1cGRhdGVWaXNpb25HcmlkKGFyYywgY29uZmlnLCBncmlkcykge1xuICAgIGNvbnN0IHsgZ2xvYmFsLCB2aXNpb24gfSA9IGdyaWRzO1xuXG4gICAgcmV0dXJuIHZpc2lvbi5yZWR1Y2UoKGFjYywgcG9pbnQpID0+IHtcbiAgICAgICAgY29uc3QgcmFkID0gYXJjLmNsb2Nrd2lzZVxuICAgICAgICAgICAgPyBhcmMudGhldGEgKyBwb2ludC5hbHBoYSArIFJBRC50MTgwXG4gICAgICAgICAgICA6IGFyYy50aGV0YSArIHBvaW50LmFscGhhO1xuXG4gICAgICAgIGNvbnN0IHggPSBwb2ludC5yICogTWF0aC5jb3MocmFkKTtcbiAgICAgICAgY29uc3QgeSA9IHBvaW50LnIgKiBNYXRoLnNpbihyYWQpO1xuXG4gICAgICAgIHBvaW50LnggPSBhcmMuZW5kWCArIHg7XG4gICAgICAgIHBvaW50LnkgPSBhcmMuZW5kWSAtIHk7XG5cbiAgICAgICAgY29uc3QgZ3JpZFggPSBwb2ludC54IC0gcG9pbnQueCAlIDU7XG4gICAgICAgIGNvbnN0IGdyaWRZID0gcG9pbnQueSAtIHBvaW50LnkgJSA1O1xuXG4gICAgICAgIHBvaW50LnRvdWNoID0gKGdsb2JhbFtncmlkWF0gIT09IHVuZGVmaW5lZCAmJiBnbG9iYWxbZ3JpZFhdW2dyaWRZXSAhPT0gdW5kZWZpbmVkKTtcblxuICAgICAgICByZXR1cm4gYWNjLmNvbmNhdChwb2ludCk7XG4gICAgfSwgW10pO1xufVxuXG5mdW5jdGlvbiBvdmVyZmxvd0FyYyhhcmMsIGJvdW5kcykge1xuICAgIGlmIChhcmMuZW5kWCA8IDApIHtcbiAgICAgICAgYXJjLmVuZFggKz0gYm91bmRzLndpZHRoO1xuICAgICAgICBhcmMuY2VudGVyWCArPSBib3VuZHMud2lkdGhcbiAgICB9IGVsc2UgaWYgKGFyYy5lbmRYID4gYm91bmRzLndpZHRoKSB7XG4gICAgICAgIGFyYy5lbmRYIC09IGJvdW5kcy53aWR0aDtcbiAgICAgICAgYXJjLmNlbnRlclggLT0gYm91bmRzLndpZHRoXG4gICAgfVxuXG4gICAgaWYgKGFyYy5lbmRZIDwgMCkge1xuICAgICAgICBhcmMuZW5kWSArPSBib3VuZHMuaGVpZ2h0O1xuICAgICAgICBhcmMuY2VudGVyWSArPSBib3VuZHMuaGVpZ2h0XG4gICAgfSBlbHNlIGlmIChhcmMuZW5kWSA+IGJvdW5kcy5oZWlnaHQpIHtcbiAgICAgICAgYXJjLmVuZFkgLT0gYm91bmRzLmhlaWdodDtcbiAgICAgICAgYXJjLmNlbnRlclkgLT0gYm91bmRzLmhlaWdodFxuICAgIH1cblxuICAgIHJldHVybiBhcmM7XG59XG5cbmZ1bmN0aW9uIG1vdmVBcmMoYXJjLCBuZXdSYWRpdXMpIHtcbiAgICBjb25zdCByMCA9IGFyYy5yYWRpdXM7XG4gICAgY29uc3QgcjEgPSBuZXdSYWRpdXM7XG5cbiAgICAvLyBNb3ZlcyBhcmMgY2VudGVyIHRvIG5ldyByYWRpdXMgd2hpbGUga2VlcGluZyB0aGV0YSBjb25zdGFudC5cbiAgICBhcmMuY2VudGVyWCAtPSAocjEgLSByMCkgKiBNYXRoLmNvcyhhcmMudGhldGEpO1xuICAgIGFyYy5jZW50ZXJZICs9IChyMSAtIHIwKSAqIE1hdGguc2luKGFyYy50aGV0YSk7XG4gICAgYXJjLnJhZGl1cyA9IHIxO1xuXG4gICAgcmV0dXJuIGFyYztcbn1cblxuZnVuY3Rpb24gY2hhbmdlRGlyZWN0aW9uKGFyYykge1xuICAgIGFyYy50aGV0YSA9IChhcmMudGhldGEgKyBSQUQudDE4MCkgJSBSQUQudDM2MDtcbiAgICBhcmMuY2VudGVyWCAtPSAoMiAqIGFyYy5yYWRpdXMpICogTWF0aC5jb3MoYXJjLnRoZXRhKTtcbiAgICBhcmMuY2VudGVyWSArPSAoMiAqIGFyYy5yYWRpdXMpICogTWF0aC5zaW4oYXJjLnRoZXRhKTtcblxuICAgIHJldHVybiBhcmM7XG59XG5cbi8vID09PT09IEFDVElPTlMgPT09PT1cbmZ1bmN0aW9uIGV2YWRlKGFyYywgdmlzaW9uR3JpZCkge1xuICAgIGNvbnN0IGRhbmdlciA9IHZpc2lvbkdyaWQucmVkdWNlKChhY2MsIHYpID0+IGFjYyB8fCB2LnRvdWNoLCBmYWxzZSk7XG5cbiAgICBpZiAoZGFuZ2VyID09PSBmYWxzZSkge1xuICAgICAgICByZXR1cm4gYXJjO1xuICAgIH1cblxuICAgIGNvbnN0IGV2YXNpb25BcmMgPSBtb3ZlQXJjKGFyYywgMjApO1xuICAgIGV2YXNpb25BcmMubGVuZ3RoID0gMTtcblxuICAgIHJldHVybiBldmFzaW9uQXJjO1xufVxuXG4vLyA9PT09PSBSRU5ERVJJTkcgPT09PT1cbmZ1bmN0aW9uIHJlcGFpbnRDb250YWluZXIobm9kZSwgYXJjKSB7XG4gICAgbm9kZS5zdHlsZS5sZWZ0ID0gYCR7YXJjLmVuZFh9cHhgO1xuICAgIG5vZGUuc3R5bGUudG9wID0gYCR7YXJjLmVuZFl9cHhgO1xufVxuXG5mdW5jdGlvbiByZXBhaW50Qm9keShub2RlLCBhcmMpIHtcbiAgICBjb25zdCByYWQgPSBhcmMuY2xvY2t3aXNlXG4gICAgICAgID8gUkFELnQxODAgLSBhcmMudGhldGFcbiAgICAgICAgOiBSQUQudDM2MCAtIGFyYy50aGV0YTtcblxuICAgIG5vZGUuc3R5bGUudHJhbnNmb3JtID0gYHJvdGF0ZSgke3JhZCArIFJBRC50NDV9cmFkKWA7XG59XG5cbmZ1bmN0aW9uIHJlcGFpbnRDaXJjbGUobm9kZSwgYXJjKSB7XG4gICAgaWYgKG5vZGUgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgbm9kZS5zdHlsZS53aWR0aCA9IGAkezIgKiBhcmMucmFkaXVzfXB4YDtcbiAgICBub2RlLnN0eWxlLmhlaWdodCA9IGAkezIgKiBhcmMucmFkaXVzfXB4YDtcblxuICAgIG5vZGUuc3R5bGUubGVmdCA9IGAtJHthcmMucmFkaXVzICsgYXJjLnJhZGl1cyAqIE1hdGguY29zKGFyYy50aGV0YSl9cHhgO1xuICAgIG5vZGUuc3R5bGUudG9wID0gYC0ke2FyYy5yYWRpdXMgLSBhcmMucmFkaXVzICogTWF0aC5zaW4oYXJjLnRoZXRhKX1weGA7XG5cbiAgICBub2RlLnN0eWxlLmJvcmRlclJhZGl1cyA9IGAke2FyYy5yYWRpdXN9cHhgO1xufVxuXG5mdW5jdGlvbiByZXBhaW50VmlzaW9uR3JpZChub2RlcywgYXJjLCBncmlkcykge1xuICAgIGlmIChub2RlcyA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBncmlkcy52aXNpb24uZm9yRWFjaCgoeyB4LCB5LCB0b3VjaCB9LCBpKSA9PiB7XG4gICAgICAgIG5vZGVzW2ldLnN0eWxlLmxlZnQgPSBgJHt4fXB4YDtcbiAgICAgICAgbm9kZXNbaV0uc3R5bGUudG9wID0gYCR7eX1weGA7XG5cbiAgICAgICAgbm9kZXNbaV0uc3R5bGUuYm9yZGVyID0gKHRvdWNoID8gJzJweCBzb2xpZCByZWQnIDogJzAnKTtcbiAgICB9KTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFydGljbGU7XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8ganMvcGFydGljbGUuanMiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7QUFBQTtBQUNBOzs7OztBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBSEE7QUFDQTtBQUtBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQVJBO0FBQ0E7QUFVQTtBQUNBO0FBQ0E7QUFGQTtBQUNBO0FBSUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUxBO0FBQ0E7QUFPQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFGQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFSQTtBQUNBO0FBVUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ=="); /***/ }), /* 34 */ @@ -950,7 +950,7 @@ eval("var g;\r\n\r\n// This works in non-strict mode\r\ng = (function() {\r\n\tr /***/ (function(module, exports, __webpack_require__) { "use strict"; -eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _rxjs = __webpack_require__(/*! rxjs */ 14);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _particle = __webpack_require__(/*! ./particle */ 33);\n\nvar _particle2 = _interopRequireDefault(_particle);\n\nvar _store = __webpack_require__(/*! ./store */ 22);\n\nvar _store2 = _interopRequireDefault(_store);\n\nvar _controls = __webpack_require__(/*! ./controls */ 21);\n\nvar _controls2 = _interopRequireDefault(_controls);\n\nvar _enums = __webpack_require__(/*! ./enums */ 16);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction Animation1a() {\n this.options = {\n count: 1,\n maxCount: 25,\n randomize: true,\n showMovementCircle: true,\n speed: 4\n };\n\n this.container = document.getElementById('animation1a');\n this.bounds = this.container.getBoundingClientRect();\n\n this.movementCircleCtrl = createMovementCircleControl();\n\n this.particles = [];\n\n var controls = new _controls2.default(document.getElementById('controls1a'), this.options, [this.movementCircleCtrl]);\n\n var circle$ = _rxjs2.default.Observable.fromEvent(this.movementCircleCtrl, 'change').map(function (evt) {\n return { key: _enums.CONTROLS.MOVEMENT_CIRCLE, value: evt.target.checked };\n });\n\n var eventStack$ = controls.mount().merge(circle$);\n\n eventStack$.subscribe(this.subscriber.bind(this));\n\n this.updateCount(this.options.count);\n this.updateMovementCircle(this.options.showMovementCircle);\n};\n\nfunction createMovementCircleControl() {\n var label = document.createElement('label');\n label.className = 'controls-checkbox';\n\n var text = document.createElement('span');\n text.innerHTML = 'Show movement circle';\n text.className = 'controls-checkbox-text';\n\n var checkbox = document.createElement('input');\n checkbox.type = 'checkbox';\n checkbox.className = 'controls-checkbox-input';\n\n label.appendChild(checkbox);\n label.appendChild(text);\n\n return label;\n}\n\nAnimation1a.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.MOVEMENT_CIRCLE:\n this.updateMovementCircle(value);break;\n case _enums.CONTROLS.RANDOMIZE:\n this.updateRandomize(value);break;\n case _enums.CONTROLS.SPEED:\n this.updateSpeed(value);break;\n }\n};\n\nAnimation1a.prototype.nextFrame = function () {\n this.particles.forEach(function (p) {\n return p.nextFrame();\n });\n};\n\nAnimation1a.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\nAnimation1a.prototype.updateCount = function (count) {\n while (this.particles.length > count) {\n delete this.particles.pop().remove();\n }\n\n while (this.particles.length < count) {\n var p = new _particle2.default(this.container, this.bounds, this.options);\n this.particles.push(p);\n }\n};\n\nAnimation1a.prototype.updateMovementCircle = function (value) {\n this.options.showMovementCircle = value;\n this.movementCircleCtrl.querySelector('[type=checkbox]').checked = value;\n this.particles.forEach(function (p) {\n return p.updateConfig({ showMovementCircle: value });\n });\n};\n\nAnimation1a.prototype.updateRandomize = function (value) {\n this.options.randomize = value;\n this.particles.forEach(function (p) {\n return p.updateConfig({ randomize: value });\n });\n};\n\nAnimation1a.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 = Animation1a;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNzMuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvYW5pbWF0aW9uMWEuanM/M2NmMSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IFBhcnRpY2xlIGZyb20gJy4vcGFydGljbGUnO1xuaW1wb3J0IFN0b3JlIGZyb20gJy4vc3RvcmUnO1xuaW1wb3J0IENvbnRyb2xzIGZyb20gJy4vY29udHJvbHMnO1xuaW1wb3J0IHsgQ09OVFJPTFMgfSBmcm9tICcuL2VudW1zJztcblxuZnVuY3Rpb24gQW5pbWF0aW9uMWEoKSB7XG4gICAgdGhpcy5vcHRpb25zID0ge1xuICAgICAgICBjb3VudDogMSxcbiAgICAgICAgbWF4Q291bnQ6IDI1LFxuICAgICAgICByYW5kb21pemU6IHRydWUsXG4gICAgICAgIHNob3dNb3ZlbWVudENpcmNsZTogdHJ1ZSxcbiAgICAgICAgc3BlZWQ6IDRcbiAgICB9O1xuXG4gICAgdGhpcy5jb250YWluZXIgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnYW5pbWF0aW9uMWEnKTtcbiAgICB0aGlzLmJvdW5kcyA9IHRoaXMuY29udGFpbmVyLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuXG4gICAgdGhpcy5tb3ZlbWVudENpcmNsZUN0cmwgPSBjcmVhdGVNb3ZlbWVudENpcmNsZUNvbnRyb2woKTtcblxuICAgIHRoaXMucGFydGljbGVzID0gW107XG5cbiAgICBjb25zdCBjb250cm9scyA9IG5ldyBDb250cm9scyhcbiAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2NvbnRyb2xzMWEnKSxcbiAgICAgICAgdGhpcy5vcHRpb25zLFxuICAgICAgICBbdGhpcy5tb3ZlbWVudENpcmNsZUN0cmxdXG4gICAgKTtcblxuICAgIGNvbnN0IGNpcmNsZSQgPSBSeC5PYnNlcnZhYmxlLmZyb21FdmVudCh0aGlzLm1vdmVtZW50Q2lyY2xlQ3RybCwgJ2NoYW5nZScpXG4gICAgICAgIC5tYXAoZXZ0ID0+ICh7IGtleTogQ09OVFJPTFMuTU9WRU1FTlRfQ0lSQ0xFLCB2YWx1ZTogZXZ0LnRhcmdldC5jaGVja2VkIH0pKTtcblxuICAgIGNvbnN0IGV2ZW50U3RhY2skID0gY29udHJvbHMubW91bnQoKS5tZXJnZShjaXJjbGUkKTtcblxuICAgIGV2ZW50U3RhY2skLnN1YnNjcmliZSh0aGlzLnN1YnNjcmliZXIuYmluZCh0aGlzKSk7XG5cbiAgICB0aGlzLnVwZGF0ZUNvdW50KHRoaXMub3B0aW9ucy5jb3VudCk7XG4gICAgdGhpcy51cGRhdGVNb3ZlbWVudENpcmNsZSh0aGlzLm9wdGlvbnMuc2hvd01vdmVtZW50Q2lyY2xlKTtcbn07XG5cbmZ1bmN0aW9uIGNyZWF0ZU1vdmVtZW50Q2lyY2xlQ29udHJvbCgpIHtcbiAgICBjb25zdCBsYWJlbCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2xhYmVsJyk7XG4gICAgbGFiZWwuY2xhc3NOYW1lID0gJ2NvbnRyb2xzLWNoZWNrYm94JztcblxuICAgIGNvbnN0IHRleHQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzcGFuJyk7XG4gICAgdGV4dC5pbm5lckhUTUwgPSAnU2hvdyBtb3ZlbWVudCBjaXJjbGUnO1xuICAgIHRleHQuY2xhc3NOYW1lID0gJ2NvbnRyb2xzLWNoZWNrYm94LXRleHQnO1xuXG4gICAgY29uc3QgY2hlY2tib3ggPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdpbnB1dCcpO1xuICAgIGNoZWNrYm94LnR5cGUgPSAnY2hlY2tib3gnO1xuICAgIGNoZWNrYm94LmNsYXNzTmFtZSA9ICdjb250cm9scy1jaGVja2JveC1pbnB1dCc7XG5cbiAgICBsYWJlbC5hcHBlbmRDaGlsZChjaGVja2JveCk7XG4gICAgbGFiZWwuYXBwZW5kQ2hpbGQodGV4dCk7XG5cbiAgICByZXR1cm4gbGFiZWw7XG59XG5cbkFuaW1hdGlvbjFhLnByb3RvdHlwZS5zdWJzY3JpYmVyID0gZnVuY3Rpb24oeyBrZXksIHZhbHVlIH0pIHtcbiAgICBzd2l0Y2goa2V5KSB7XG4gICAgICAgIGNhc2UgQ09OVFJPTFMuQU5JTUFUSU5HOiB0aGlzLnVwZGF0ZUFuaW1hdGluZyh2YWx1ZSk7IGJyZWFrO1xuICAgICAgICBjYXNlIENPTlRST0xTLkNPVU5UOiB0aGlzLnVwZGF0ZUNvdW50KHZhbHVlKTsgYnJlYWs7XG4gICAgICAgIGNhc2UgQ09OVFJPTFMuTU9WRU1FTlRfQ0lSQ0xFOiB0aGlzLnVwZGF0ZU1vdmVtZW50Q2lyY2xlKHZhbHVlKTsgYnJlYWs7XG4gICAgICAgIGNhc2UgQ09OVFJPTFMuUkFORE9NSVpFOiB0aGlzLnVwZGF0ZVJhbmRvbWl6ZSh2YWx1ZSk7IGJyZWFrO1xuICAgICAgICBjYXNlIENPTlRST0xTLlNQRUVEOiB0aGlzLnVwZGF0ZVNwZWVkKHZhbHVlKTsgYnJlYWs7XG4gICAgfVxufVxuXG5BbmltYXRpb24xYS5wcm90b3R5cGUubmV4dEZyYW1lID0gZnVuY3Rpb24oKSB7XG4gICAgdGhpcy5wYXJ0aWNsZXMuZm9yRWFjaChwID0+IHAubmV4dEZyYW1lKCkpO1xufVxuXG5BbmltYXRpb24xYS5wcm90b3R5cGUudXBkYXRlQW5pbWF0aW5nID0gZnVuY3Rpb24oaXNBbmltYXRpbmcpIHtcbiAgICB0aGlzLm9wdGlvbnMuYW5pbWF0aW5nID0gaXNBbmltYXRpbmc7XG5cbiAgICBpZiAoaXNBbmltYXRpbmcpIHtcbiAgICAgICAgY29uc3QgZnBzJCA9IFJ4Lk9ic2VydmFibGUuaW50ZXJ2YWwoMTAwMCAvIDMyKVxuICAgICAgICAgICAgLnRha2VXaGlsZShfID0+IHRoaXMub3B0aW9ucy5hbmltYXRpbmcpO1xuXG4gICAgICAgIGZwcyQuc3Vic2NyaWJlKHRoaXMubmV4dEZyYW1lLmJpbmQodGhpcykpO1xuICAgIH1cbn1cblxuQW5pbWF0aW9uMWEucHJvdG90eXBlLnVwZGF0ZUNvdW50ID0gZnVuY3Rpb24oY291bnQpIHtcbiAgICB3aGlsZSAodGhpcy5wYXJ0aWNsZXMubGVuZ3RoID4gY291bnQpIHtcbiAgICAgICAgZGVsZXRlIHRoaXMucGFydGljbGVzLnBvcCgpLnJlbW92ZSgpO1xuICAgIH1cblxuICAgIHdoaWxlICh0aGlzLnBhcnRpY2xlcy5sZW5ndGggPCBjb3VudCkge1xuICAgICAgICBjb25zdCBwID0gbmV3IFBhcnRpY2xlKHRoaXMuY29udGFpbmVyLCB0aGlzLmJvdW5kcywgdGhpcy5vcHRpb25zKTtcbiAgICAgICAgdGhpcy5wYXJ0aWNsZXMucHVzaChwKTtcbiAgICB9XG59XG5cbkFuaW1hdGlvbjFhLnByb3RvdHlwZS51cGRhdGVNb3ZlbWVudENpcmNsZSA9IGZ1bmN0aW9uKHZhbHVlKSB7XG4gICAgdGhpcy5vcHRpb25zLnNob3dNb3ZlbWVudENpcmNsZSA9IHZhbHVlO1xuICAgIHRoaXMubW92ZW1lbnRDaXJjbGVDdHJsLnF1ZXJ5U2VsZWN0b3IoJ1t0eXBlPWNoZWNrYm94XScpLmNoZWNrZWQgPSB2YWx1ZTtcbiAgICB0aGlzLnBhcnRpY2xlcy5mb3JFYWNoKHAgPT4gcC51cGRhdGVDb25maWcoeyBzaG93TW92ZW1lbnRDaXJjbGU6IHZhbHVlIH0pKTtcbn1cblxuQW5pbWF0aW9uMWEucHJvdG90eXBlLnVwZGF0ZVJhbmRvbWl6ZSA9IGZ1bmN0aW9uKHZhbHVlKSB7XG4gICAgdGhpcy5vcHRpb25zLnJhbmRvbWl6ZSA9IHZhbHVlO1xuICAgIHRoaXMucGFydGljbGVzLmZvckVhY2gocCA9PiBwLnVwZGF0ZUNvbmZpZyh7IHJhbmRvbWl6ZTogdmFsdWUgfSkpO1xufVxuXG5BbmltYXRpb24xYS5wcm90b3R5cGUudXBkYXRlU3BlZWQgPSBmdW5jdGlvbih2YWx1ZSkge1xuICAgIHRoaXMub3B0aW9ucy5zcGVlZCA9IHZhbHVlO1xuICAgIHRoaXMucGFydGljbGVzLmZvckVhY2gocCA9PiBwLnVwZGF0ZUNvbmZpZyh7IHNwZWVkOiB2YWx1ZSB9KSk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEFuaW1hdGlvbjFhO1xuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIGpzL2FuaW1hdGlvbjFhLmpzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFBQTtBQUNBOzs7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUxBO0FBQ0E7QUFPQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFLQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFMQTtBQU9BO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0="); +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _rxjs = __webpack_require__(/*! rxjs */ 14);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _particle = __webpack_require__(/*! ./particle */ 33);\n\nvar _particle2 = _interopRequireDefault(_particle);\n\nvar _store = __webpack_require__(/*! ./store */ 22);\n\nvar _store2 = _interopRequireDefault(_store);\n\nvar _controls = __webpack_require__(/*! ./controls */ 21);\n\nvar _controls2 = _interopRequireDefault(_controls);\n\nvar _enums = __webpack_require__(/*! ./enums */ 16);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction Animation1a() {\n this.options = {\n count: 1,\n maxCount: 10,\n randomize: true,\n showMovementCircle: true,\n speed: 4\n };\n\n this.container = document.getElementById('animation1a');\n this.bounds = this.container.getBoundingClientRect();\n\n this.movementCircleCtrl = createMovementCircleControl();\n this.randomizeCtrl = createRandomizeControl();\n\n this.particles = [];\n\n var controls = new _controls2.default(document.getElementById('controls1a'), this.options, [this.movementCircleCtrl, this.randomizeCtrl]);\n\n var circle$ = _rxjs2.default.Observable.fromEvent(this.movementCircleCtrl, 'change').map(function (evt) {\n return { key: _enums.CONTROLS.MOVEMENT_CIRCLE, value: evt.target.checked };\n });\n\n var randomize$ = _rxjs2.default.Observable.fromEvent(this.randomizeCtrl, 'change').map(function (evt) {\n return { key: _enums.CONTROLS.RANDOMIZE, value: evt.target.checked };\n });\n\n var eventStack$ = controls.mount().merge(circle$, randomize$);\n\n eventStack$.subscribe(this.subscriber.bind(this));\n\n this.updateCount(this.options.count);\n this.updateMovementCircle(this.options.showMovementCircle);\n this.updateRandomize(this.options.randomize);\n};\n\nfunction createMovementCircleControl() {\n var label = document.createElement('label');\n label.className = 'controls-checkbox';\n\n var text = document.createElement('span');\n text.innerHTML = 'Show movement circle';\n text.className = 'controls-checkbox-text';\n\n var checkbox = document.createElement('input');\n checkbox.type = 'checkbox';\n checkbox.className = 'controls-checkbox-input';\n\n label.appendChild(checkbox);\n label.appendChild(text);\n\n return label;\n}\n\nfunction createRandomizeControl(value) {\n var label = document.createElement('label');\n label.className = 'controls-checkbox';\n\n var text = document.createElement('span');\n text.innerHTML = 'Randomize movement';\n text.className = 'controls-checkbox-text';\n\n var checkbox = document.createElement('input');\n checkbox.type = 'checkbox';\n checkbox.className = 'controls-checkbox-input';\n checkbox.checked = value;\n\n label.appendChild(checkbox);\n label.appendChild(text);\n\n return label;\n}\n\nAnimation1a.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.MOVEMENT_CIRCLE:\n this.updateMovementCircle(value);break;\n case _enums.CONTROLS.RANDOMIZE:\n this.updateRandomize(value);break;\n case _enums.CONTROLS.SPEED:\n this.updateSpeed(value);break;\n }\n};\n\nAnimation1a.prototype.nextFrame = function () {\n this.particles.forEach(function (p) {\n return p.nextFrame();\n });\n};\n\nAnimation1a.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\nAnimation1a.prototype.updateCount = function (count) {\n while (this.particles.length > count) {\n delete this.particles.pop().remove();\n }\n\n while (this.particles.length < count) {\n var p = new _particle2.default(this.container, this.bounds, this.options);\n this.particles.push(p);\n }\n};\n\nAnimation1a.prototype.updateMovementCircle = function (value) {\n this.options.showMovementCircle = value;\n this.movementCircleCtrl.querySelector('[type=checkbox]').checked = value;\n this.particles.forEach(function (p) {\n return p.updateConfig({ showMovementCircle: value });\n });\n};\n\nAnimation1a.prototype.updateRandomize = function (value) {\n this.options.randomize = value;\n this.randomizeCtrl.querySelector('[type=checkbox]').checked = value;\n this.particles.forEach(function (p) {\n return p.updateConfig({ randomize: value });\n });\n};\n\nAnimation1a.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 = Animation1a;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNzMuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvYW5pbWF0aW9uMWEuanM/M2NmMSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IFBhcnRpY2xlIGZyb20gJy4vcGFydGljbGUnO1xuaW1wb3J0IFN0b3JlIGZyb20gJy4vc3RvcmUnO1xuaW1wb3J0IENvbnRyb2xzIGZyb20gJy4vY29udHJvbHMnO1xuaW1wb3J0IHsgQ09OVFJPTFMgfSBmcm9tICcuL2VudW1zJztcblxuZnVuY3Rpb24gQW5pbWF0aW9uMWEoKSB7XG4gICAgdGhpcy5vcHRpb25zID0ge1xuICAgICAgICBjb3VudDogMSxcbiAgICAgICAgbWF4Q291bnQ6IDEwLFxuICAgICAgICByYW5kb21pemU6IHRydWUsXG4gICAgICAgIHNob3dNb3ZlbWVudENpcmNsZTogdHJ1ZSxcbiAgICAgICAgc3BlZWQ6IDRcbiAgICB9O1xuXG4gICAgdGhpcy5jb250YWluZXIgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnYW5pbWF0aW9uMWEnKTtcbiAgICB0aGlzLmJvdW5kcyA9IHRoaXMuY29udGFpbmVyLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuXG4gICAgdGhpcy5tb3ZlbWVudENpcmNsZUN0cmwgPSBjcmVhdGVNb3ZlbWVudENpcmNsZUNvbnRyb2woKTtcbiAgICB0aGlzLnJhbmRvbWl6ZUN0cmwgPSBjcmVhdGVSYW5kb21pemVDb250cm9sKCk7XG5cbiAgICB0aGlzLnBhcnRpY2xlcyA9IFtdO1xuXG4gICAgY29uc3QgY29udHJvbHMgPSBuZXcgQ29udHJvbHMoXG4gICAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdjb250cm9sczFhJyksXG4gICAgICAgIHRoaXMub3B0aW9ucyxcbiAgICAgICAgW3RoaXMubW92ZW1lbnRDaXJjbGVDdHJsLCB0aGlzLnJhbmRvbWl6ZUN0cmxdXG4gICAgKTtcblxuICAgIGNvbnN0IGNpcmNsZSQgPSBSeC5PYnNlcnZhYmxlLmZyb21FdmVudCh0aGlzLm1vdmVtZW50Q2lyY2xlQ3RybCwgJ2NoYW5nZScpXG4gICAgICAgIC5tYXAoZXZ0ID0+ICh7IGtleTogQ09OVFJPTFMuTU9WRU1FTlRfQ0lSQ0xFLCB2YWx1ZTogZXZ0LnRhcmdldC5jaGVja2VkIH0pKTtcblxuICAgIGNvbnN0IHJhbmRvbWl6ZSQgPSBSeC5PYnNlcnZhYmxlLmZyb21FdmVudCh0aGlzLnJhbmRvbWl6ZUN0cmwsICdjaGFuZ2UnKVxuICAgICAgICAubWFwKGV2dCA9PiAoeyBrZXk6IENPTlRST0xTLlJBTkRPTUlaRSwgdmFsdWU6IGV2dC50YXJnZXQuY2hlY2tlZCB9KSk7XG5cbiAgICBjb25zdCBldmVudFN0YWNrJCA9IGNvbnRyb2xzLm1vdW50KCkubWVyZ2UoY2lyY2xlJCwgcmFuZG9taXplJCk7XG5cbiAgICBldmVudFN0YWNrJC5zdWJzY3JpYmUodGhpcy5zdWJzY3JpYmVyLmJpbmQodGhpcykpO1xuXG4gICAgdGhpcy51cGRhdGVDb3VudCh0aGlzLm9wdGlvbnMuY291bnQpO1xuICAgIHRoaXMudXBkYXRlTW92ZW1lbnRDaXJjbGUodGhpcy5vcHRpb25zLnNob3dNb3ZlbWVudENpcmNsZSk7XG4gICAgdGhpcy51cGRhdGVSYW5kb21pemUodGhpcy5vcHRpb25zLnJhbmRvbWl6ZSk7XG59O1xuXG5mdW5jdGlvbiBjcmVhdGVNb3ZlbWVudENpcmNsZUNvbnRyb2woKSB7XG4gICAgY29uc3QgbGFiZWwgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdsYWJlbCcpO1xuICAgIGxhYmVsLmNsYXNzTmFtZSA9ICdjb250cm9scy1jaGVja2JveCc7XG5cbiAgICBjb25zdCB0ZXh0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3BhbicpO1xuICAgIHRleHQuaW5uZXJIVE1MID0gJ1Nob3cgbW92ZW1lbnQgY2lyY2xlJztcbiAgICB0ZXh0LmNsYXNzTmFtZSA9ICdjb250cm9scy1jaGVja2JveC10ZXh0JztcblxuICAgIGNvbnN0IGNoZWNrYm94ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnaW5wdXQnKTtcbiAgICBjaGVja2JveC50eXBlID0gJ2NoZWNrYm94JztcbiAgICBjaGVja2JveC5jbGFzc05hbWUgPSAnY29udHJvbHMtY2hlY2tib3gtaW5wdXQnO1xuXG4gICAgbGFiZWwuYXBwZW5kQ2hpbGQoY2hlY2tib3gpO1xuICAgIGxhYmVsLmFwcGVuZENoaWxkKHRleHQpO1xuXG4gICAgcmV0dXJuIGxhYmVsO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVSYW5kb21pemVDb250cm9sKHZhbHVlKSB7XG4gICAgY29uc3QgbGFiZWwgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdsYWJlbCcpO1xuICAgIGxhYmVsLmNsYXNzTmFtZSA9ICdjb250cm9scy1jaGVja2JveCc7XG5cbiAgICBjb25zdCB0ZXh0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3BhbicpO1xuICAgIHRleHQuaW5uZXJIVE1MID0gJ1JhbmRvbWl6ZSBtb3ZlbWVudCc7XG4gICAgdGV4dC5jbGFzc05hbWUgPSAnY29udHJvbHMtY2hlY2tib3gtdGV4dCc7XG5cbiAgICBjb25zdCBjaGVja2JveCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2lucHV0Jyk7XG4gICAgY2hlY2tib3gudHlwZSA9ICdjaGVja2JveCc7XG4gICAgY2hlY2tib3guY2xhc3NOYW1lID0gJ2NvbnRyb2xzLWNoZWNrYm94LWlucHV0JztcbiAgICBjaGVja2JveC5jaGVja2VkID0gdmFsdWU7XG5cbiAgICBsYWJlbC5hcHBlbmRDaGlsZChjaGVja2JveCk7XG4gICAgbGFiZWwuYXBwZW5kQ2hpbGQodGV4dCk7XG5cbiAgICByZXR1cm4gbGFiZWw7XG59XG5cbkFuaW1hdGlvbjFhLnByb3RvdHlwZS5zdWJzY3JpYmVyID0gZnVuY3Rpb24oeyBrZXksIHZhbHVlIH0pIHtcbiAgICBzd2l0Y2goa2V5KSB7XG4gICAgICAgIGNhc2UgQ09OVFJPTFMuQU5JTUFUSU5HOiB0aGlzLnVwZGF0ZUFuaW1hdGluZyh2YWx1ZSk7IGJyZWFrO1xuICAgICAgICBjYXNlIENPTlRST0xTLkNPVU5UOiB0aGlzLnVwZGF0ZUNvdW50KHZhbHVlKTsgYnJlYWs7XG4gICAgICAgIGNhc2UgQ09OVFJPTFMuTU9WRU1FTlRfQ0lSQ0xFOiB0aGlzLnVwZGF0ZU1vdmVtZW50Q2lyY2xlKHZhbHVlKTsgYnJlYWs7XG4gICAgICAgIGNhc2UgQ09OVFJPTFMuUkFORE9NSVpFOiB0aGlzLnVwZGF0ZVJhbmRvbWl6ZSh2YWx1ZSk7IGJyZWFrO1xuICAgICAgICBjYXNlIENPTlRST0xTLlNQRUVEOiB0aGlzLnVwZGF0ZVNwZWVkKHZhbHVlKTsgYnJlYWs7XG4gICAgfVxufVxuXG5BbmltYXRpb24xYS5wcm90b3R5cGUubmV4dEZyYW1lID0gZnVuY3Rpb24oKSB7XG4gICAgdGhpcy5wYXJ0aWNsZXMuZm9yRWFjaChwID0+IHAubmV4dEZyYW1lKCkpO1xufVxuXG5BbmltYXRpb24xYS5wcm90b3R5cGUudXBkYXRlQW5pbWF0aW5nID0gZnVuY3Rpb24oaXNBbmltYXRpbmcpIHtcbiAgICB0aGlzLm9wdGlvbnMuYW5pbWF0aW5nID0gaXNBbmltYXRpbmc7XG5cbiAgICBpZiAoaXNBbmltYXRpbmcpIHtcbiAgICAgICAgY29uc3QgZnBzJCA9IFJ4Lk9ic2VydmFibGUuaW50ZXJ2YWwoMTAwMCAvIDMyKVxuICAgICAgICAgICAgLnRha2VXaGlsZShfID0+IHRoaXMub3B0aW9ucy5hbmltYXRpbmcpO1xuXG4gICAgICAgIGZwcyQuc3Vic2NyaWJlKHRoaXMubmV4dEZyYW1lLmJpbmQodGhpcykpO1xuICAgIH1cbn1cblxuQW5pbWF0aW9uMWEucHJvdG90eXBlLnVwZGF0ZUNvdW50ID0gZnVuY3Rpb24oY291bnQpIHtcbiAgICB3aGlsZSAodGhpcy5wYXJ0aWNsZXMubGVuZ3RoID4gY291bnQpIHtcbiAgICAgICAgZGVsZXRlIHRoaXMucGFydGljbGVzLnBvcCgpLnJlbW92ZSgpO1xuICAgIH1cblxuICAgIHdoaWxlICh0aGlzLnBhcnRpY2xlcy5sZW5ndGggPCBjb3VudCkge1xuICAgICAgICBjb25zdCBwID0gbmV3IFBhcnRpY2xlKHRoaXMuY29udGFpbmVyLCB0aGlzLmJvdW5kcywgdGhpcy5vcHRpb25zKTtcbiAgICAgICAgdGhpcy5wYXJ0aWNsZXMucHVzaChwKTtcbiAgICB9XG59XG5cbkFuaW1hdGlvbjFhLnByb3RvdHlwZS51cGRhdGVNb3ZlbWVudENpcmNsZSA9IGZ1bmN0aW9uKHZhbHVlKSB7XG4gICAgdGhpcy5vcHRpb25zLnNob3dNb3ZlbWVudENpcmNsZSA9IHZhbHVlO1xuICAgIHRoaXMubW92ZW1lbnRDaXJjbGVDdHJsLnF1ZXJ5U2VsZWN0b3IoJ1t0eXBlPWNoZWNrYm94XScpLmNoZWNrZWQgPSB2YWx1ZTtcbiAgICB0aGlzLnBhcnRpY2xlcy5mb3JFYWNoKHAgPT4gcC51cGRhdGVDb25maWcoeyBzaG93TW92ZW1lbnRDaXJjbGU6IHZhbHVlIH0pKTtcbn1cblxuQW5pbWF0aW9uMWEucHJvdG90eXBlLnVwZGF0ZVJhbmRvbWl6ZSA9IGZ1bmN0aW9uKHZhbHVlKSB7XG4gICAgdGhpcy5vcHRpb25zLnJhbmRvbWl6ZSA9IHZhbHVlO1xuICAgIHRoaXMucmFuZG9taXplQ3RybC5xdWVyeVNlbGVjdG9yKCdbdHlwZT1jaGVja2JveF0nKS5jaGVja2VkID0gdmFsdWU7XG4gICAgdGhpcy5wYXJ0aWNsZXMuZm9yRWFjaChwID0+IHAudXBkYXRlQ29uZmlnKHsgcmFuZG9taXplOiB2YWx1ZSB9KSk7XG59XG5cbkFuaW1hdGlvbjFhLnByb3RvdHlwZS51cGRhdGVTcGVlZCA9IGZ1bmN0aW9uKHZhbHVlKSB7XG4gICAgdGhpcy5vcHRpb25zLnNwZWVkID0gdmFsdWU7XG4gICAgdGhpcy5wYXJ0aWNsZXMuZm9yRWFjaChwID0+IHAudXBkYXRlQ29uZmlnKHsgc3BlZWQ6IHZhbHVlIH0pKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQW5pbWF0aW9uMWE7XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8ganMvYW5pbWF0aW9uMWEuanMiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBTEE7QUFDQTtBQU9BO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBS0E7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBTEE7QUFPQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0="); /***/ }), /* 74 */ @@ -962,7 +962,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 _rxjs = __webpack_require__(/*! rxjs */ 14);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _particle = __webpack_require__(/*! ./particle */ 33);\n\nvar _particle2 = _interopRequireDefault(_particle);\n\nvar _store = __webpack_require__(/*! ./store */ 22);\n\nvar _store2 = _interopRequireDefault(_store);\n\nvar _controls = __webpack_require__(/*! ./controls */ 21);\n\nvar _controls2 = _interopRequireDefault(_controls);\n\nvar _enums = __webpack_require__(/*! ./enums */ 16);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction Animation1b() {\n this.options = {\n count: 1,\n maxCount: 1000,\n randomize: false,\n speed: 8\n };\n\n this.container = document.getElementById('animation1b');\n this.bounds = this.container.getBoundingClientRect();\n\n this.particles = [];\n\n var controls = new _controls2.default(document.getElementById('controls1b'), this.options);\n\n controls.mount().subscribe(this.subscriber.bind(this));\n\n this.updateCount(this.options.count);\n};\n\nAnimation1b.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.RANDOMIZE:\n this.updateRandomize(value);break;\n case _enums.CONTROLS.SPEED:\n this.updateSpeed(value);break;\n }\n};\n\nAnimation1b.prototype.nextFrame = function () {\n this.particles.forEach(function (p) {\n return p.nextFrame();\n });\n};\n\nAnimation1b.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\nAnimation1b.prototype.updateCount = function (count) {\n while (this.particles.length > count) {\n delete this.particles.pop().remove();\n }\n\n while (this.particles.length < count) {\n var p = new _particle2.default(this.container, this.bounds, this.options);\n this.particles.push(p);\n }\n};\n\nAnimation1b.prototype.updateRandomize = function (value) {\n this.options.randomize = value;\n this.particles.forEach(function (p) {\n return p.updateConfig({ randomize: value });\n });\n};\n\nAnimation1b.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 = Animation1b;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNzQuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvYW5pbWF0aW9uMWIuanM/ZDJkMiJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IFBhcnRpY2xlIGZyb20gJy4vcGFydGljbGUnO1xuaW1wb3J0IFN0b3JlIGZyb20gJy4vc3RvcmUnO1xuaW1wb3J0IENvbnRyb2xzIGZyb20gJy4vY29udHJvbHMnO1xuaW1wb3J0IHsgQ09OVFJPTFMgfSBmcm9tICcuL2VudW1zJztcblxuZnVuY3Rpb24gQW5pbWF0aW9uMWIoKSB7XG4gICAgdGhpcy5vcHRpb25zID0ge1xuICAgICAgICBjb3VudDogMSxcbiAgICAgICAgbWF4Q291bnQ6IDEwMDAsXG4gICAgICAgIHJhbmRvbWl6ZTogZmFsc2UsXG4gICAgICAgIHNwZWVkOiA4XG4gICAgfTtcblxuICAgIHRoaXMuY29udGFpbmVyID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2FuaW1hdGlvbjFiJyk7XG4gICAgdGhpcy5ib3VuZHMgPSB0aGlzLmNvbnRhaW5lci5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcblxuICAgIHRoaXMucGFydGljbGVzID0gW107XG5cbiAgICBjb25zdCBjb250cm9scyA9IG5ldyBDb250cm9scyhcbiAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2NvbnRyb2xzMWInKSxcbiAgICAgICAgdGhpcy5vcHRpb25zXG4gICAgKTtcblxuICAgIGNvbnRyb2xzLm1vdW50KCkuc3Vic2NyaWJlKHRoaXMuc3Vic2NyaWJlci5iaW5kKHRoaXMpKTtcblxuICAgIHRoaXMudXBkYXRlQ291bnQodGhpcy5vcHRpb25zLmNvdW50KTtcbn07XG5cbkFuaW1hdGlvbjFiLnByb3RvdHlwZS5zdWJzY3JpYmVyID0gZnVuY3Rpb24oeyBrZXksIHZhbHVlIH0pIHtcbiAgICBzd2l0Y2goa2V5KSB7XG4gICAgICAgIGNhc2UgQ09OVFJPTFMuQU5JTUFUSU5HOiB0aGlzLnVwZGF0ZUFuaW1hdGluZyh2YWx1ZSk7IGJyZWFrO1xuICAgICAgICBjYXNlIENPTlRST0xTLkNPVU5UOiB0aGlzLnVwZGF0ZUNvdW50KHZhbHVlKTsgYnJlYWs7XG4gICAgICAgIGNhc2UgQ09OVFJPTFMuUkFORE9NSVpFOiB0aGlzLnVwZGF0ZVJhbmRvbWl6ZSh2YWx1ZSk7IGJyZWFrO1xuICAgICAgICBjYXNlIENPTlRST0xTLlNQRUVEOiB0aGlzLnVwZGF0ZVNwZWVkKHZhbHVlKTsgYnJlYWs7XG4gICAgfVxufVxuXG5BbmltYXRpb24xYi5wcm90b3R5cGUubmV4dEZyYW1lID0gZnVuY3Rpb24oKSB7XG4gICAgdGhpcy5wYXJ0aWNsZXMuZm9yRWFjaChwID0+IHAubmV4dEZyYW1lKCkpO1xufVxuXG5BbmltYXRpb24xYi5wcm90b3R5cGUudXBkYXRlQW5pbWF0aW5nID0gZnVuY3Rpb24oaXNBbmltYXRpbmcpIHtcbiAgICB0aGlzLm9wdGlvbnMuYW5pbWF0aW5nID0gaXNBbmltYXRpbmc7XG5cbiAgICBpZiAoaXNBbmltYXRpbmcpIHtcbiAgICAgICAgY29uc3QgZnBzJCA9IFJ4Lk9ic2VydmFibGUuaW50ZXJ2YWwoMTAwMCAvIDMyKVxuICAgICAgICAgICAgLnRha2VXaGlsZShfID0+IHRoaXMub3B0aW9ucy5hbmltYXRpbmcpO1xuXG4gICAgICAgIGZwcyQuc3Vic2NyaWJlKHRoaXMubmV4dEZyYW1lLmJpbmQodGhpcykpO1xuICAgIH1cbn1cblxuQW5pbWF0aW9uMWIucHJvdG90eXBlLnVwZGF0ZUNvdW50ID0gZnVuY3Rpb24oY291bnQpIHtcbiAgICB3aGlsZSAodGhpcy5wYXJ0aWNsZXMubGVuZ3RoID4gY291bnQpIHtcbiAgICAgICAgZGVsZXRlIHRoaXMucGFydGljbGVzLnBvcCgpLnJlbW92ZSgpO1xuICAgIH1cblxuICAgIHdoaWxlICh0aGlzLnBhcnRpY2xlcy5sZW5ndGggPCBjb3VudCkge1xuICAgICAgICBjb25zdCBwID0gbmV3IFBhcnRpY2xlKHRoaXMuY29udGFpbmVyLCB0aGlzLmJvdW5kcywgdGhpcy5vcHRpb25zKTtcbiAgICAgICAgdGhpcy5wYXJ0aWNsZXMucHVzaChwKTtcbiAgICB9XG59XG5cbkFuaW1hdGlvbjFiLnByb3RvdHlwZS51cGRhdGVSYW5kb21pemUgPSBmdW5jdGlvbih2YWx1ZSkge1xuICAgIHRoaXMub3B0aW9ucy5yYW5kb21pemUgPSB2YWx1ZTtcbiAgICB0aGlzLnBhcnRpY2xlcy5mb3JFYWNoKHAgPT4gcC51cGRhdGVDb25maWcoeyByYW5kb21pemU6IHZhbHVlIH0pKTtcbn1cblxuQW5pbWF0aW9uMWIucHJvdG90eXBlLnVwZGF0ZVNwZWVkID0gZnVuY3Rpb24odmFsdWUpIHtcbiAgICB0aGlzLm9wdGlvbnMuc3BlZWQgPSB2YWx1ZTtcbiAgICB0aGlzLnBhcnRpY2xlcy5mb3JFYWNoKHAgPT4gcC51cGRhdGVDb25maWcoeyBzcGVlZDogdmFsdWUgfSkpO1xufVxuXG5leHBvcnQgZGVmYXVsdCBBbmltYXRpb24xYjtcblxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyBqcy9hbmltYXRpb24xYi5qcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSkE7QUFDQTtBQU1BO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBSkE7QUFNQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0="); +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _rxjs = __webpack_require__(/*! rxjs */ 14);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _particle = __webpack_require__(/*! ./particle */ 33);\n\nvar _particle2 = _interopRequireDefault(_particle);\n\nvar _store = __webpack_require__(/*! ./store */ 22);\n\nvar _store2 = _interopRequireDefault(_store);\n\nvar _controls = __webpack_require__(/*! ./controls */ 21);\n\nvar _controls2 = _interopRequireDefault(_controls);\n\nvar _enums = __webpack_require__(/*! ./enums */ 16);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction Animation1b() {\n this.options = {\n count: 1,\n maxCount: 1000,\n randomize: false,\n speed: 8\n };\n\n this.container = document.getElementById('animation1b');\n this.bounds = this.container.getBoundingClientRect();\n\n this.particles = [];\n\n var controls = new _controls2.default(document.getElementById('controls1b'), this.options);\n\n controls.mount().subscribe(this.subscriber.bind(this));\n\n this.updateCount(this.options.count);\n};\n\nAnimation1b.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\nAnimation1b.prototype.nextFrame = function () {\n this.particles.forEach(function (p) {\n return p.nextFrame();\n });\n};\n\nAnimation1b.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\nAnimation1b.prototype.updateCount = function (count) {\n while (this.particles.length > count) {\n delete this.particles.pop().remove();\n }\n\n while (this.particles.length < count) {\n var p = new _particle2.default(this.container, this.bounds, this.options);\n this.particles.push(p);\n }\n};\n\nAnimation1b.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 = Animation1b;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNzQuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvYW5pbWF0aW9uMWIuanM/ZDJkMiJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IFBhcnRpY2xlIGZyb20gJy4vcGFydGljbGUnO1xuaW1wb3J0IFN0b3JlIGZyb20gJy4vc3RvcmUnO1xuaW1wb3J0IENvbnRyb2xzIGZyb20gJy4vY29udHJvbHMnO1xuaW1wb3J0IHsgQ09OVFJPTFMgfSBmcm9tICcuL2VudW1zJztcblxuZnVuY3Rpb24gQW5pbWF0aW9uMWIoKSB7XG4gICAgdGhpcy5vcHRpb25zID0ge1xuICAgICAgICBjb3VudDogMSxcbiAgICAgICAgbWF4Q291bnQ6IDEwMDAsXG4gICAgICAgIHJhbmRvbWl6ZTogZmFsc2UsXG4gICAgICAgIHNwZWVkOiA4XG4gICAgfTtcblxuICAgIHRoaXMuY29udGFpbmVyID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2FuaW1hdGlvbjFiJyk7XG4gICAgdGhpcy5ib3VuZHMgPSB0aGlzLmNvbnRhaW5lci5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcblxuICAgIHRoaXMucGFydGljbGVzID0gW107XG5cbiAgICBjb25zdCBjb250cm9scyA9IG5ldyBDb250cm9scyhcbiAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2NvbnRyb2xzMWInKSxcbiAgICAgICAgdGhpcy5vcHRpb25zXG4gICAgKTtcblxuICAgIGNvbnRyb2xzLm1vdW50KCkuc3Vic2NyaWJlKHRoaXMuc3Vic2NyaWJlci5iaW5kKHRoaXMpKTtcblxuICAgIHRoaXMudXBkYXRlQ291bnQodGhpcy5vcHRpb25zLmNvdW50KTtcbn07XG5cbkFuaW1hdGlvbjFiLnByb3RvdHlwZS5zdWJzY3JpYmVyID0gZnVuY3Rpb24oeyBrZXksIHZhbHVlIH0pIHtcbiAgICBzd2l0Y2goa2V5KSB7XG4gICAgICAgIGNhc2UgQ09OVFJPTFMuQU5JTUFUSU5HOiB0aGlzLnVwZGF0ZUFuaW1hdGluZyh2YWx1ZSk7IGJyZWFrO1xuICAgICAgICBjYXNlIENPTlRST0xTLkNPVU5UOiB0aGlzLnVwZGF0ZUNvdW50KHZhbHVlKTsgYnJlYWs7XG4gICAgICAgIGNhc2UgQ09OVFJPTFMuU1BFRUQ6IHRoaXMudXBkYXRlU3BlZWQodmFsdWUpOyBicmVhaztcbiAgICB9XG59XG5cbkFuaW1hdGlvbjFiLnByb3RvdHlwZS5uZXh0RnJhbWUgPSBmdW5jdGlvbigpIHtcbiAgICB0aGlzLnBhcnRpY2xlcy5mb3JFYWNoKHAgPT4gcC5uZXh0RnJhbWUoKSk7XG59XG5cbkFuaW1hdGlvbjFiLnByb3RvdHlwZS51cGRhdGVBbmltYXRpbmcgPSBmdW5jdGlvbihpc0FuaW1hdGluZykge1xuICAgIHRoaXMub3B0aW9ucy5hbmltYXRpbmcgPSBpc0FuaW1hdGluZztcblxuICAgIGlmIChpc0FuaW1hdGluZykge1xuICAgICAgICBjb25zdCBmcHMkID0gUnguT2JzZXJ2YWJsZS5pbnRlcnZhbCgxMDAwIC8gMzIpXG4gICAgICAgICAgICAudGFrZVdoaWxlKF8gPT4gdGhpcy5vcHRpb25zLmFuaW1hdGluZyk7XG5cbiAgICAgICAgZnBzJC5zdWJzY3JpYmUodGhpcy5uZXh0RnJhbWUuYmluZCh0aGlzKSk7XG4gICAgfVxufVxuXG5BbmltYXRpb24xYi5wcm90b3R5cGUudXBkYXRlQ291bnQgPSBmdW5jdGlvbihjb3VudCkge1xuICAgIHdoaWxlICh0aGlzLnBhcnRpY2xlcy5sZW5ndGggPiBjb3VudCkge1xuICAgICAgICBkZWxldGUgdGhpcy5wYXJ0aWNsZXMucG9wKCkucmVtb3ZlKCk7XG4gICAgfVxuXG4gICAgd2hpbGUgKHRoaXMucGFydGljbGVzLmxlbmd0aCA8IGNvdW50KSB7XG4gICAgICAgIGNvbnN0IHAgPSBuZXcgUGFydGljbGUodGhpcy5jb250YWluZXIsIHRoaXMuYm91bmRzLCB0aGlzLm9wdGlvbnMpO1xuICAgICAgICB0aGlzLnBhcnRpY2xlcy5wdXNoKHApO1xuICAgIH1cbn1cblxuQW5pbWF0aW9uMWIucHJvdG90eXBlLnVwZGF0ZVNwZWVkID0gZnVuY3Rpb24odmFsdWUpIHtcbiAgICB0aGlzLm9wdGlvbnMuc3BlZWQgPSB2YWx1ZTtcbiAgICB0aGlzLnBhcnRpY2xlcy5mb3JFYWNoKHAgPT4gcC51cGRhdGVDb25maWcoeyBzcGVlZDogdmFsdWUgfSkpO1xufVxuXG5leHBvcnQgZGVmYXVsdCBBbmltYXRpb24xYjtcblxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyBqcy9hbmltYXRpb24xYi5qcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSkE7QUFDQTtBQU1BO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFIQTtBQUtBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0="); /***/ }), /* 75 */ @@ -974,7 +974,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 _rxjs = __webpack_require__(/*! rxjs */ 14);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _particle = __webpack_require__(/*! ./particle */ 33);\n\nvar _particle2 = _interopRequireDefault(_particle);\n\nvar _store = __webpack_require__(/*! ./store */ 22);\n\nvar _store2 = _interopRequireDefault(_store);\n\nvar _controls = __webpack_require__(/*! ./controls */ 21);\n\nvar _controls2 = _interopRequireDefault(_controls);\n\nvar _enums = __webpack_require__(/*! ./enums */ 16);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction Animation2a() {\n this.options = {\n count: 1,\n maxCount: 10,\n randomize: true,\n showMovementCircle: false,\n showVisionGrid: true,\n speed: 4\n };\n\n this.container = document.getElementById('animation2a');\n this.bounds = this.container.getBoundingClientRect();\n\n this.particles = [];\n this.globalGrid = 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 // TODO X dimension modified by core UI, maybe recalc grid in animation start?\n // TODO remove bottom padding from Disqus\n // TODO perf - cache trig or perform operations\n // TODO only randomize movement on 1a\n\n // TODO ANIM2a randomize hazards\n // TODO can the vision grid be relative to the particle\n // TODO ANIM2 particle evade\n // TODO ANIM2b Scale vision grid to 1000 particles\n\n // TODO ANIM3 flocking\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.RANDOMIZE:\n this.updateRandomize(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 while (this.particles.length > count) {\n delete this.particles.pop().remove();\n }\n\n while (this.particles.length < count) {\n var p = new _particle2.default(this.container, this.bounds, this.options, this.globalGrid);\n this.particles.push(p);\n }\n};\n\nAnimation2a.prototype.updateRandomize = function (value) {\n this.options.randomize = value;\n this.particles.forEach(function (p) {\n return p.updateConfig({ randomize: value });\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 = {};\n var gridSize = 5;\n\n var hazards = [{ x: 100, y: 100, w: 200, h: 200 }, { x: 600, y: 200, w: 200, h: 200 }];\n\n return hazards.reduce(function (acc, _ref2) {\n var x = _ref2.x,\n y = _ref2.y,\n w = _ref2.w,\n h = _ref2.h;\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 += gridSize) {\n for (var j = y; j <= y + h; j += gridSize) {\n if (acc[i] === undefined) {\n acc[i] = {};\n }\n\n if (acc[i][j] !== undefined) {\n continue;\n }\n\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 acc[i][j] = true;\n }\n }\n\n return acc;\n }, {});\n}\n\nexports.default = Animation2a;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNzUuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvYW5pbWF0aW9uMmEuanM/YzJmNyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IFBhcnRpY2xlIGZyb20gJy4vcGFydGljbGUnO1xuaW1wb3J0IFN0b3JlIGZyb20gJy4vc3RvcmUnO1xuaW1wb3J0IENvbnRyb2xzIGZyb20gJy4vY29udHJvbHMnO1xuaW1wb3J0IHsgQ09OVFJPTFMgfSBmcm9tICcuL2VudW1zJztcblxuZnVuY3Rpb24gQW5pbWF0aW9uMmEoKSB7XG4gICAgdGhpcy5vcHRpb25zID0ge1xuICAgICAgICBjb3VudDogMSxcbiAgICAgICAgbWF4Q291bnQ6IDEwLFxuICAgICAgICByYW5kb21pemU6IHRydWUsXG4gICAgICAgIHNob3dNb3ZlbWVudENpcmNsZTogZmFsc2UsXG4gICAgICAgIHNob3dWaXNpb25HcmlkOiB0cnVlLFxuICAgICAgICBzcGVlZDogNFxuICAgIH07XG5cbiAgICB0aGlzLmNvbnRhaW5lciA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdhbmltYXRpb24yYScpO1xuICAgIHRoaXMuYm91bmRzID0gdGhpcy5jb250YWluZXIuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG5cbiAgICB0aGlzLnBhcnRpY2xlcyA9IFtdO1xuICAgIHRoaXMuZ2xvYmFsR3JpZCA9IGNyZWF0ZUdsb2JhbEdyaWQodGhpcy5jb250YWluZXIsIHRoaXMuYm91bmRzKTtcblxuICAgIGNvbnN0IGNvbnRyb2xzID0gbmV3IENvbnRyb2xzKFxuICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnY29udHJvbHMyYScpLFxuICAgICAgICB0aGlzLm9wdGlvbnNcbiAgICApO1xuXG4gICAgY29udHJvbHMubW91bnQoKS5zdWJzY3JpYmUodGhpcy5zdWJzY3JpYmVyLmJpbmQodGhpcykpO1xuXG4gICAgdGhpcy51cGRhdGVBbmltYXRpbmcodGhpcy5vcHRpb25zLmFuaW1hdGluZyk7XG4gICAgdGhpcy51cGRhdGVDb3VudCh0aGlzLm9wdGlvbnMuY291bnQpO1xuXG4gICAgLy8gVE9ETyBYIGRpbWVuc2lvbiBtb2RpZmllZCBieSBjb3JlIFVJLCBtYXliZSByZWNhbGMgZ3JpZCBpbiBhbmltYXRpb24gc3RhcnQ/XG4gICAgLy8gVE9ETyByZW1vdmUgYm90dG9tIHBhZGRpbmcgZnJvbSBEaXNxdXNcbiAgICAvLyBUT0RPIHBlcmYgLSBjYWNoZSB0cmlnIG9yIHBlcmZvcm0gb3BlcmF0aW9uc1xuICAgIC8vIFRPRE8gb25seSByYW5kb21pemUgbW92ZW1lbnQgb24gMWFcblxuICAgIC8vIFRPRE8gQU5JTTJhIHJhbmRvbWl6ZSBoYXphcmRzXG4gICAgLy8gVE9ETyBjYW4gdGhlIHZpc2lvbiBncmlkIGJlIHJlbGF0aXZlIHRvIHRoZSBwYXJ0aWNsZVxuICAgIC8vIFRPRE8gQU5JTTIgcGFydGljbGUgZXZhZGVcbiAgICAvLyBUT0RPIEFOSU0yYiBTY2FsZSB2aXNpb24gZ3JpZCB0byAxMDAwIHBhcnRpY2xlc1xuXG4gICAgLy8gVE9ETyBBTklNMyBmbG9ja2luZ1xufTtcblxuQW5pbWF0aW9uMmEucHJvdG90eXBlLnN1YnNjcmliZXIgPSBmdW5jdGlvbih7IGtleSwgdmFsdWUgfSkge1xuICAgIHN3aXRjaChrZXkpIHtcbiAgICAgICAgY2FzZSBDT05UUk9MUy5BTklNQVRJTkc6IHRoaXMudXBkYXRlQW5pbWF0aW5nKHZhbHVlKTsgYnJlYWs7XG4gICAgICAgIGNhc2UgQ09OVFJPTFMuQ09VTlQ6IHRoaXMudXBkYXRlQ291bnQodmFsdWUpOyBicmVhaztcbiAgICAgICAgY2FzZSBDT05UUk9MUy5SQU5ET01JWkU6IHRoaXMudXBkYXRlUmFuZG9taXplKHZhbHVlKTsgYnJlYWs7XG4gICAgICAgIGNhc2UgQ09OVFJPTFMuU1BFRUQ6IHRoaXMudXBkYXRlU3BlZWQodmFsdWUpOyBicmVhaztcbiAgICB9XG59XG5cbkFuaW1hdGlvbjJhLnByb3RvdHlwZS5uZXh0RnJhbWUgPSBmdW5jdGlvbigpIHtcbiAgICB0aGlzLnBhcnRpY2xlcy5mb3JFYWNoKHAgPT4gcC5uZXh0RnJhbWUoKSk7XG59XG5cbkFuaW1hdGlvbjJhLnByb3RvdHlwZS51cGRhdGVBbmltYXRpbmcgPSBmdW5jdGlvbihpc0FuaW1hdGluZykge1xuICAgIHRoaXMub3B0aW9ucy5hbmltYXRpbmcgPSBpc0FuaW1hdGluZztcblxuICAgIGlmIChpc0FuaW1hdGluZykge1xuICAgICAgICBjb25zdCBmcHMkID0gUnguT2JzZXJ2YWJsZS5pbnRlcnZhbCgxMDAwIC8gMzIpXG4gICAgICAgICAgICAudGFrZVdoaWxlKF8gPT4gdGhpcy5vcHRpb25zLmFuaW1hdGluZyk7XG5cbiAgICAgICAgZnBzJC5zdWJzY3JpYmUodGhpcy5uZXh0RnJhbWUuYmluZCh0aGlzKSk7XG4gICAgfVxufVxuXG5BbmltYXRpb24yYS5wcm90b3R5cGUudXBkYXRlQ291bnQgPSBmdW5jdGlvbihjb3VudCkge1xuICAgIHdoaWxlICh0aGlzLnBhcnRpY2xlcy5sZW5ndGggPiBjb3VudCkge1xuICAgICAgICBkZWxldGUgdGhpcy5wYXJ0aWNsZXMucG9wKCkucmVtb3ZlKCk7XG4gICAgfVxuXG4gICAgd2hpbGUgKHRoaXMucGFydGljbGVzLmxlbmd0aCA8IGNvdW50KSB7XG4gICAgICAgIGNvbnN0IHAgPSBuZXcgUGFydGljbGUodGhpcy5jb250YWluZXIsIHRoaXMuYm91bmRzLCB0aGlzLm9wdGlvbnMsIHRoaXMuZ2xvYmFsR3JpZCk7XG4gICAgICAgIHRoaXMucGFydGljbGVzLnB1c2gocCk7XG4gICAgfVxufVxuXG5BbmltYXRpb24yYS5wcm90b3R5cGUudXBkYXRlUmFuZG9taXplID0gZnVuY3Rpb24odmFsdWUpIHtcbiAgICB0aGlzLm9wdGlvbnMucmFuZG9taXplID0gdmFsdWU7XG4gICAgdGhpcy5wYXJ0aWNsZXMuZm9yRWFjaChwID0+IHAudXBkYXRlQ29uZmlnKHsgcmFuZG9taXplOiB2YWx1ZSB9KSk7XG59XG5cbkFuaW1hdGlvbjJhLnByb3RvdHlwZS51cGRhdGVTcGVlZCA9IGZ1bmN0aW9uKHZhbHVlKSB7XG4gICAgdGhpcy5vcHRpb25zLnNwZWVkID0gdmFsdWU7XG4gICAgdGhpcy5wYXJ0aWNsZXMuZm9yRWFjaChwID0+IHAudXBkYXRlQ29uZmlnKHsgc3BlZWQ6IHZhbHVlIH0pKTtcbn1cblxuZnVuY3Rpb24gY3JlYXRlR2xvYmFsR3JpZChjb250YWluZXIsIGJvdW5kcykge1xuICAgIGNvbnN0IGdyaWQgPSB7fTtcbiAgICBjb25zdCBncmlkU2l6ZSA9IDU7XG5cbiAgICBjb25zdCBoYXphcmRzID0gW1xuICAgICAgICB7IHg6IDEwMCwgeTogMTAwLCB3OiAyMDAsIGg6IDIwMCB9LFxuICAgICAgICB7IHg6IDYwMCwgeTogMjAwLCB3OiAyMDAsIGg6IDIwMCB9LFxuICAgIF07XG5cbiAgICByZXR1cm4gaGF6YXJkcy5yZWR1Y2UoKGFjYywgeyB4LCB5LCB3LCBoIH0pID0+IHtcbiAgICAgICAgY29uc3QgZGl2ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgICAgIGRpdi5jbGFzc05hbWUgPSAnaGF6YXJkJztcbiAgICAgICAgZGl2LnN0eWxlLmxlZnQgPSBgJHt4fXB4YDtcbiAgICAgICAgZGl2LnN0eWxlLnRvcCA9IGAke3l9cHhgO1xuICAgICAgICBkaXYuc3R5bGUuaGVpZ2h0ID0gYCR7aH1weGA7XG4gICAgICAgIGRpdi5zdHlsZS53aWR0aCA9IGAke3d9cHhgO1xuICAgICAgICBjb250YWluZXIuYXBwZW5kQ2hpbGQoZGl2KTtcblxuICAgICAgICBmb3IgKGxldCBpID0geDsgaSA8PSAoeCArIHcpOyBpICs9IGdyaWRTaXplKSB7XG4gICAgICAgICAgICBmb3IgKGxldCBqID0geTsgaiA8PSAoeSArIGgpOyBqICs9IGdyaWRTaXplKSB7XG4gICAgICAgICAgICAgICAgaWYgKGFjY1tpXSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgICAgIGFjY1tpXSA9IHt9O1xuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIGlmIChhY2NbaV1bal0gIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICBjb25zdCBkb3QgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkb3QnKTtcbiAgICAgICAgICAgICAgICBkb3QuY2xhc3NOYW1lID0gJ2hhemFyZC1kb3QnO1xuICAgICAgICAgICAgICAgIGRvdC5zdHlsZS5sZWZ0ID0gYCR7aSAtIHh9cHhgO1xuICAgICAgICAgICAgICAgIGRvdC5zdHlsZS50b3AgPSBgJHtqIC0geX1weGA7XG4gICAgICAgICAgICAgICAgZGl2LmFwcGVuZENoaWxkKGRvdCk7XG5cbiAgICAgICAgICAgICAgICBhY2NbaV1bal0gPSB0cnVlO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cblxuICAgICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHt9KTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQW5pbWF0aW9uMmE7XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8ganMvYW5pbWF0aW9uMmEuanMiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUFBO0FBQ0E7OztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFOQTtBQUNBO0FBUUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUlBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBSkE7QUFNQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9"); +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _rxjs = __webpack_require__(/*! rxjs */ 14);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _particle = __webpack_require__(/*! ./particle */ 33);\n\nvar _particle2 = _interopRequireDefault(_particle);\n\nvar _store = __webpack_require__(/*! ./store */ 22);\n\nvar _store2 = _interopRequireDefault(_store);\n\nvar _controls = __webpack_require__(/*! ./controls */ 21);\n\nvar _controls2 = _interopRequireDefault(_controls);\n\nvar _enums = __webpack_require__(/*! ./enums */ 16);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction Animation2a() {\n this.options = {\n count: 1,\n maxCount: 10,\n randomize: true,\n showMovementCircle: false,\n showVisionGrid: true,\n speed: 4\n };\n\n this.container = document.getElementById('animation2a');\n this.bounds = this.container.getBoundingClientRect();\n\n this.particles = [];\n this.globalGrid = 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 // TODO X dimension modified by core UI, maybe recalc grid in animation start?\n // TODO remove bottom padding from Disqus\n // TODO perf - cache trig or perform operations\n\n // TODO ANIM2a randomize hazards\n // TODO vision grid be relative to the particle\n // TODO ANIM2b Scale vision grid to 1000 particles\n\n // TODO ANIM3 flocking\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 while (this.particles.length > count) {\n delete this.particles.pop().remove();\n }\n\n while (this.particles.length < count) {\n var p = new _particle2.default(this.container, this.bounds, this.options, this.globalGrid);\n this.particles.push(p);\n }\n};\n\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 = {};\n var gridSize = 5;\n\n var hazards = [{ x: 100, y: 100, w: 200, h: 200 }, { x: 600, y: 200, w: 200, h: 200 }];\n\n return hazards.reduce(function (acc, _ref2) {\n var x = _ref2.x,\n y = _ref2.y,\n w = _ref2.w,\n h = _ref2.h;\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 += gridSize) {\n for (var j = y; j <= y + h; j += gridSize) {\n if (acc[i] === undefined) {\n acc[i] = {};\n }\n\n if (acc[i][j] !== undefined) {\n continue;\n }\n\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 acc[i][j] = true;\n }\n }\n\n return acc;\n }, {});\n}\n\nexports.default = Animation2a;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNzUuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvYW5pbWF0aW9uMmEuanM/YzJmNyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IFBhcnRpY2xlIGZyb20gJy4vcGFydGljbGUnO1xuaW1wb3J0IFN0b3JlIGZyb20gJy4vc3RvcmUnO1xuaW1wb3J0IENvbnRyb2xzIGZyb20gJy4vY29udHJvbHMnO1xuaW1wb3J0IHsgQ09OVFJPTFMgfSBmcm9tICcuL2VudW1zJztcblxuZnVuY3Rpb24gQW5pbWF0aW9uMmEoKSB7XG4gICAgdGhpcy5vcHRpb25zID0ge1xuICAgICAgICBjb3VudDogMSxcbiAgICAgICAgbWF4Q291bnQ6IDEwLFxuICAgICAgICByYW5kb21pemU6IHRydWUsXG4gICAgICAgIHNob3dNb3ZlbWVudENpcmNsZTogZmFsc2UsXG4gICAgICAgIHNob3dWaXNpb25HcmlkOiB0cnVlLFxuICAgICAgICBzcGVlZDogNFxuICAgIH07XG5cbiAgICB0aGlzLmNvbnRhaW5lciA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdhbmltYXRpb24yYScpO1xuICAgIHRoaXMuYm91bmRzID0gdGhpcy5jb250YWluZXIuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG5cbiAgICB0aGlzLnBhcnRpY2xlcyA9IFtdO1xuICAgIHRoaXMuZ2xvYmFsR3JpZCA9IGNyZWF0ZUdsb2JhbEdyaWQodGhpcy5jb250YWluZXIsIHRoaXMuYm91bmRzKTtcblxuICAgIGNvbnN0IGNvbnRyb2xzID0gbmV3IENvbnRyb2xzKFxuICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnY29udHJvbHMyYScpLFxuICAgICAgICB0aGlzLm9wdGlvbnNcbiAgICApO1xuXG4gICAgY29udHJvbHMubW91bnQoKS5zdWJzY3JpYmUodGhpcy5zdWJzY3JpYmVyLmJpbmQodGhpcykpO1xuXG4gICAgdGhpcy51cGRhdGVBbmltYXRpbmcodGhpcy5vcHRpb25zLmFuaW1hdGluZyk7XG4gICAgdGhpcy51cGRhdGVDb3VudCh0aGlzLm9wdGlvbnMuY291bnQpO1xuXG4gICAgLy8gVE9ETyBYIGRpbWVuc2lvbiBtb2RpZmllZCBieSBjb3JlIFVJLCBtYXliZSByZWNhbGMgZ3JpZCBpbiBhbmltYXRpb24gc3RhcnQ/XG4gICAgLy8gVE9ETyByZW1vdmUgYm90dG9tIHBhZGRpbmcgZnJvbSBEaXNxdXNcbiAgICAvLyBUT0RPIHBlcmYgLSBjYWNoZSB0cmlnIG9yIHBlcmZvcm0gb3BlcmF0aW9uc1xuXG4gICAgLy8gVE9ETyBBTklNMmEgcmFuZG9taXplIGhhemFyZHNcbiAgICAvLyBUT0RPIHZpc2lvbiBncmlkIGJlIHJlbGF0aXZlIHRvIHRoZSBwYXJ0aWNsZVxuICAgIC8vIFRPRE8gQU5JTTJiIFNjYWxlIHZpc2lvbiBncmlkIHRvIDEwMDAgcGFydGljbGVzXG5cbiAgICAvLyBUT0RPIEFOSU0zIGZsb2NraW5nXG59O1xuXG5BbmltYXRpb24yYS5wcm90b3R5cGUuc3Vic2NyaWJlciA9IGZ1bmN0aW9uKHsga2V5LCB2YWx1ZSB9KSB7XG4gICAgc3dpdGNoKGtleSkge1xuICAgICAgICBjYXNlIENPTlRST0xTLkFOSU1BVElORzogdGhpcy51cGRhdGVBbmltYXRpbmcodmFsdWUpOyBicmVhaztcbiAgICAgICAgY2FzZSBDT05UUk9MUy5DT1VOVDogdGhpcy51cGRhdGVDb3VudCh2YWx1ZSk7IGJyZWFrO1xuICAgICAgICBjYXNlIENPTlRST0xTLlNQRUVEOiB0aGlzLnVwZGF0ZVNwZWVkKHZhbHVlKTsgYnJlYWs7XG4gICAgfVxufVxuXG5BbmltYXRpb24yYS5wcm90b3R5cGUubmV4dEZyYW1lID0gZnVuY3Rpb24oKSB7XG4gICAgdGhpcy5wYXJ0aWNsZXMuZm9yRWFjaChwID0+IHAubmV4dEZyYW1lKCkpO1xufVxuXG5BbmltYXRpb24yYS5wcm90b3R5cGUudXBkYXRlQW5pbWF0aW5nID0gZnVuY3Rpb24oaXNBbmltYXRpbmcpIHtcbiAgICB0aGlzLm9wdGlvbnMuYW5pbWF0aW5nID0gaXNBbmltYXRpbmc7XG5cbiAgICBpZiAoaXNBbmltYXRpbmcpIHtcbiAgICAgICAgY29uc3QgZnBzJCA9IFJ4Lk9ic2VydmFibGUuaW50ZXJ2YWwoMTAwMCAvIDMyKVxuICAgICAgICAgICAgLnRha2VXaGlsZShfID0+IHRoaXMub3B0aW9ucy5hbmltYXRpbmcpO1xuXG4gICAgICAgIGZwcyQuc3Vic2NyaWJlKHRoaXMubmV4dEZyYW1lLmJpbmQodGhpcykpO1xuICAgIH1cbn1cblxuQW5pbWF0aW9uMmEucHJvdG90eXBlLnVwZGF0ZUNvdW50ID0gZnVuY3Rpb24oY291bnQpIHtcbiAgICB3aGlsZSAodGhpcy5wYXJ0aWNsZXMubGVuZ3RoID4gY291bnQpIHtcbiAgICAgICAgZGVsZXRlIHRoaXMucGFydGljbGVzLnBvcCgpLnJlbW92ZSgpO1xuICAgIH1cblxuICAgIHdoaWxlICh0aGlzLnBhcnRpY2xlcy5sZW5ndGggPCBjb3VudCkge1xuICAgICAgICBjb25zdCBwID0gbmV3IFBhcnRpY2xlKHRoaXMuY29udGFpbmVyLCB0aGlzLmJvdW5kcywgdGhpcy5vcHRpb25zLCB0aGlzLmdsb2JhbEdyaWQpO1xuICAgICAgICB0aGlzLnBhcnRpY2xlcy5wdXNoKHApO1xuICAgIH1cbn1cblxuQW5pbWF0aW9uMmEucHJvdG90eXBlLnVwZGF0ZVNwZWVkID0gZnVuY3Rpb24odmFsdWUpIHtcbiAgICB0aGlzLm9wdGlvbnMuc3BlZWQgPSB2YWx1ZTtcbiAgICB0aGlzLnBhcnRpY2xlcy5mb3JFYWNoKHAgPT4gcC51cGRhdGVDb25maWcoeyBzcGVlZDogdmFsdWUgfSkpO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVHbG9iYWxHcmlkKGNvbnRhaW5lciwgYm91bmRzKSB7XG4gICAgY29uc3QgZ3JpZCA9IHt9O1xuICAgIGNvbnN0IGdyaWRTaXplID0gNTtcblxuICAgIGNvbnN0IGhhemFyZHMgPSBbXG4gICAgICAgIHsgeDogMTAwLCB5OiAxMDAsIHc6IDIwMCwgaDogMjAwIH0sXG4gICAgICAgIHsgeDogNjAwLCB5OiAyMDAsIHc6IDIwMCwgaDogMjAwIH0sXG4gICAgXTtcblxuICAgIHJldHVybiBoYXphcmRzLnJlZHVjZSgoYWNjLCB7IHgsIHksIHcsIGggfSkgPT4ge1xuICAgICAgICBjb25zdCBkaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICAgICAgZGl2LmNsYXNzTmFtZSA9ICdoYXphcmQnO1xuICAgICAgICBkaXYuc3R5bGUubGVmdCA9IGAke3h9cHhgO1xuICAgICAgICBkaXYuc3R5bGUudG9wID0gYCR7eX1weGA7XG4gICAgICAgIGRpdi5zdHlsZS5oZWlnaHQgPSBgJHtofXB4YDtcbiAgICAgICAgZGl2LnN0eWxlLndpZHRoID0gYCR7d31weGA7XG4gICAgICAgIGNvbnRhaW5lci5hcHBlbmRDaGlsZChkaXYpO1xuXG4gICAgICAgIGZvciAobGV0IGkgPSB4OyBpIDw9ICh4ICsgdyk7IGkgKz0gZ3JpZFNpemUpIHtcbiAgICAgICAgICAgIGZvciAobGV0IGogPSB5OyBqIDw9ICh5ICsgaCk7IGogKz0gZ3JpZFNpemUpIHtcbiAgICAgICAgICAgICAgICBpZiAoYWNjW2ldID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgICAgICAgICAgYWNjW2ldID0ge307XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgaWYgKGFjY1tpXVtqXSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnRpbnVlO1xuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIGNvbnN0IGRvdCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RvdCcpO1xuICAgICAgICAgICAgICAgIGRvdC5jbGFzc05hbWUgPSAnaGF6YXJkLWRvdCc7XG4gICAgICAgICAgICAgICAgZG90LnN0eWxlLmxlZnQgPSBgJHtpIC0geH1weGA7XG4gICAgICAgICAgICAgICAgZG90LnN0eWxlLnRvcCA9IGAke2ogLSB5fXB4YDtcbiAgICAgICAgICAgICAgICBkaXYuYXBwZW5kQ2hpbGQoZG90KTtcblxuICAgICAgICAgICAgICAgIGFjY1tpXVtqXSA9IHRydWU7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuXG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwge30pO1xufVxuXG5leHBvcnQgZGVmYXVsdCBBbmltYXRpb24yYTtcblxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyBqcy9hbmltYXRpb24yYS5qcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQU5BO0FBQ0E7QUFRQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBSEE7QUFLQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUlBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ=="); /***/ }), /* 76 */ @@ -1030,7 +1030,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 */ 14);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _controls = __webpack_require__(/*! ./controls */ 21);\n\nvar _controls2 = _interopRequireDefault(_controls);\n\nvar _animation1a = __webpack_require__(/*! ./animation1a */ 73);\n\nvar _animation1a2 = _interopRequireDefault(_animation1a);\n\nvar _animation1b = __webpack_require__(/*! ./animation1b */ 74);\n\nvar _animation1b2 = _interopRequireDefault(_animation1b);\n\nvar _animation2a = __webpack_require__(/*! ./animation2a */ 75);\n\nvar _animation2a2 = _interopRequireDefault(_animation2a);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n__webpack_require__(/*! ../css/reset.scss */ 79);\n__webpack_require__(/*! ../css/index.scss */ 77);\n__webpack_require__(/*! ../css/particle.scss */ 78);\n__webpack_require__(/*! ../css/controls.scss */ 76);\n\n// new Animation1a();\n// new Animation1b();\nnew _animation2a2.default();//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiODAuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvaW5kZXguanM/NDJmNiJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IENvbnRyb2xzIGZyb20gJy4vY29udHJvbHMnO1xuaW1wb3J0IEFuaW1hdGlvbjFhIGZyb20gJy4vYW5pbWF0aW9uMWEnO1xuaW1wb3J0IEFuaW1hdGlvbjFiIGZyb20gJy4vYW5pbWF0aW9uMWInO1xuaW1wb3J0IEFuaW1hdGlvbjJhIGZyb20gJy4vYW5pbWF0aW9uMmEnO1xuXG5yZXF1aXJlKCcuLi9jc3MvcmVzZXQuc2NzcycpO1xucmVxdWlyZSgnLi4vY3NzL2luZGV4LnNjc3MnKTtcbnJlcXVpcmUoJy4uL2Nzcy9wYXJ0aWNsZS5zY3NzJyk7XG5yZXF1aXJlKCcuLi9jc3MvY29udHJvbHMuc2NzcycpO1xuXG4vLyBuZXcgQW5pbWF0aW9uMWEoKTtcbi8vIG5ldyBBbmltYXRpb24xYigpO1xubmV3IEFuaW1hdGlvbjJhKCk7XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8ganMvaW5kZXguanMiXSwibWFwcGluZ3MiOiI7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7Ozs7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9"); +eval("\n\nvar _rxjs = __webpack_require__(/*! rxjs */ 14);\n\nvar _rxjs2 = _interopRequireDefault(_rxjs);\n\nvar _controls = __webpack_require__(/*! ./controls */ 21);\n\nvar _controls2 = _interopRequireDefault(_controls);\n\nvar _animation1a = __webpack_require__(/*! ./animation1a */ 73);\n\nvar _animation1a2 = _interopRequireDefault(_animation1a);\n\nvar _animation1b = __webpack_require__(/*! ./animation1b */ 74);\n\nvar _animation1b2 = _interopRequireDefault(_animation1b);\n\nvar _animation2a = __webpack_require__(/*! ./animation2a */ 75);\n\nvar _animation2a2 = _interopRequireDefault(_animation2a);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n__webpack_require__(/*! ../css/reset.scss */ 79);\n__webpack_require__(/*! ../css/index.scss */ 77);\n__webpack_require__(/*! ../css/particle.scss */ 78);\n__webpack_require__(/*! ../css/controls.scss */ 76);\n\nnew _animation1a2.default();\nnew _animation1b2.default();\nnew _animation2a2.default();//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiODAuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vanMvaW5kZXguanM/NDJmNiJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUngsIHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IENvbnRyb2xzIGZyb20gJy4vY29udHJvbHMnO1xuaW1wb3J0IEFuaW1hdGlvbjFhIGZyb20gJy4vYW5pbWF0aW9uMWEnO1xuaW1wb3J0IEFuaW1hdGlvbjFiIGZyb20gJy4vYW5pbWF0aW9uMWInO1xuaW1wb3J0IEFuaW1hdGlvbjJhIGZyb20gJy4vYW5pbWF0aW9uMmEnO1xuXG5yZXF1aXJlKCcuLi9jc3MvcmVzZXQuc2NzcycpO1xucmVxdWlyZSgnLi4vY3NzL2luZGV4LnNjc3MnKTtcbnJlcXVpcmUoJy4uL2Nzcy9wYXJ0aWNsZS5zY3NzJyk7XG5yZXF1aXJlKCcuLi9jc3MvY29udHJvbHMuc2NzcycpO1xuXG5uZXcgQW5pbWF0aW9uMWEoKTtcbm5ldyBBbmltYXRpb24xYigpO1xubmV3IEFuaW1hdGlvbjJhKCk7XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8ganMvaW5kZXguanMiXSwibWFwcGluZ3MiOiI7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7O0FBQUE7QUFDQTs7Ozs7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9"); /***/ }), /* 81 */ diff --git a/js/controls.js b/js/controls.js index 2f9f67c..26d99a7 100644 --- a/js/controls.js +++ b/js/controls.js @@ -1,17 +1,15 @@ import Rx, { Observable } from 'rxjs'; import { CONTROLS } from './enums'; -function Controls(container, { animating, count, maxCount, randomize, speed }, customNodes) { +function Controls(container, { animating, count, maxCount, speed }, customNodes) { this.nodes = { animating: createAnimatingControl(animating), count: createCountControl(count, maxCount), - randomize: createRandomizeControl(randomize), speed: createSpeedControl(speed), } container.appendChild(this.nodes.count); container.appendChild(this.nodes.speed); - container.appendChild(this.nodes.randomize); if (customNodes !== undefined) { customNodes.forEach(node => { container.appendChild(node); }); @@ -21,7 +19,6 @@ function Controls(container, { animating, count, maxCount, randomize, speed }, c this.updateOptions({ key: CONTROLS.ANIMATING, value: animating }); this.updateOptions({ key: CONTROLS.COUNT, value: count }); - this.updateOptions({ key: CONTROLS.RANDOMIZE, value: randomize }); this.updateOptions({ key: CONTROLS.SPEED, value: speed }); } @@ -49,16 +46,12 @@ Controls.prototype.mount = function(customNodes) { const count$ = Rx.Observable.fromEvent(this.nodes.count, 'input') .map(evt => ({ key: CONTROLS.COUNT, value: evt.target.value * 1 })); - const randomize$ = Rx.Observable.fromEvent(this.nodes.randomize, 'change') - .map(evt => ({ key: CONTROLS.RANDOMIZE, value: evt.target.checked })); - const speed$ = Rx.Observable.fromEvent(this.nodes.speed, 'input') .map(evt => ({ key: CONTROLS.SPEED, value: evt.target.value * 1 })); const eventStack$ = Rx.Observable.merge( animating$, count$, - randomize$, speed$ ); @@ -106,25 +99,6 @@ function createCountControl(value, max) { return label; } -function createRandomizeControl(value) { - const label = document.createElement('label'); - label.className = 'controls-checkbox'; - - const text = document.createElement('span'); - text.innerHTML = 'Randomize movement'; - text.className = 'controls-checkbox-text'; - - const checkbox = document.createElement('input'); - checkbox.type = 'checkbox'; - checkbox.className = 'controls-checkbox-input'; - checkbox.checked = value; - - label.appendChild(checkbox); - label.appendChild(text); - - return label; -} - function createSpeedControl(value) { const label = document.createElement('label'); label.className = 'controls-range'; @@ -135,7 +109,7 @@ function createSpeedControl(value) { const slider = document.createElement('input'); slider.type = 'range'; slider.min = 1; - slider.max = 20; + slider.max = 15; slider.value = value; slider.className = 'controls-range-input'; diff --git a/js/index.js b/js/index.js index 75d373b..9948777 100644 --- a/js/index.js +++ b/js/index.js @@ -9,6 +9,6 @@ require('../css/index.scss'); require('../css/particle.scss'); require('../css/controls.scss'); -// new Animation1a(); -// new Animation1b(); +new Animation1a(); +new Animation1b(); new Animation2a(); diff --git a/js/particle.js b/js/particle.js index 42b4564..515525e 100644 --- a/js/particle.js +++ b/js/particle.js @@ -27,7 +27,7 @@ function Particle(parent, bounds, config, globalGrid) { vision: createVisionGrid(this.config) }; - this.arc = createArc(bounds, globalGrid, this.config); // TODO no need to pass config after testing + this.arc = createArc(bounds, this.grids, this.config); // TODO no need to pass config after testing this.nodes = { body: createBodyNode(this.config), @@ -92,7 +92,7 @@ Particle.prototype.updateConfig = function(config) { // ===== CREATION ===== -function createArc(bounds, globalGrid, config) { +function createArc(bounds, grids, config) { let arc = { centerX: random.num(0, bounds.width), centerY: random.num(0, bounds.height), @@ -113,8 +113,8 @@ function createArc(bounds, globalGrid, config) { const y = arc.endY - arc.endY % 5; // If starting in a hazard, recurse. - if (globalGrid[x] !== undefined && globalGrid[x][y] !== undefined) { - arc = createArc(bounds, globalGrid, config); + if (grids.global[x] !== undefined && grids.global[x][y] !== undefined) { + arc = createArc(bounds, grids, config); } return arc;