new main menu

Author: yoy333

public/assets/bg.png

@@ -35,6 +35,7 @@ class Game extends Scene
     loadInteractables(){}
     loadUIAssets(){}
     loadDecor(){}
+    loadKen(){}
 
     craftSound: phaserAudio
     cartSound: phaserAudio
@@ -52,6 +53,7 @@ class Game extends Scene
         this.loadInteractables()
         this.loadDecor()
         this.loadUIAssets()
+        this.loadKen()
     }
 
 

src/game/scenes/Game.ts

@@ -22,6 +22,13 @@ function addControllables(){
         }
     }
 
+    Game.prototype.loadKen = function(){
+        this.load.spritesheet(
+            'Ken',
+            'assets/Ken.png',
+            {frameWidth: 64, frameHeight:64}
+        )
+    }
 
     Game.prototype.createInteractions = function(){
         this.physics.add.collider(this.player, this.walls);

src/game/scenes/GameImpls/Controllables.ts

@@ -4,7 +4,7 @@ export class MainMenu extends Scene
 {
     background: GameObjects.Image;
     logo: GameObjects.Image;
-    title: GameObjects.Text;
+    playB: GameObjects.Image;
 
     constructor ()
     {
@@ -15,20 +15,17 @@ export class MainMenu extends Scene
     {
         this.background = this.add.image(512, 384, 'background');
 
-        this.logo = this.add.image(512, 300, 'logo');
+        this.logo = this.add.image(512, 300, 'title');
 
-        this.title = this.add.text(512, 460, 'Play Game', {
-            fontFamily: 'Arial Black', fontSize: 38, color: '#ffffff',
-            stroke: '#000000', strokeThickness: 8,
-            align: 'center'
-        }).setOrigin(0.5)
+        this.playB = this.add.image(512, 400, 'startB').setOrigin(0.5)
 
-        this.title.setInteractive().on('pointerdown', () => {
+        this.playB.setInteractive().on('pointerdown', () => {
             this.scene.start('Game');
-        }).on('pointerover', () => {
-            this.title.setFill("#ff4444")
-        }).on('pointerout', () => {
-            this.title.setFill("#ffffff")
-        });
+        })
+        //.on('pointerover', () => {
+        //     this.playB.setFill("#ff4444")
+        // }).on('pointerout', () => {
+        //     this.playB.setFill("#ffffff")
+        // });
     }
 }

src/game/scenes/MainMenu.ts

@@ -35,8 +35,10 @@ class Preloader extends Scene
         //  Load the assets for the game - Replace with your own assets
         //this.load.setPath('assets');
 
-        this.load.image('logo', 'assets/logo.png');
+        this.load.image('title', 'assets/title.png');
 
+        this.load.image('startB', 'assets/startB.png')
+
         this.loadAudio()
     }