Add control via keyboard (#6)

[rbdr/sumo] / lib / sumo.js

diff --git a/lib/sumo.js b/lib/sumo.js
index 81f948f74848695144ca298d546e6a6b66714fa5..2b6f085bce02b488a70a4236a1cb4d1825656ea9 100644 (file)
--- a/lib/sumo.js
+++ b/lib/sumo.js
@@ -1,7 +1,25 @@
+import 'babel-polyfill';
+
+// Systems
+import ApplyForceSystem from './systems/apply_force';
+import CreateCouplingLineSystem from './systems/create_coupling_line';
+import ControlMapperSystem from './systems/control_mapper';
+import DashSystem from './systems/dash';
+import ElasticSystem from './systems/elastic';
+import PhysicsWorldControlSystem from './systems/physics_world_control';
+import PhysicsToAttributesSystem from './systems/physics_to_attributes';

 import RenderSystem from './systems/render';
 import RenderSystem from './systems/render';

+import AttributesToRenderableSystem from './systems/attributes_to_renderable';
+
+// Factories
+

 import SumoFactory from './factories/sumo';
 import SumoFactory from './factories/sumo';

+
+// External Dependencies
+

 import Serpentity from '@serpentity/serpentity';
 import { Application } from 'pixi.js';
 import Serpentity from '@serpentity/serpentity';
 import { Application } from 'pixi.js';

+import { Engine } from 'matter-js';

 
 /* global window document */
 
 
 /* global window document */
 


@@ -60,6 +78,7 @@ internals.Sumo = class Sumo {
 
     // Initialization functions
     this._initializeCanvas();
 
     // Initialization functions
     this._initializeCanvas();

+    this._initializeMatter();

     this._initializePixi();
     this._initializeSystems();
     this._initializeEntities();
     this._initializePixi();
     this._initializeSystems();
     this._initializeEntities();


@@ -109,7 +128,7 @@ internals.Sumo = class Sumo {
 
       // We're sending the currentTime since it gives better results for
       // this type of renderer, though usually we expect the delta
 
       // We're sending the currentTime since it gives better results for
       // this type of renderer, though usually we expect the delta

-      this._engine.update(currentTime);
+      this._engine.update(currentFrameDuration);

       this._previousTime = currentTime;
     }
   }
       this._previousTime = currentTime;
     }
   }


@@ -124,6 +143,15 @@ internals.Sumo = class Sumo {
     window.addEventListener('resize', this._resizeCanvas.bind(this));
   }
 
     window.addEventListener('resize', this._resizeCanvas.bind(this));
   }
 

+  // Initialize MatterJs
+
+  _initializeMatter() {
+
+    this._matterJs = Engine.create();
+
+    this._matterJs.world.gravity.y = 0;
+  }
+

   // Initialize Pixi
 
   _initializePixi() {
   // Initialize Pixi
 
   _initializePixi() {


@@ -160,6 +188,24 @@ internals.Sumo = class Sumo {
 
   _initializeSystems() {
 
 
   _initializeSystems() {
 

+    this._engine.addSystem(new ControlMapperSystem());
+
+    this._engine.addSystem(new DashSystem());
+
+    this._engine.addSystem(new ApplyForceSystem());
+
+    this._engine.addSystem(new PhysicsWorldControlSystem({
+      engine: this._matterJs
+    }));
+
+    this._engine.addSystem(new ElasticSystem());
+
+    this._engine.addSystem(new PhysicsToAttributesSystem());
+
+    this._engine.addSystem(new AttributesToRenderableSystem());
+
+    this._engine.addSystem(new CreateCouplingLineSystem());
+

     this._engine.addSystem(new RenderSystem({
       application: this._pixi
     }));
     this._engine.addSystem(new RenderSystem({
       application: this._pixi
     }));


@@ -169,19 +215,42 @@ internals.Sumo = class Sumo {
 
   _initializeEntities() {
 
 
   _initializeEntities() {
 

-    SumoFactory.createSumo(this._engine, {
+    const sumoA = SumoFactory.createSumo(null, {

       position: {
         x: 50,
         y: 50
       }
     });
 
       position: {
         x: 50,
         y: 50
       }
     });
 

-    SumoFactory.createSumo(this._engine, {
+    const sumoB = SumoFactory.createControllableSumo(null, {
+      position: {
+        x: 500,
+        y: 78
+      }
+    });
+
+    const harness = SumoFactory.createHarness(null, {

       position: {
         x: 309,
         y: 112
       }
     });
       position: {
         x: 309,
         y: 112
       }
     });

+
+    SumoFactory.createRubberBand(this._engine, {
+      entityA: sumoA,
+      entityB: harness
+    });
+
+    SumoFactory.createRubberBand(this._engine, {
+      entityA: sumoB,
+      entityB: harness
+    });
+
+    // To keep the coupling behind, we'll manually add the sumos later
+
+    this._engine.addEntity(sumoA);
+    this._engine.addEntity(sumoB);
+    this._engine.addEntity(harness);

   }
 };
 
   }
 };