TouchColorButtons.js

function ColorButton(color, position) {
  this.color = color;
  this.position = position;
  this.origin = new Vector2(0, 0);
  this.scale = 0.6;
 
  this.define();
}

ColorButton.prototype.define = function() {
  if (this.color === 'red')
    this.sprite = sprites.extras['color_button'].red;
  else if (this.color === 'green') 
    this.sprite = sprites.extras['color_button'].green;
  else if (this.color === 'blue')
    this.sprite = sprites.extras['color_button'].blue;
    this.rect = new Rectangle(
      this.position.x ,
      this.position.y ,
      this.sprite.width,
      this.sprite.height 
    );
  }
  

ColorButton.prototype.draw = function() {
  this.rect = new Rectangle(
    this.position.x ,
    this.position.y ,
    this.sprite.width ,
    this.sprite.height 
  );
  Canvas.drawImage(this.sprite, this.position, 0, this.origin, this.scale);
}

ColorButton.prototype.update = function() {
  if (Touch.containsTouchPress(this.rect)) {
    Game.gameWorld.cannon.currentColor = this.color;
  }
}