Fixed Pig hitbox

Pigs arent stuck in ground with their feet anymore

Author: omeldev

src/app/classes/entitiy/gizmo/gizmo.ts

@@ -18,7 +18,7 @@ export abstract class Gizmo extends Sprite {
     bottom: false
   }
   protected speechBubbles: SpeechBubble[];
-  protected readonly hitbox;
+  protected readonly hitbox: Hitbox;
   protected pausedMovement = true;
   protected lastDirection: Direction = Direction.RIGHT;
   private readonly SPEED = 100;

src/app/classes/entitiy/gizmo/pig.ts

@@ -1,6 +1,8 @@
 import {Gizmo} from "./gizmo";
 import {Position} from "../position";
 import {GameAudio} from "../../audio/audio";
+import {Hitbox} from "../../level/collision/hitbox";
+import {publish} from "rxjs";
 
 export class Pig extends Gizmo {
 
@@ -35,13 +37,13 @@ export class Pig extends Gizmo {
       }
     }, 11);
 
-    this.getScale().setScale(1)
 
 
   }
 
   public override update(context: CanvasRenderingContext2D, delta: number) {
     super.update(context, delta);
+    this.getHitbox().draw(context);
     if (this.shouldSpeak) {
       this.speechBubbles[this.currentBubble].show(context, delta);
       return;
@@ -65,9 +67,14 @@ export class Pig extends Gizmo {
     this.speechBubbles[this.currentBubble].show(context, delta);
   }
 
+  public override updateHitbox(offsetX: number, offsetY: number) {
+    super.updateHitbox(6, 8);
+  }
+
 
 }
 
+
 export class KingPig extends Gizmo {
 
 

src/app/classes/entitiy/sides.ts

@@ -14,7 +14,6 @@ export class Sprite {
   protected readonly position: Position;
   protected image: HTMLImageElement;
   private readonly imageSrc: string;
-  private isSpriteSheet: boolean = false;
   private width: number = 0;
   private height: number = 0;
   private readonly scale: Scale;

src/app/classes/entitiy/sprite.ts

@@ -1,11 +1,12 @@
 import {Position} from "../../entitiy/position";
+import {Scale} from "../../entitiy/scale";
 
 export class Hitbox {
   private position: Position;
   private width: number;
   private height: number;
 
-  constructor(position: Position, width: number, height: number) {
+  constructor(position: Position, width: number, height: number, scale: Scale = new Scale(1)) {
     this.position = new Position(position.getX(), position.getY());
     this.width = width;
     this.height = height;

src/app/classes/level/collision/hitbox.ts

@@ -18,6 +18,7 @@ export class FlashlightShader {
     }
   }
 
+  //Lightning depending on Radius brighter or darker
   public draw(context: CanvasRenderingContext2D, delta: number): void {
     this.updateCooldown(delta)
 

src/app/classes/shaders/flashlight.ts

@@ -61,7 +61,7 @@ export class GameComponent implements AfterViewInit {
   }
 
   public static levelChange(): void {
-    const levels = [level1, level2, level3, level4];
+    const levels = [level1, level4, level3, level2];
     const index = levels.indexOf(GameComponent.getCurrentLevel());
     GameComponent.setCurrentLevel(levels[(index + 1) % levels.length]);
 
@@ -207,9 +207,7 @@ export class GameComponent implements AfterViewInit {
 
     //Draw Shader
     if (GameComponent.isFlashLightShaderOn) {
-
-      if (GameComponent.getCurrentLevel().isLoaded)
-        this.flashLightShader.draw(this.context!, delta);
+      if (GameComponent.getCurrentLevel().isLoaded) this.flashLightShader.draw(this.context!, delta);
     }
 
 
@@ -219,7 +217,11 @@ export class GameComponent implements AfterViewInit {
 
     this.moveCamera();
     if(GameComponent.hasInteracted) {
-     if(GameComponent.isMobile) this.cameraCanvas?.nativeElement.requestFullscreen().then()
+     if(GameComponent.isMobile) {
+       if(this.cameraCanvas?.nativeElement.requestFullscreen)
+       this.cameraCanvas?.nativeElement.requestFullscreen().then()
+
+     }
 
     }