blob: 8d3d4468ed8b3c4104ae89ccbab13a114ef8a83d (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
|
import { System } from '@serpentity/serpentity';
import RenderableNode from '../nodes/renderable';
const internals = {
kNoPixiError: 'No pixi application passed to render system. Make sure you set the `application` key in the config object when initializing.'
};
/**
* Renders renderable objects to console
*
* @extends {external:Serpentity.System}
* @class RenderSystem
* @param {object} config a configuration object to extend.
*/
export default class RenderSystem extends System {
constructor(config = {}) {
super();
/**
* The node collection of renderable entities
*
* @property {external:Serpentity.NodeCollection} renderables
* @instance
* @memberof RenderSystem
*/
this.renderables = null;
/**
* The pixi engine we will use to render
*
* @property {external:PixiJs.Application} renderables
* @instance
* @memberof RenderSystem
*/
this._application = config.application;
if (!this._application) {
throw new Error(internals.kNoPixiError);
}
}
/**
* Initializes system when added. Requests renderable nodes and
* attaches to event listeners to add / remove them to pixi stage
*
* @function added
* @memberof RenderSystem
* @instance
* @param {external:Serpentity.Engine} engine the serpentity engine to
* which we are getting added
*/
added(engine) {
this.renderables = engine.getNodes(RenderableNode);
this.renderables.on('nodeAdded', (event) => {
this._application.stage.addChild(event.node.container.container);
});
this.renderables.on('nodeRemoved', (event) => {
this._application.stage.removeChild(event.node.container.container);
});
}
/**
* Clears system resources when removed.
*
* @function removed
* @instance
* @memberof RenderSystem
*/
removed() {
this.renderables.removeAllListeners('nodeAdded');
this.renderables.removeAllListeners('nodeRemoved');
this.renderables = null;
}
/**
* Runs on every update of the loop. Prints the location of every
* renderable
*
* @function update
* @instance
* @param {Number} currentFrameDuration the duration of the current
* frame
* @memberof RenderSystem
*/
update(currentFrameDuration) {
for (const renderable of this.renderables) {
renderable.container.container.position.x = renderable.position.x;
renderable.container.container.position.y = renderable.position.y;
}
}
};
|
