added tube image to mario

assets/js/mario/player.js

@@ -1,4 +1,5 @@
 import {platform} from "./platform.js"
+import {tube} from "./tube.js"
 
     // Get text element for Mario's health
     let marioStateMessage = document.getElementById("Mario_State");
@@ -112,6 +113,7 @@ function animate() {
     ctx.clearRect(0, 0, canvas.width, canvas.height);
     platform.draw();
     player.update();
+    tube.draw();
 };
 animate();
     // Event listener for keydown events

assets/js/mario/tube.js

@@ -0,0 +1,25 @@
+import{ctx} from "./player.js"
+
+class Tube {
+    constructor(image) {
+        // Initial position of the tube
+        this.position = {
+            x: 500,
+            y: 180
+        };
+        this.image = image;
+        this.width = 100;
+        this.height = 120;
+    };
+    // Method to draw the tube on the canvas
+    draw() {
+        ctx.drawImage(this.image, this.position.x, this.position.y, this.width, this.height);
+    };
+};
+
+//Load image
+let imageTube = new Image();
+imageTube.src = 'https://samayass.github.io/samayaCSA/images/tube.png'
+let tube = new Tube(imageTube);
+
+export {tube}