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

Merge pull request #2 from Tsa6/optimize-rendering 

Draw the background color seperately instead of drawing each grass tile individually
This commit is contained in:
Evert Prants 2017-08-22 10:48:28 +03:00 committed by GitHub
parent 81b83f216d 04b58c30b4
commit 8e080b48f3
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
index.js
View File

@ -579,14 +579,16 @@ window.onload = function () {
function render () {
let mt = Maps.tile
ctx.clearRect(0, 0, canvas.width, canvas.height)
ctx.fillStyle = '#0fa'
ctx.fillRect(0, 0, canvas.width, canvas.height)
for (let i in Game.map.tiles) {
let tile = Game.map.tiles[i]
let index = parseInt(i)
let y = Math.floor(index / Maps.width)
let x = Math.floor(index % Maps.height)
var draw_tile = true
if (tile === 1) {
ctx.fillStyle = '#fdd'
} else if (tile === 2) {
@ -594,13 +596,10 @@ window.onload = function () {
} else if (tile === 3) {
ctx.fillStyle = '#f3a'
} else {
ctx.fillStyle = '#0fa'
draw_tile = false
}
ctx.fillRect(x * mt, y * mt, mt, mt)
if(Game.state == 2 && tile == 0 && !getTowerAt(x, y) && !canPlaceTowerAt(x, y)) {
ctx.fillStyle = 'rgba(255, 0, 0, 0.45)'
if(draw_tile) {
ctx.fillRect(x * mt, y * mt, mt, mt)
}
}