amplify

2019-06-29 15:58:48 +10:00
parent b8fb2a5901
commit 9120a1e92f
3 changed files with 6 additions and 70 deletions
@@ -9,28 +9,20 @@ const { TIMES } = require('../../constants');
 // https://animejs.com/documentation/#svgAttr

 class Hex extends Component {
-    render(props) {
-        const {
-            id,
-            // stage,
-            // team,
-            // colour,
-        } = props;
-
+    render() {
        return (
            <svg
                class='hex-anim skill-animation blue'
                version="1.1"
-                id={id}
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 128 128">
-                <filter id={`filter${id}`}>
+                <filter id='hexFilter'>
                    <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2" result="turbulence" style="transform: scale(1);"></feTurbulence>
                    <feDisplacementMap in2="turbulence" in="SourceGraphic" scale="15" xChannelSelector="R" yChannelSelector="G"></feDisplacementMap>
                </filter>
                <polygon
                    points="64 68.64 8.574 100 63.446 67.68 64 4 64.554 67.68 119.426 100"
-                    style={{ filter: `url("#filter${id}")` }}>
+                    style={{ filter: 'url("#hexFilter")' }}>
                </polygon>
            </svg>
        );