From 9ce98fe81f97a379d9f37b01f51e953897177a44 Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Wed, 18 Dec 2019 11:12:36 +1000
Subject: [PATCH] chaos anim changes

---
 client/src/components/anims/chaos.jsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/client/src/components/anims/chaos.jsx b/client/src/components/anims/chaos.jsx
index 2d959a7d..205a661f 100644
--- a/client/src/components/anims/chaos.jsx
+++ b/client/src/components/anims/chaos.jsx
@@ -12,7 +12,8 @@ function projectile(x, y, radius, colour) {
             cy={y}
             r={radius}
             fill={colour}
-            stroke="none"
+            stroke={colour === '#a52a2a' ? 'none' : '#f5f5f5'}
+            stroke-width={colour === '#a52a2a' ? '0' : '0.05em'}
             filter={colour === '#a52a2a' ? 'url(#chaosRedFilter)' : 'url(#chaosBlueFilter)'}
         />
     );
@@ -25,7 +26,7 @@ class Chaos extends Component {
         const points = randomPoints(20, 30, { x: 0, y: 0, width: 300, height: 100 });
         this.charges = points.map(coord => {
             const colour = Math.random() >= 0.5 ? '#a52a2a' : '#3050f8';
-            return projectile(coord[0], coord[1], 14, colour);
+            return projectile(coord[0], coord[1], '0.5em', colour);
         });
     }
 
@@ -84,8 +85,8 @@ class Chaos extends Component {
         this.animations.push(anime({
             targets: ['#chaosRedFilter feTurbulence', '#chaosRedFilter feDisplacementMap'],
             baseFrequency: 2,
-            scale: 20,
-            numOctaves: 5,
+            scale: 5,
+            numOctaves: 3,
             easing: 'easeOutSine',
 
             duration: TIMES.TARGET_DURATION_MS,