heal timing

This commit is contained in:
ntr 2019-07-05 12:16:01 +10:00
parent 4a863da752
commit 640938827d
3 changed files with 12 additions and 3 deletions

View File

@ -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/",

View File

@ -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',
}));
}

View File

@ -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',
}));
}
}