evert/tower-defense
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added margin system to enemy rendering, fixing alignment issues

Browse Source
This commit is contained in:
Taizo 'Tsa6' Simpson 2017-08-22 12:36:10 -04:00
parent fc91932513
commit af7dcd70c8
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
index.js
View File

@ -1033,11 +1033,13 @@ window.onload = function () {
// Draw enemies // Draw enemies
for (let i in Game.enemies) { for (let i in Game.enemies) {
let margin = .25 //A ratio of the width of a tile. .25 margins with 32 px tiles leave a 8 px margin on all sides, with the body being 16px x 16px
let enemy = Game.enemies[i] let enemy = Game.enemies[i]
let rx = (enemy.x * mt) + mt / 8 let rx = (enemy.x + mt) + mt * margin
let ry = (enemy.y * mt) + mt / 8 let ry = (enemy.y * mt) + mt * margin
let w = mt - (mt * margin * 2)
ctx.fillStyle = enemy.icon ctx.fillStyle = enemy.icon
ctx.fillRect(rx, ry, 16, 16) ctx.fillRect(rx, ry, w, w)
// health bars // health bars
let hx = rx - 6 let hx = rx - 6