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

PogU

Browse Source
This commit is contained in:
Mashy 2019-11-28 15:54:37 +10:00
parent 51edec11fd
commit e78a502a40
2 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/assets/styles/game.less
View File

@ -40,7 +40,7 @@
.combat-text { .combat-text {
left: 15%; left: 15%;
top: 40%; top: 0%;
} }
} }
@ -79,7 +79,7 @@
.combat-text { .combat-text {
left: 15%; left: 15%;
top: 40%; top: 100%;
} }
.effects { .effects {

21
client/src/components/game.construct.jsx
View File

@ -1,13 +1,13 @@
const { connect } = require('preact-redux');
const { Component } = require('preact');
const preact = require('preact'); const preact = require('preact');
const { connect } = require('preact-redux');
const anime = require('animejs').default;
const range = require('lodash/range'); const range = require('lodash/range');
const reactStringReplace = require('react-string-replace'); const reactStringReplace = require('react-string-replace');
const { STATS, removeTier } = require('../utils'); const { STATS, removeTier } = require('../utils');
const { ConstructAvatar, ConstructText } = require('./construct'); const { ConstructAvatar, ConstructText } = require('./construct');
const shapes = require('./shapes'); const shapes = require('./shapes');
const { INFO } = require('./../constants'); const { INFO, TIMES } = require('./../constants');
const actions = require('../actions'); const actions = require('../actions');
const SkillBtn = require('./skill.btn'); const SkillBtn = require('./skill.btn');
@ -20,6 +20,19 @@ class combatText extends preact.Component {
return false; return false;
} }
componentDidUpdate(prevProps) {
const { animText, construct } = this.props;
if (animText && animText !== prevProps.animText && animText.constructId === construct.id) {
anime({
targets: '.combat-text',
top: '40%',
duration: TIMES.POST_SKILL_DURATION_MS,
});
console.log('grep');
}
}
render(props) { render(props) {
const { construct, animText, itemInfo } = props; const { construct, animText, itemInfo } = props;
if (animText && animText.constructId === construct.id) { if (animText && animText.constructId === construct.id) {
@ -132,7 +145,7 @@ const eventClasses = (animating, animFocus, construct, postSkill) => {
return postSkill.css; return postSkill.css;
}; };
class GameConstruct extends Component { class GameConstruct extends preact.Component {
constructor() { constructor() {
super(); super();
this.resolvedLength = 0; this.resolvedLength = 0;