From f8d532b4aec6abc986b1d029256e2580951b1fc9 Mon Sep 17 00:00:00 2001
From: Taizo 'Tsa6' Simpson <taizo@tsa6.tk>
Date: Mon, 21 Aug 2017 16:19:57 -0400
Subject: [PATCH] Draw the background color seperately instead of drawing each
 grass tile individually

---
 index.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/index.js b/index.js
index e3b580e..1484b99 100644
--- a/index.js
+++ b/index.js
@@ -568,13 +568,15 @@ 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'
@@ -583,10 +585,12 @@ 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(draw_tile) {
+        ctx.fillRect(x * mt, y * mt, mt, mt)
+      }
     }
 /*
     for (let i in Game.map.pathgen) {