X-Git-Url: https://git.r.bdr.sh/rbdr/sumo/blobdiff_plain/7ade6f8d96825386bf2e89dea51f9297cbac8e9c..43413defcb854c8706a84a6a54a61c7977b52614:/lib/sumo.js diff --git a/lib/sumo.js b/lib/sumo.js index 2b6f085..cdf8cc6 100644 --- a/lib/sumo.js +++ b/lib/sumo.js @@ -1,11 +1,17 @@ import 'babel-polyfill'; +import Config from './config'; + // 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 DrawDashSystem from './systems/draw_dash'; +import DrawGrabSystem from './systems/draw_grab'; import ElasticSystem from './systems/elastic'; +import GrabSystem from './systems/grab'; import PhysicsWorldControlSystem from './systems/physics_world_control'; import PhysicsToAttributesSystem from './systems/physics_to_attributes'; import RenderSystem from './systems/render'; @@ -31,13 +37,13 @@ const internals = { onLoad() { - const sumo = new internals.Sumo({ + const sumo = new internals.Sumo(Object.assign({ element: document.getElementById('sumo-app-entry-point') - }); + }, Config)); sumo.startLoop(); - internals.exports.sumo = sumo; + window.sumo = sumo; } }; @@ -61,6 +67,7 @@ internals.Sumo = class Sumo { constructor(config) { + // These defaults can get overridden by config this.fps = 60; this.aspectRatio = [2.76, 1]; this.verticalResolution = 224; @@ -192,6 +199,10 @@ internals.Sumo = class Sumo { this._engine.addSystem(new DashSystem()); + this._engine.addSystem(new GrabSystem({ + engine: this._matterJs + })); + this._engine.addSystem(new ApplyForceSystem()); this._engine.addSystem(new PhysicsWorldControlSystem({ @@ -206,6 +217,10 @@ internals.Sumo = class Sumo { this._engine.addSystem(new CreateCouplingLineSystem()); + this._engine.addSystem(new DrawDashSystem()); + + this._engine.addSystem(new DrawGrabSystem()); + this._engine.addSystem(new RenderSystem({ application: this._pixi })); @@ -215,24 +230,31 @@ internals.Sumo = class Sumo { _initializeEntities() { - const sumoA = SumoFactory.createSumo(null, { + SumoFactory.createArena(this._engine, { + position: { + x: this.horizontalResolution / 2, + y: this.verticalResolution / 2 + } + }); + + const sumoA = SumoFactory.createPlayer1Sumo(null, { position: { - x: 50, - y: 50 + x: this.horizontalResolution / 2 - 100, + y: this.verticalResolution / 2 } }); - const sumoB = SumoFactory.createControllableSumo(null, { + const sumoB = SumoFactory.createPlayer2Sumo(null, { position: { - x: 500, - y: 78 + x: this.horizontalResolution / 2 + 100, + y: this.verticalResolution / 2 } }); const harness = SumoFactory.createHarness(null, { position: { - x: 309, - y: 112 + x: this.horizontalResolution / 2, + y: this.verticalResolution / 2 } }); @@ -246,6 +268,24 @@ internals.Sumo = class Sumo { entityB: harness }); + SumoFactory.createInvisibleBlock(this._engine, { + width: this.horizontalResolution * 2, + height: this.verticalResolution * 0.1, + position: { + x: this.horizontalResolution / 2, + y: -this.verticalResolution * 0.1 + } + }); + + SumoFactory.createInvisibleBlock(this._engine, { + width: this.horizontalResolution * 2, + height: this.verticalResolution * 0.1, + position: { + x: this.horizontalResolution / 2, + y: this.verticalResolution + this.verticalResolution * 0.1 + } + }); + // To keep the coupling behind, we'll manually add the sumos later this._engine.addEntity(sumoA);