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", "main": "index.js",
"scripts": { "scripts": {
"start": "parcel index.html --host 0.0.0.0 --port 40080 --no-source-maps", "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/", "build": "rm -rf dist && parcel build index.html && cp -r assets/molecules/ dist/",
"scss": "node-sass --watch assets/scss -o assets/styles", "scss": "node-sass --watch assets/scss -o assets/styles",
"lint": "eslint --fix --ext .jsx src/", "lint": "eslint --fix --ext .jsx src/",

View File

@ -62,9 +62,9 @@ class Heal extends Component {
targets: ['#heal circle'], targets: ['#heal circle'],
cx: 150, cx: 150,
cy: 200, cy: 200,
delay: TIMES.TARGET_DELAY_MS, delay: TIMES.TARGET_DELAY_MS * 2,
duration: TIMES.TARGET_DURATION_MS, duration: TIMES.TARGET_DURATION_MS,
easing: 'easeInOutSine', easing: 'easeOutCirc',
direction: 'reverse', direction: 'reverse',
})); }));
} }

View File

@ -57,6 +57,15 @@ class Triage extends Component {
], ],
easing: 'easeInOutSine', easing: 'easeInOutSine',
})); }));
this.animations.push(anime({
targets: ['#triageTick circle'],
cx: 150,
cy: 200,
duration: TIMES.TARGET_DURATION_MS,
easing: 'easeInOutElastic',
direction: 'reverse',
}));
} }
} }