declarativeGame.js

// example of what this code would produce => http://worms.io/pocDeclarative

const makePlayer = () => {
  return {
    initial: {
      size: [50, 50],
      position: [10, 10],
      physics: true
    },
    on: {
      mouse: {
        clicked: (W, self, pointClicked) => {
          self.fire('Bullet', pointClicked)
        }
      },
      keyboard: {
        keyPressed: (W, self, key, keyMapped) => {
          const angle = keyMapped
            self.physics.velocity.addVectors([]
              W.makeVector(angle, 100)
            ])
          }
        },
        keyReleased: (W, self, key, keyMapped) => {
            const reverseAngle = W.makeAngle(keyMapped + 180)
            self.physics.velocity.addVectors([
              W.makeVector(reverseAngle, 100)
            ])
          }
        }
      },
      custom: {
        fire: (W, self, bulletObject, pointClicked) => {
          W.create(bulletObject, {
            position: self.position,
            direction: W.getAngle(self.position, pointClicked)
          })
        }
      }
    }
  }
}

makeBullet = () => {
  return {
    initial: {
      size: [5, 5],
      physics: true
    },
    on: {
      created: (W, self, helpers) => {
        self.setPosition(helpers.direction)
        self.physics.velocity.addVectors(
          W.makeVector(helpers.direction, 100)
        )
      },
      leaveLayout: (W, self) => {
        self.destroy()
      }
    }
  }
}

const game = {
  config: {
    canvas: '.game'
  },
  
  layout1: {
    config: (W, layout) => {
      layout.size = [1280, 720]
      W.mapKeys: {
        w: 90,
        a: 180,
        s: 270,
        d: 0,
      },
    }
    objects: {
      Player: makePlayer(),
      Bullet: makeBullet()
    }
  }
}
run(game)