dogballs / cattle-bity Goto Github PK

https://strategywiki.org/wiki/Battle_City/How_to_play#Power-Ups

Generate brick wall fragments of different size on any location of the map.

All fragments from sprite should be scaled by the same number in order to keep size relation between objects.

• Shoot shells when 'Space' is pressed in the direction the tank is facing
• Shell object should be available in global game state to calculate intersections with walls and other tanks
• Shell should be disposed from memory when it goes of screen

• Check collisions between all objects on the scene in game loop

for i in children
  for j in children

• Notify collided objects about the collision, both objects should react on collision. Alternative approach is to have an abstraction to handle collisions for a couple of objects

new CollisionHandler(Tank, EnemyTank) {
  handle(a, b) {
    ...
  }
}

new CollisionHandler(Bullet, BrickWall) {
  handle(a, b) {
    ...
  }
}

This issue is not refined, make sure to split it to sub-tasks when the logic will be clear and there will be no dependency blockers from other features.

Implement one of the power-ups, the most simple one first. It might require implementing a state machine for a tank.

Available powerups can be found here.
https://strategywiki.org/wiki/Battle_City/How_to_play#Power-Ups

According to https://strategywiki.org/wiki/Battle_City/How_to_play

tanks can only have one of their own shots on the screen at one time, and may not fire again until the shot hits an enemy or collides with a wall.

https://stackoverflow.com/questions/17103785/multiple-requestanimationframe-performance

The requestAnimationFrame binds a function call and returns the frameID. Requesting multiple frames is NOT the same like adding multiple event listeners to an event- each of your functions is called in another frame. So if you continuously (each function recalls itself recursively) request several frames you're loosing the benefit that all updates are rendered within one frame. So even if there is a high framerate animations may not look that smooth.

https://jsperf.com/single-raf-draw-calls-vs-multiple-raf-draw-calls

https://strategywiki.org/wiki/Battle_City/How_to_play#Power-Ups

https://strategywiki.org/wiki/Battle_City/How_to_play#Power-Ups

• Attach spawn animation to tanks
• Bind input listeners only after tank has spawned
• Block any sort of movements or interactions with an object which has not spawned yet

https://strategywiki.org/wiki/Battle_City/How_to_play#Power-Ups

• Add to project
• Make sure we have 'watch' mode
• Don't publish transpiled JS to repo
• Integrate with gh-pages

Add abstraction called Material which will help extract condition from a renderer, which has different logic for Shape and DisplayObject.

https://strategywiki.org/wiki/Battle_City/How_to_play#Power-Ups

Image source and sprite positions are hardcoded in models.
Move sprite fragments positions to separate config so it can be easily replaced via config with another sprite or image.