Merge pull request #71 from vs26625/main

Team Level - Winter

assets/js/platformer3x/BackgroundNarwhal.js

@@ -0,0 +1,24 @@
+import GameEnv from './GameEnv.js';
+import Background from './Background.js';
+
+export class BackgroundNarwhal extends Background {
+    constructor(canvas, image, data) {
+        super(canvas, image, data);
+
+        this.parallaxSpeed = 2; 
+    }
+
+    // speed is used to background parallax behavior
+    update() {
+        this.speed = this.parallaxSpeed;
+        super.update();
+    }
+
+    draw() {
+        this.ctx.clearRect(0, 0, this.canvasWidth, this.canvasHeight);
+        super.draw();
+    }
+
+}
+
+export default BackgroundNarwhal;

assets/js/platformer3x/GameSetup.js

@@ -9,6 +9,7 @@ import BackgroundMountains from './BackgroundMountains.js';
 import BackgroundTransitions from './BackgroundTransitions.js';
 import BackgroundClouds from './BackgroundClouds.js';
 import BackgroundWinter from './BackgroundWinter.js';
+import BackgroundNarwhal from './BackgroundNarwhal.js';
 import BackgroundSnow from './BackgroundSnow.js';
 import BackgroundFish from './BackgroundFish.js';
 import Platform from './Platform.js';
@@ -297,6 +298,7 @@ const GameSetup = {
       castles: { src: "/images/platformer/backgrounds/castles.png" },
       winter: { src: "/images/platformer/backgrounds/winter.png" },
       snow: { src: "/images/platformer/backgrounds/snowfall.png" },
+      narwhal: { src: "/images/platformer/backgrounds/narwhal.png" },
       mini: { src: "/images/platformer/backgrounds/mini.png" },
     },
     transitions: {
@@ -897,6 +899,7 @@ const GameSetup = {
     const winterObjects = [
       // GameObject(s), the order is important to z-index...
       { name: 'winter', id: 'background', class: BackgroundWinter, data: this.assets.backgrounds.winter },
+      { name: 'narwhal', id: 'background', class: BackgroundNarwhal, data: this.assets.backgrounds.narwhal },
       { name: 'snow', id: 'background', class: BackgroundSnow, data: this.assets.backgrounds.snow },
       { name: 'snowyfloor', id: 'platform', class: Platform, data: this.assets.platforms.snowyfloor },
       { name: 'blocks', id: 'jumpPlatform', class: BlockPlatform, data: this.assets.platforms.snowywood, xPercentage: 0.2, yPercentage: 0.82 },