heal timing
This commit is contained in:
parent
4a863da752
commit
640938827d
@ -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/",
|
||||||
|
|||||||
@ -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',
|
||||||
}));
|
}));
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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',
|
||||||
|
}));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user