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
commit 8e080b48f3

View File

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