splat-ecs/lib/systems/renderer/background-color.js

A 2D HTML5 Canvas game engine

"use strict";

module.exports = function(ecs, game) { // eslint-disable-line no-unused-vars
  game.entities.registerSearch("backgroundColorSearch", ["backgroundColor", "size", "position"]);
  ecs.addEach(function(entity, elapsed) { // eslint-disable-line no-unused-vars
    var color = game.entities.getComponent(entity, "backgroundColor");
    var position = game.entities.getComponent(entity, "position");
    var size = game.entities.getComponent(entity, "size");
    game.context.fillStyle = color;
    game.context.fillRect(position.x, position.y, size.width, size.height);
  }, "backgroundColorSearch");
};