import Core from 'tnt-ecs'; import System from 'tnt-ecs'; import Entity from 'tnt-ecs'; import Component from 'tnt-ecs'; class Position extends Component { getName() { return 'position'; } getDefaults() { return {x: 0, y: 0}; } } class Color extends Component { getName() { return 'color'; } getDefaults() { return {r: 255, g: 255, b: 255}; } } class Rendering extends System { test(entity) { return entity.components.position && entity.components.color; } update(entity) { console.log( entity.components.position.x, entity.components.position.x ); console.log( entity.components.color.r, entity.components.color.g, entity.components.color.b ); } preUpdate() { console.log('Before all entities are being updated'); } postUpdate() { console.log('After all entities are being updated'); } enter(entity) { console.log('Enter system', entity); } exit(entity) { console.log('Exit system', entity); } } const ecs = new Core(); const rendering = new Rendering(); ecs.addSystem(rendering); // Start/stop the update loop ecs.stop(); ecs.start(); // Start/stop the system rendering.stop(); rendering.start(); // Add entities ecs.addEntity(new Entity([ new Position(), new Color() ])); ecs.addEntity(new Entity([ new Position({x: 50}), new Color({b: 20}) ])); ecs.addEntity(new Entity([ new Position({x: 50}), new Color({r: 0, g: 0, b: 0}) ])); const camera = new Entity([ new Position({x: 50}) ]); // Removing / adding components camera.addComponent(new Color()); camera.removeComponent('color'); camera.removeComponents(['position', 'color']); if (camera.hasComponent('position')) { console.log('This entity has the position component'); } // Tagging camera.tag('camera'); camera.removeTag('camera'); if (camera.hasTag('camera')) { console.log('This entity has the camera tag'); }