git.r.bdr.sh - rbdr/sumo/blob - lib/systems/render

 import { System } from '@serpentity/serpentity';

 import { Graphics } from 'pixi.js';

4 import Config from '../config';

5 import PointsNode from '../nodes/points';

7 const internals = {

8 kNoPixiError: 'No pixi application passed to render system. Make sure you set the `application` key in the config object when initializing.',

   redBar: new Graphics(),

   blueBar: new Graphics()

11 };

13 /**

14 * Renders points assuming there exist a "red" and a "blue" score

15 *

16 * @extends {external:Serpentity.System}

17 * @class RenderPointsSystem

18 * @param {object} config a configuration object to extend.

19 */

20 export default class RenderPointsSystem extends System {

22 constructor(config = {}) {

24 super();

26 /**

27 * The node collection of points keepers

28 *

29 * @property {external:Serpentity.NodeCollection} pointsKeepers

30 * @instance

31 * @memberof RenderPointsSystem

32 */

     this.pointsKeepers = null;

35 /**

36 * The pixi engine we will use to render

37 *

38 * @property {external:PixiJs.Application} application

39 * @instance

40 * @memberof RenderPointsSystem

41 */

     this.application = config.application;

     if (!this.application) {

       throw new Error(internals.kNoPixiError);

46 }

47 }

49 /**

50 * Initializes system when added. Requests renderable nodes and

51 * attaches to event listeners to add / remove them to pixi stage

52 *

53 * @function added

54 * @memberof RenderPointsSystem

55 * @instance

56 * @param {external:Serpentity.Engine} engine the serpentity engine to

57 * which we are getting added

58 */

59 added(engine) {

     this.pointsKeepers = engine.getNodes(PointsNode);

     this.application.stage.addChild(internals.blueBar);

     this.application.stage.addChild(internals.redBar);

64 }

66 /**

67 * Clears system resources when removed.

68 *

69 * @function removed

70 * @instance

71 * @memberof RenderPointsSystem

72 */

73 removed() {

     this.pointsKeepers = null;

     this.application.stage.removeChild(internals.blueBar);

     this.application.stage.removeChild(internals.redBar);

78 }

80 /**

81 * Runs on every update of the loop. Updates the bars

82 *

83 * @function update

84 * @instance

85 * @param {Number} currentFrameDuration the duration of the current

86 * frame

87 * @memberof RenderPointsSystem

88 */

89 update(currentFrameDuration) {

     for (const pointsKeeper of this.pointsKeepers) {

       const redPoints = pointsKeeper.points.red;

       const bluePoints = pointsKeeper.points.blue;

       const redBarHeight = redPoints * Config.verticalResolution / Config.maxPoints;

       const blueBarHeight = bluePoints * Config.verticalResolution / Config.maxPoints;

99 internals.redBar.removeChildren();

       const redBar = new Graphics();

       redBar.lineStyle(20, 0xeaacac, 0.75)

         .moveTo(Config.horizontalResolution, 0)

         .lineTo(Config.horizontalResolution, redBarHeight);

       internals.redBar.addChild(redBar);

105

106 internals.blueBar.removeChildren();

       const blueBar = new Graphics();

       blueBar.lineStyle(20, 0x87c5ea, 0.75)

         .moveTo(0, 0)

         .lineTo(0, blueBarHeight);

       internals.blueBar.addChild(blueBar);

112 }

113 }

114 }