X-Git-Url: https://git.r.bdr.sh/rbdr/sumo/blobdiff_plain/0616b3f00653c66b5e34814653e33413b9ec034e..7ade6f8d96825386bf2e89dea51f9297cbac8e9c:/lib/sumo.js?ds=sidebyside diff --git a/lib/sumo.js b/lib/sumo.js index 81f948f..2b6f085 100644 --- 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 AttributesToRenderableSystem from './systems/attributes_to_renderable'; + +// Factories + import SumoFactory from './factories/sumo'; + +// External Dependencies + import Serpentity from '@serpentity/serpentity'; import { Application } from 'pixi.js'; +import { Engine } from 'matter-js'; /* global window document */ @@ -60,6 +78,7 @@ internals.Sumo = class Sumo { // Initialization functions this._initializeCanvas(); + this._initializeMatter(); 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 - this._engine.update(currentTime); + this._engine.update(currentFrameDuration); this._previousTime = currentTime; } } @@ -124,6 +143,15 @@ internals.Sumo = class Sumo { window.addEventListener('resize', this._resizeCanvas.bind(this)); } + // Initialize MatterJs + + _initializeMatter() { + + this._matterJs = Engine.create(); + + this._matterJs.world.gravity.y = 0; + } + // Initialize Pixi _initializePixi() { @@ -160,6 +188,24 @@ internals.Sumo = class Sumo { _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 })); @@ -169,19 +215,42 @@ internals.Sumo = class Sumo { _initializeEntities() { - SumoFactory.createSumo(this._engine, { + const sumoA = SumoFactory.createSumo(null, { 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 } }); + + 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); } };