2019-03-18 20:07:05 -05:00
|
|
|
import {compose} from '@avocado/core';
|
|
|
|
import {Container} from '@avocado/graphics';
|
|
|
|
|
|
|
|
import {simpleState, Trait} from '../trait';
|
|
|
|
|
|
|
|
const decorate = compose(
|
|
|
|
);
|
|
|
|
|
|
|
|
class GraphicalBase extends Trait {
|
|
|
|
|
|
|
|
static defaultParams() {
|
|
|
|
return {
|
|
|
|
trackPosition: true,
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
static defaultState() {
|
|
|
|
return {};
|
|
|
|
}
|
|
|
|
|
2019-03-19 10:02:18 -05:00
|
|
|
constructor(...args) {
|
|
|
|
super(...args);
|
2019-03-18 20:07:05 -05:00
|
|
|
this._container = new Container();
|
|
|
|
}
|
|
|
|
|
|
|
|
get container() {
|
|
|
|
return this._container;
|
|
|
|
}
|
|
|
|
|
|
|
|
listeners() {
|
|
|
|
const trackPosition = this.params.get('trackPosition');
|
|
|
|
if (!trackPosition || !this._container.isValid) {
|
|
|
|
return {};
|
|
|
|
}
|
|
|
|
return {
|
|
|
|
traitAdded: (trait) => {
|
|
|
|
if ('positioned' === trait.constructor.type()) {
|
|
|
|
this._container.position = this.entity.position;
|
|
|
|
}
|
|
|
|
},
|
|
|
|
xChanged: (x) => {
|
|
|
|
this._container.x = x;
|
|
|
|
},
|
|
|
|
yChanged: (y) => {
|
|
|
|
this._container.y = y;
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
export class Graphical extends decorate(GraphicalBase) {}
|