65 lines
1.8 KiB
JavaScript
65 lines
1.8 KiB
JavaScript
import Component from '@/ecs/component.js';
|
|
|
|
export default class Sprite extends Component {
|
|
instanceFromSchema() {
|
|
return class SpriteInstance extends super.instanceFromSchema() {
|
|
$$sourceJson = {};
|
|
get anchor() {
|
|
return {x: this.anchorX, y: this.anchorY};
|
|
}
|
|
get animation() {
|
|
return super.animation;
|
|
}
|
|
set animation(animation) {
|
|
super.animation = animation;
|
|
// eslint-disable-next-line no-self-assign
|
|
this.frame = this.frame;
|
|
}
|
|
get frame() {
|
|
return super.frame;
|
|
}
|
|
set frame(frame) {
|
|
super.frame = this.frames ? frame % this.frames : 0;
|
|
}
|
|
get frames() {
|
|
return this.animation
|
|
? (
|
|
this.$$sourceJson.animations
|
|
? this.$$sourceJson.animations[this.animation].length
|
|
: 0
|
|
)
|
|
: 0;
|
|
}
|
|
get scale() {
|
|
return {x: this.scaleX, y: this.scaleY};
|
|
}
|
|
toNet() {
|
|
// eslint-disable-next-line no-unused-vars
|
|
const {elapsed, ...rest} = super.toNet();
|
|
return rest;
|
|
}
|
|
};
|
|
}
|
|
async load(instance) {
|
|
instance.$$sourceJson = await this.ecs.readJson(instance.source);
|
|
}
|
|
markChange(entityId, key, value) {
|
|
if ('elapsed' === key) {
|
|
return;
|
|
}
|
|
super.markChange(entityId, key, value);
|
|
}
|
|
static properties = {
|
|
anchorX: {defaultValue: 0.5, type: 'float32'},
|
|
anchorY: {defaultValue: 0.5, type: 'float32'},
|
|
animation: {type: 'string'},
|
|
elapsed: {type: 'float32'},
|
|
frame: {type: 'uint16'},
|
|
isAnimating: {defaultValue: 1, type: 'uint8'},
|
|
scaleX: {defaultValue: 1, type: 'float32'},
|
|
scaleY: {defaultValue: 1, type: 'float32'},
|
|
source: {type: 'string'},
|
|
speed: {type: 'float32'},
|
|
};
|
|
}
|