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

smooth as butter

Browse Source
This commit is contained in:
Mashy 2019-07-08 20:58:27 +10:00
parent 538e0a9c31
commit 089ff4e274
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/components/construct.jsx
View File

@ -65,13 +65,14 @@ class ConstructAvatar extends Component {
} }
componentDidMount() { componentDidMount() {
animateConstruct(this.props.id); this.idle = animateConstruct(this.props.id);
} }
componentWillReceiveProps(nextProps) { componentWillReceiveProps(nextProps) {
if (nextProps.avatarAnimation.id !== this.animId && nextProps.avatarAnimation.animTargetId === this.props.id) { if (nextProps.avatarAnimation.id !== this.animId && nextProps.avatarAnimation.animTargetId === this.props.id) {
this.animId = nextProps.avatarAnimation.id; this.animId = nextProps.avatarAnimation.id;
anime({ this.idle.pause();
const anim = anime({
targets: [document.getElementById(this.props.id)], targets: [document.getElementById(this.props.id)],
translateY: nextProps.avatarAnimation.y * 200, translateY: nextProps.avatarAnimation.y * 200,
translateX: nextProps.avatarAnimation.x * 200, translateX: nextProps.avatarAnimation.x * 200,
@ -79,6 +80,7 @@ class ConstructAvatar extends Component {
direction: 'alternate', direction: 'alternate',
duration: TIMES.SOURCE_DURATION_MS, duration: TIMES.SOURCE_DURATION_MS,
}); });
anim.finished.then(this.idle.play);
} }
// console.log(this.props); // console.log(this.props);
// console.log(nextProps); // console.log(nextProps);