raspberry now has an image

frontend/game.ts

@@ -1,9 +1,9 @@
 const pipeImagePath: string = "resources/raspberry-low-res.png";
 const obstacleWidth: number = 42;
 let obstacleOffset: number;
-
 const backgroundImagePath: string = "resources/raspberry-low-res.png";
 let backgroundImage: any;
+const raspberryImagePath: string = "resources/raspberry-rocket.png";
 
 let obstacles: Obstacle[] = [];
 let raspberry: Raspberry;
@@ -15,6 +15,7 @@ function setup() {
     obstacleOffset = width / 4;
 
     raspberry = new Raspberry();
+    raspberry.image = raspberryImagePath;
 
     obstacles.push(new Obstacle(
         new Pipe(width, obstacleWidth, height),

frontend/models/Pipe.ts

@@ -2,7 +2,7 @@ class Pipe extends Entity {
     private _image: any;
 
     //region Getter & Setter
-    get image() {
+    get image(): any {
         return this._image;
     }
 

frontend/models/Raspberry.ts

@@ -2,10 +2,11 @@ class Raspberry extends Entity {
     private lift: number = -10;
     private gravity: number = 1;
     private _velocity: number = 0;
+    private _image: any;
     private static maxVelocity: number = 5;
 
     constructor() {
-        super(new Position(2 * width / 6, height / 2), 10, 10, 0);
+        super(new Position(width / 6, height / 2), 180, 70, 0);
     }
 
     //region Getter & Setter
@@ -17,7 +18,15 @@ class Raspberry extends Entity {
         this._velocity = (this.velocity > Raspberry.maxVelocity) ? Raspberry.maxVelocity : value;
     }
     
-    //endregion
+    get image(): any {
+        return this._image;
+    }
+
+    set image(path: string) {
+        this._image = loadImage(path);
+    }
+
+//endregion
 
     public update(): void {
         this.applyGravity();
@@ -45,4 +54,16 @@ class Raspberry extends Entity {
     public boost(): void {
         this.velocity += this.lift;
     }
+    
+    public draw(): void {
+        image(this.image, this.position.x, this.position.y, this.width, this.height);
+        noFill();
+        noStroke();
+        rect(
+            this.position.x,
+            this.position.y,
+            this.width,
+            this.height
+        );
+    }
 }