ntr/mnml
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix debuff

Browse Source
This commit is contained in:
ntr 2019-07-02 17:39:29 +10:00
parent 2d7f379e18
commit 8afc760eb3
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
client/src/components/anims/debuff.jsx
View File

@ -17,8 +17,9 @@ class Debuff extends Component {
class="skill-animation" class="skill-animation"
version="1.1" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
style={{ transform: 'rotate(180deg)' }} viewBox="0 0 200 200"
viewBox="0 0 200 200"> transform="rotate(180)"
>
<g> <g>
<polygon class='debuff-one' points='0,190 100,300 190,190'/> <polygon class='debuff-one' points='0,190 100,300 190,190'/>
<polygon class='debuff-two' points='40,170 100,300 160,170'/> <polygon class='debuff-two' points='40,170 100,300 160,170'/>
@ -41,25 +42,28 @@ class Debuff extends Component {
this.animations.push(anime({ this.animations.push(anime({
targets: ['#debuff .debuff-one'], targets: ['#debuff .debuff-one'],
points: '0,190 100,10 190,190', points: '0,190 100,10 190,190',
easing: 'easeOutExpo', easing: 'easeOutExpo',
delay: TIMES.TARGET_MAIN_DELAY, delay: TIMES.TARGET_DELAY_MS,
duration: TIMES.TARGET_MAIN_DURATION, duration: TIMES.TARGET_DURATION_MS,
})); }));
this.animations.push(anime({ this.animations.push(anime({
targets: ['#debuff .debuff-two'], targets: ['#debuff .debuff-two'],
points: '40,170 100,50 160,170', points: '40,170 100,50 160,170',
easing: 'easeOutExpo', easing: 'easeOutExpo',
delay: TIMES.TARGET_MAIN_DELAY, delay: TIMES.TARGET_DELAY_MS,
duration: TIMES.TARGET_MAIN_DURATION, duration: TIMES.TARGET_DURATION_MS,
})); }));
this.animations.push(anime({ this.animations.push(anime({
targets: ['#debuff .debuff-three'], targets: ['#debuff .debuff-three'],
points: '70,150 100,90 130,150', points: '70,150 100,90 130,150',
easing: 'easeOutExpo', easing: 'easeOutExpo',
delay: TIMES.TARGET_MAIN_DELAY, delay: TIMES.TARGET_DELAY_MS,
duration: TIMES.TARGET_MAIN_DURATION, duration: TIMES.TARGET_DURATION_MS,
})); }));
} }