Added texture for platforms

src/box.js

@@ -3,8 +3,6 @@ const MAX_JUMP = 2;
 const G = 500;
 
 const MAX_FRAME = 9;
-let img = new Image();
-img.src = "img/griezmann.png"
 
 class Box {
     constructor() {
@@ -74,4 +72,6 @@ class Box {
     }
 }
 
-Box.texture = img;
+Box.texture = new Image();
+Box.texture.src = "img/griezmann.png"
+

src/platform.js

@@ -11,3 +11,6 @@ class Platform {
 
     }
 }
+
+Platform.texture = new Image();
+Platform.texture.src = "img/grass.png";

src/scene.js

@@ -130,7 +130,6 @@ class Scene extends Screen {
     drawObject(object) {
         let size = object.size * this.width();
 
-        this.context.fillStyle = 'rgb(0, 0, 0)';
         this.context.drawImage(
             Box.texture,
             0, 64 * this.player.frameNumber, 64, 64,
@@ -144,16 +143,13 @@ class Scene extends Screen {
         let width = object.width * this.width();
         let height = object.height * this.height();
 
-        this.context.fillStyle = object.color || 'rgb(0, 0, 0)';
+        this.context.drawImage(
-        this.context.beginPath();
+            Platform.texture,
-
+            0, 0, 64, 64,
-        this.context.rect(
             (object.x - object.width / 2) * this.width(),
             (1 - object.y - object.height / 2 + this.cameraHeight) * this.height(),
-            width,
+            width, width,
-            height,
         );
-        this.context.fill();
     }
 
     drawHud() {