129 lines
3.4 KiB
JavaScript
129 lines
3.4 KiB
JavaScript
import Component from '@/ecs/component.js';
|
|
|
|
export default class Sprite extends Component {
|
|
instanceFromSchema() {
|
|
return class SpriteInstance extends super.instanceFromSchema() {
|
|
$$anchor = {x: 0.5, y: 0.5};
|
|
$$scale = {x: 1, y: 1};
|
|
$$sourceJson = {};
|
|
get anchor() {
|
|
return this.$$anchor;
|
|
}
|
|
get anchorX() {
|
|
return this.$$anchor.x;
|
|
}
|
|
set anchorX(anchorX) {
|
|
this.$$anchor = {x: anchorX, y: this.anchorY};
|
|
}
|
|
get anchorY() {
|
|
return this.$$anchor.y;
|
|
}
|
|
set anchorY(anchorY) {
|
|
this.$$anchor = {x: this.anchorX, y: anchorY};
|
|
}
|
|
get animation() {
|
|
return super.animation;
|
|
}
|
|
set animation(animation) {
|
|
if (this.$$animation === animation) {
|
|
return;
|
|
}
|
|
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() {
|
|
if (
|
|
!this.animation
|
|
|| !this.$$sourceJson.animations
|
|
|| !(this.animation in this.$$sourceJson.animations)
|
|
) {
|
|
return 0;
|
|
}
|
|
return this.$$sourceJson.animations[this.animation].length;
|
|
}
|
|
hasAnimation(animation) {
|
|
if (
|
|
!this.$$sourceJson.animations
|
|
|| !(animation in this.$$sourceJson.animations)
|
|
) {
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
get rotates() {
|
|
if (!this.$$sourceJson.meta) {
|
|
return false;
|
|
}
|
|
return 'rotation' in this.$$sourceJson.meta;
|
|
}
|
|
get rotation() {
|
|
if (!this.$$sourceJson.meta) {
|
|
return 0;
|
|
}
|
|
return this.$$sourceJson.meta.rotation;
|
|
}
|
|
get scale() {
|
|
return this.$$scale;
|
|
}
|
|
get scaleX() {
|
|
return this.$$scale.x;
|
|
}
|
|
set scaleX(scaleX) {
|
|
this.$$scale = {x: scaleX, y: this.scaleY};
|
|
}
|
|
get scaleY() {
|
|
return this.$$scale.y;
|
|
}
|
|
set scaleY(scaleY) {
|
|
this.$$scale = {x: this.scaleX, y: scaleY};
|
|
}
|
|
get size() {
|
|
if (!this.$$sourceJson.frames) {
|
|
return {x: 16, y: 16};
|
|
}
|
|
const frame = this.animation
|
|
? this.$$sourceJson.animations[this.animation][this.frame]
|
|
: '';
|
|
return this.$$sourceJson.frames[frame].sourceSize;
|
|
}
|
|
toNet(recipient, data) {
|
|
// eslint-disable-next-line no-unused-vars
|
|
const {elapsed, ...rest} = super.toNet(recipient, data);
|
|
return rest;
|
|
}
|
|
};
|
|
}
|
|
async load(instance) {
|
|
if (instance.source) {
|
|
instance.$$sourceJson = await this.ecs.readJson(instance.source);
|
|
}
|
|
}
|
|
markChange(entityId, key, value) {
|
|
if ('elapsed' === key) {
|
|
return;
|
|
}
|
|
super.markChange(entityId, key, value);
|
|
}
|
|
static properties = {
|
|
alpha: {defaultValue: 1, type: 'float32'},
|
|
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'},
|
|
tint: {type: 'uint32'},
|
|
};
|
|
}
|