diff --git a/client/assets/styles/game.less b/client/assets/styles/game.less index e6f1c735..1746abea 100644 --- a/client/assets/styles/game.less +++ b/client/assets/styles/game.less @@ -40,7 +40,7 @@ .combat-text { left: 15%; - top: 0%; + top: 20%; } } @@ -219,7 +219,7 @@ } &.ko-transition { - animation: target-ko 1.1s ease-in-out 0s 1; + animation: target-ko 1.3s ease-in-out 0s 1; } &.ko { diff --git a/client/src/components/construct.jsx b/client/src/components/construct.jsx index a26ecdd5..34453f9e 100644 --- a/client/src/components/construct.jsx +++ b/client/src/components/construct.jsx @@ -19,7 +19,7 @@ const addState = connect( ); class ConstructAvatar extends Component { - constructor(props) { + constructor() { super(); // The animation ids are a check to ensure that animations are not repeated // When a new construct animation is communicated with state it will have a corresponding Id diff --git a/client/src/components/game.construct.jsx b/client/src/components/game.construct.jsx index 8172c3fc..347b4511 100644 --- a/client/src/components/game.construct.jsx +++ b/client/src/components/game.construct.jsx @@ -26,10 +26,9 @@ class combatText extends preact.Component { anime({ targets: '.combat-text', top: '40%', - duration: TIMES.POST_SKILL_DURATION_MS, + duration: TIMES.POST_SKILL_DURATION_MS - 500, + easing: 'easeOutQuad', }); - - console.log('grep'); } } diff --git a/client/src/constants.jsx b/client/src/constants.jsx index bcfa054d..e0ee5edc 100644 --- a/client/src/constants.jsx +++ b/client/src/constants.jsx @@ -3,7 +3,7 @@ const preact = require('preact'); const SOURCE_DURATION_MS = 1000; // Time for SOURCE ONLY const TARGET_DELAY_MS = 500; // Used for Source + Target const TARGET_DURATION_MS = 1500; // Time for TARGET ONLY -const POST_SKILL_DURATION_MS = 1100; // Time for all POST +const POST_SKILL_DURATION_MS = 1300; // Time for all POST const SOURCE_AND_TARGET_TOTAL_DURATION = TARGET_DELAY_MS + TARGET_DURATION_MS; // SOURCE + TARGET time module.exports = {