From 493ec31cb19b4211c703762d14a4e6232c4c2143 Mon Sep 17 00:00:00 2001 From: Rubén Beltrán del Río Date: Sat, 21 Apr 2018 17:45:38 -0500 Subject: Physics Engine (#4) * Add matter-js as a dependency * Add body component * Fix renderable node doc * Add the physics node type * Correct typo in physics enabled node types * Update docs on render system * Add physics system * Update changelog * Add physics engine to main app * Tweak the gravity of the world * Add body to sumo factory * Add angle component * Add angle to entity * Add angle to the nodes * Pass angle between systems * Set default angle to 0 * Split systems and nodes * Fix indentaion in physics world control * Add third sumo entity * Adjust values for constriants and physics * Correct docs in new nodes * Update built-in docs --- lib/systems/attributes_to_renderable.js | 73 +++++++++++++++++++++++++++++++++ 1 file changed, 73 insertions(+) create mode 100644 lib/systems/attributes_to_renderable.js (limited to 'lib/systems/attributes_to_renderable.js') diff --git a/lib/systems/attributes_to_renderable.js b/lib/systems/attributes_to_renderable.js new file mode 100644 index 0000000..e5c66a0 --- /dev/null +++ b/lib/systems/attributes_to_renderable.js @@ -0,0 +1,73 @@ +import { System } from '@serpentity/serpentity'; + +import RenderableWithAttributesNode from '../nodes/renderable_with_attributes'; + +/** + * Updates the renderables based on their attribuets + * + * @extends {external:Serpentity.System} + * @class AttributesToRenderableSystem + * @param {object} config a configuration object to extend. + */ +export default class AttributesToRenderableSystem extends System { + + constructor(config = {}) { + + super(); + + /** + * The node collection of renderable entities + * + * @property {external:Serpentity.NodeCollection} renderables + * @instance + * @memberof AttributesToRenderableSystem + */ + this.renderables = null; + } + + /** + * Initializes system when added. Requests renderable nodes and + * attaches to event listeners to add / remove them to pixi stage + * + * @function added + * @memberof AttributesToRenderableSystem + * @instance + * @param {external:Serpentity.Engine} engine the serpentity engine to + * which we are getting added + */ + added(engine) { + + this.renderables = engine.getNodes(RenderableWithAttributesNode); + } + + /** + * Clears system resources when removed. + * + * @function removed + * @instance + * @memberof AttributesToRenderableSystem + */ + removed() { + + this.renderables = null; + } + + /** + * Runs on every update of the loop. Updates the graphics so they're + * rendered correctly + * + * @function update + * @instance + * @param {Number} currentFrameDuration the duration of the current + * frame + * @memberof AttributesToRenderableSystem + */ + update(currentFrameDuration) { + + for (const renderable of this.renderables) { + renderable.container.container.position.x = renderable.position.x; + renderable.container.container.position.y = renderable.position.y; + renderable.container.container.rotation = renderable.angle.angle; + } + } +}; -- cgit