Browse Source

Merge pull request #18 from Spring-2023-CISC374/bg

main_background
boyuan1228 2 years ago
parent
commit
efcccaccea
3 changed files with 10 additions and 2 deletions
  1. BIN
      public/assets/background.png
  2. 6 1
      src/MainMenu.ts
  3. 4 1
      src/TutorialScene.ts

BIN
public/assets/background.png


+ 6 - 1
src/MainMenu.ts

@@ -5,7 +5,12 @@ export default class MainMenu extends Phaser.Scene {
         super({ key: 'MainMenu' });
         super({ key: 'MainMenu' });
     }
     }
 
 
-    create() {      
+    preload(){
+        this.load.image('background','./assets/background.png' )
+    }
+
+    create() { 
+        this.add.image(500, 500, 'background');     
         this.add.text(this.cameras.main.centerX, this.cameras.main.centerY * 0.25, 'Reflect', { fontSize: '32px' }).setOrigin(0.5, 0.5);
         this.add.text(this.cameras.main.centerX, this.cameras.main.centerY * 0.25, 'Reflect', { fontSize: '32px' }).setOrigin(0.5, 0.5);
 
 
         // creates the text button object to start tutorial & adds to scene 
         // creates the text button object to start tutorial & adds to scene 

+ 4 - 1
src/TutorialScene.ts

@@ -3,7 +3,9 @@ import  {TextButtonObject} from './Objects/TextButtonObject';
 
 
 export default class TutorialScene extends Phaser.Scene {
 export default class TutorialScene extends Phaser.Scene {
 
 
-
+    preload(){
+        //this.load.image('background2','./assets/background2.png' )
+    }
     constructor() {
     constructor() {
         super({ key: 'TutorialScene' });
         super({ key: 'TutorialScene' });
         console.log("in tutorial scene constructor");
         console.log("in tutorial scene constructor");
@@ -11,6 +13,7 @@ export default class TutorialScene extends Phaser.Scene {
 
 
 
 
     create() {
     create() {
+        //this.add.image(200,200,'background2');  
 
 
 
 
         this.add.text(0, this.scale.height, "Unlock the gates to get next level.").setOrigin(0, 1);
         this.add.text(0, this.scale.height, "Unlock the gates to get next level.").setOrigin(0, 1);