Draw the Arena (#7)

[rbdr/sumo] / lib / systems / render.js

diff --git a/lib/systems/render.js b/lib/systems/render.js
index 8d3d4468ed8b3c4104ae89ccbab13a114ef8a83d..83c740dce94b30d9bc641dc28f3240feaabe0094 100644 (file)
--- a/lib/systems/render.js
+++ b/lib/systems/render.js
@@ -7,7 +7,7 @@ const internals = {
 };
 
 /**
- * Renders renderable objects to console
+ * Renders renderable objects using pixi
  *
  * @extends {external:Serpentity.System}
  * @class RenderSystem
@@ -31,13 +31,13 @@ export default class RenderSystem extends System {
     /**
      * The pixi engine we will use to render
      *
-     * @property {external:PixiJs.Application} renderables
+     * @property {external:PixiJs.Application} application
      * @instance
      * @memberof RenderSystem
      */
-    this._application = config.application;
+    this.application = config.application;
 
-    if (!this._application) {
+    if (!this.application) {
       throw new Error(internals.kNoPixiError);
     }
   }
@@ -57,11 +57,11 @@ export default class RenderSystem extends System {
     this.renderables = engine.getNodes(RenderableNode);
     this.renderables.on('nodeAdded', (event) => {
 
-      this._application.stage.addChild(event.node.container.container);
+      this.application.stage.addChild(event.node.container.container);
     });
     this.renderables.on('nodeRemoved', (event) => {
 
-      this._application.stage.removeChild(event.node.container.container);
+      this.application.stage.removeChild(event.node.container.container);
     });
   }
 
@@ -80,8 +80,7 @@ export default class RenderSystem extends System {
   }
 
   /**
-   * Runs on every update of the loop. Prints the location of every
-   * renderable
+   * Runs on every update of the loop. Does nothing.
    *
    * @function update
    * @instance
@@ -91,9 +90,6 @@ export default class RenderSystem extends System {
    */
   update(currentFrameDuration) {
 
-    for (const renderable of this.renderables) {
-      renderable.container.container.position.x = renderable.position.x;
-      renderable.container.container.position.y = renderable.position.y;
-    }
+    this.application.render();
   }
 };