Renderer Design

[CaptainIRS]

Rough design sketch: https://jamboard.google.com/d/1DUagRDEAVROzsPEKXSLJfn2ANVQTCU1aVqCuL1-rwCo/edit?usp=sharing

Refer
https://phaser.io/examples/v3/view/depth-sorting/isometric-map
Use the skeleton assets for the troops

https://phaser.io/examples/v3/view/game-objects/graphics/health-bars-demo
health bar

Components:

P1:

• Destruction and coins used counter
• Map display
• Troops movement and power left
• Log Parser

P2:

• Fullscreen mode
• Speed controls
• Play/pause/restart
• Support for pinch zoom in mobile and scroll zoom in desktop

Log format:

INIT
TOWERS, n, (id, typeId, x, y, hp), (id, typeId, x, y, hp), …

TURN, t
MOVE, id, x, y
SHOOT, id, id, targetNewHp
SPAWN, id, typeId, x, y, hp
DEAD, A/D,  id
PRINT, log
DESTRUCTION, %
COINS, c

END
ERRORS, …