X-Git-Url: https://git.r.bdr.sh/rbdr/sumo/blobdiff_plain/493ec31cb19b4211c703762d14a4e6232c4c2143..6768cd461ec1a8ea87c0f64e1b3c29e36b0b02ed:/lib/sumo.js?ds=sidebyside diff --git a/lib/sumo.js b/lib/sumo.js index d79826f..eef80d7 100644 --- a/lib/sumo.js +++ b/lib/sumo.js @@ -1,9 +1,26 @@ +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 ElasticSystem from './systems/elastic'; import PhysicsWorldControlSystem from './systems/physics_world_control'; import PhysicsToAttributesSystem from './systems/physics_to_attributes'; -import CreateCouplingLineSystem from './systems/create_coupling_line'; 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'; @@ -18,13 +35,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; } }; @@ -48,6 +65,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; @@ -115,7 +133,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; } } @@ -175,16 +193,26 @@ 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 DrawDashSystem()); + this._engine.addSystem(new RenderSystem({ application: this._pixi })); @@ -194,42 +222,49 @@ internals.Sumo = class Sumo { _initializeEntities() { - const entityA = SumoFactory.createSumo(null, { + SumoFactory.createArena(this._engine, { + position: { + x: this.horizontalResolution / 2, + y: this.verticalResolution / 2 + } + }); + + const sumoA = SumoFactory.createSumo(null, { position: { - x: 50, - y: 50 + x: this.horizontalResolution / 2 - 100, + y: this.verticalResolution / 2 } }); - const entityB = SumoFactory.createSumo(null, { + const sumoB = SumoFactory.createControllableSumo(null, { position: { - x: 309, - y: 112 + x: this.horizontalResolution / 2 + 100, + y: this.verticalResolution / 2 } }); - const entityC = SumoFactory.createSumo(null, { + const harness = SumoFactory.createHarness(null, { position: { - x: 500, - y: 78 + x: this.horizontalResolution / 2, + y: this.verticalResolution / 2 } }); SumoFactory.createRubberBand(this._engine, { - entityA, - entityB + entityA: sumoA, + entityB: harness }); SumoFactory.createRubberBand(this._engine, { - entityA: entityC, - entityB + entityA: sumoB, + entityB: harness }); // To keep the coupling behind, we'll manually add the sumos later - this._engine.addEntity(entityA); - this._engine.addEntity(entityB); - this._engine.addEntity(entityC); + this._engine.addEntity(sumoA); + this._engine.addEntity(sumoB); + this._engine.addEntity(harness); } };