diff --git a/client/package.json b/client/package.json index cdcc5ce7..2e7b152f 100644 --- a/client/package.json +++ b/client/package.json @@ -5,7 +5,7 @@ "main": "index.js", "scripts": { "start": "parcel index.html --host 0.0.0.0 --port 40080 --no-source-maps", - "anims": "parcel animations.html --host 0.0.0.0 --port 40080 --no-source-maps", + "anims": "parcel animations.html --host 0.0.0.0 --port 40080 --no-source-maps --no-hmr", "build": "rm -rf dist && parcel build index.html && cp -r assets/molecules/ dist/", "scss": "node-sass --watch assets/scss -o assets/styles", "lint": "eslint --fix --ext .jsx src/", diff --git a/client/src/components/anims/heal.jsx b/client/src/components/anims/heal.jsx index 5ac0e755..4af06c00 100644 --- a/client/src/components/anims/heal.jsx +++ b/client/src/components/anims/heal.jsx @@ -62,9 +62,9 @@ class Heal extends Component { targets: ['#heal circle'], cx: 150, cy: 200, - delay: TIMES.TARGET_DELAY_MS, + delay: TIMES.TARGET_DELAY_MS * 2, duration: TIMES.TARGET_DURATION_MS, - easing: 'easeInOutSine', + easing: 'easeOutCirc', direction: 'reverse', })); } diff --git a/client/src/components/anims/triage.jsx b/client/src/components/anims/triage.jsx index 9e560405..7aa49fc0 100644 --- a/client/src/components/anims/triage.jsx +++ b/client/src/components/anims/triage.jsx @@ -57,6 +57,15 @@ class Triage extends Component { ], easing: 'easeInOutSine', })); + + this.animations.push(anime({ + targets: ['#triageTick circle'], + cx: 150, + cy: 200, + duration: TIMES.TARGET_DURATION_MS, + easing: 'easeInOutElastic', + direction: 'reverse', + })); } }