Clear canvas, preserve state

1 files changed, 5 insertions, 0 deletions

diff --git a/js/game.js b/js/game.js
index f39a6d1..6ed44bd 100644
--- a/js/game.js
+++ b/js/game.js
@@ -163,6 +163,9 @@ class Game {
 
         let ctx = this.canvas.getContext("2d");
 
+        ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+        ctx.save();
+
         if (this.loadingError == true) {
             ctx.fillStyle = "rgb(255, 128, 128)";
             ctx.font = "caption";
@@ -180,6 +183,8 @@ class Game {
             Math.floor(ctx.canvas.resSize * (ctx.canvas.width - Math.floor(ctx.canvas.width * 0.2)) / ctx.canvas.dataSize)
         ), h);
 
+        ctx.restore();
+
         // we don't do this on update because we want
         // the progress bar to finish drawing
         if (this.resSize == this.dataSize) {