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

decay

Browse Source
This commit is contained in:
ntr 2019-07-01 14:53:27 +10:00
parent ed0eb2038c
commit beb40da7fe
3 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/animations.jsx
View File

@ -10,6 +10,7 @@ const Bash = require('./anims/bash');
const Block = require('./anims/block'); const Block = require('./anims/block');
const Buff = require('./anims/buff'); const Buff = require('./anims/buff');
const Debuff = require('./anims/debuff'); const Debuff = require('./anims/debuff');
const Decay = require('./anims/decay');
const Curse = require('./anims/curse'); const Curse = require('./anims/curse');
const Haste = require('./anims/haste'); const Haste = require('./anims/haste');
const Stun = require('./anims/stun'); const Stun = require('./anims/stun');
@ -107,6 +108,7 @@ function animations(props) {
case 'Curse': return <Curse />; case 'Curse': return <Curse />;
case 'Blast': return <Blast id={construct.id} stage={stage} team={player}/>; case 'Blast': return <Blast id={construct.id} stage={stage} team={player}/>;
case 'Debuff': return <Debuff />; case 'Debuff': return <Debuff />;
case 'Decay': return <Decay />;
case 'Strike': return <Strike id={construct.id} stage={stage} team={player} colour={colours.red}/>; case 'Strike': return <Strike id={construct.id} stage={stage} team={player} colour={colours.red}/>;
case 'Chaos': return <Chaos id={construct.id} team={player} colour={colours.purple}/>; case 'Chaos': return <Chaos id={construct.id} team={player} colour={colours.purple}/>;
case 'Slay': return <Slay id={construct.id} team={player} colour={colours.yellow}/>; case 'Slay': return <Slay id={construct.id} team={player} colour={colours.yellow}/>;

11
client/src/components/anims/curse.jsx
View File

@ -2,7 +2,10 @@ const preact = require('preact');
const { Component } = require('preact'); const { Component } = require('preact');
const anime = require('animejs').default; const anime = require('animejs').default;
const { TIMES } = require('../../constants'); const {
TIMES,
COLOURS,
} = require('../../constants');
class Curse extends Component { class Curse extends Component {
constructor() { constructor() {
@ -38,10 +41,10 @@ class Curse extends Component {
this.animations.push(anime({ this.animations.push(anime({
targets: ['#curse'], targets: ['#curse'],
scale: [0.5, 0.8], scale: [0.5, 0.8],
strokeWidth: 0, strokeWidth: [8, 0],
easing: 'easeInOutSine', easing: 'easeInOutSine',
direction: 'alternate', // delay: TIMES.TARGET_DELAY_MS,
duration: TIMES.START_SKILL, duration: TIMES.TARGET_DURATION_MS,
})); }));
} }

2
client/src/components/anims/haste.jsx
View File

@ -37,6 +37,8 @@ class Haste extends Component {
); );
} }
// transform: ['translate(0 0)', 'translate(0 -100)']
componentDidMount() { componentDidMount() {
this.animations.push(anime({ this.animations.push(anime({
targets: ['#haste'], targets: ['#haste'],