버튼 오브젝트 결국 따로 만듬. 메인 메뉴에서 보여주는 호패들을 rexUI를 쓰지 않기로 결정함 현재 호패들 닫는 것 wip

GameServer.js

@@ -76,7 +76,7 @@ class GameRoom
     {
         this.roomId = GameServer.getRoomNumber();
         this.roomIndex = -1;
-        this.startCount = 3;
+        this.startCount = 2;
         this.maxPlayer = 100;
         this.nextRank = 100;
 

js/FirebaseClient.js

@@ -230,6 +230,7 @@ FirebaseClient.prototype.updateUserData = function(key, valueChanged, replace =
 			break;
 	}
 	PlayerData.userData = beforeData;
+	console.log(beforeData);
 	return this.database.ref('/user-data/' + this.auth.currentUser.uid).update(beforeData);
 }
 

js/Input.js

@@ -322,7 +322,6 @@ Input.inputField =
     generate: function(scene, enterCallback, text, isHopaeScene = false)
     {
         this.text = text;
-        //this.text = scene.add.text(background.x, background.y, "", {font: fontSize + 'pt 궁서'}).setOrigin(0.5, 0.5).setColor('#000000').setDepth(10);
 
         scene.input.keyboard.on('keyup', function() {Input.pressCount--; Input.justPressed = ''; 
             if(isHopaeScene)

js/ResourceLoader.js

@@ -11,7 +11,7 @@ ResourceLoader.loadBackGround = function(scene)
 
 ResourceLoader.loadImage = function(scene)
 {
-    scene.load.image('inputfield', 'assets/placeholder/inputfield.png');
+    scene.load.image('inputfield', 'assets/image/etc/wordspace.png');
     for (let i = 0; i < 4; i++)
     {
         for (let j = 2; j < 7; j++)

js/UIObject.js

@@ -10,8 +10,8 @@ UIObject.createLabel = function (scene, x, y, depth, image, size, text = '', tex
         background: scene.add.sprite(x, y, image).setScale(size).setOrigin(0.5, 0.5).setDepth(depth),
 
         text: scene.add.text(x, y, text, {
-            fontSize: textSize + 'pt'
-        }).setDepth(depth).setOrigin(textOriginX, textOriginY).setColor(textColor).setFontFamily('궁서'),
+            font: textSize + 'pt 궁서'
+        }).setDepth(depth).setOrigin(textOriginX, textOriginY).setColor(textColor),
 
         space: {
             left: 10,
@@ -22,26 +22,48 @@ UIObject.createLabel = function (scene, x, y, depth, image, size, text = '', tex
     });
 }
 
-class Button extends Phaser.GameObjects.Sprite{
-  
-    constructor(scene, x, y, texture, overFrame, outFrame, downFrame)
+UIObject.createButton = function(scene, buttonGameObject, overFrame, outFrame, downFrame, clickCallback) {
+    var temp = scene.rexUI.add.buttons({
+        x: 0,
+        y: 0,
+        width: undefined,
+        height: undefined,
+        orientation: 0,
+        buttons: [
+            buttonGameObject,
+        ],
+        click: {
+            mode: 'pointerdown',
+            clickInterval: 100
+        }
+    });
+    buttonGameObject = buttonGameObject.getElement('background');
+    temp.enabled = true;    
+    buttonGameObject.setFrame(outFrame).setInteractive()
+    .on('pointerover', () => {
+        if(temp.enabled)
+        {
+            buttonGameObject.setFrame(overFrame);
+        }
+    })
+    .on('pointerdown', () => {
+        if(temp.enabled)
+        {
+            buttonGameObject.setFrame(downFrame);
+            clickCallback();
+        }
+    })
+    .on('pointerup', () => {
+        buttonGameObject.setFrame(outFrame);
+    })
+    .on('pointerout', () => {
+        buttonGameObject.setFrame(outFrame);
+    })
+    temp.setEnable = function(isEnable)
     {
-        super(scene, x, y, texture);
-        scene.add.existing(this);
-    
-        this.setFrame(outFrame).setInteractive()
-  
-        .on('pointerover', () => {
-            this.setFrame(overFrame)
-        })
-        .on('pointerdown', () => {
-            this.setFrame(downFrame)
-        })
-        .on('pointerup', () => {
-            this.setFrame(overFrame)
-        })
-        .on('pointerout', () => {
-            this.setFrame(outFrame)
-        })
+        temp.enabled = isEnable;
+        return temp;
     }
+
+    return temp;
 }
\ No newline at end of file

server.js

@@ -13,7 +13,7 @@ app.get('/', function(req, res) {
 });
 
 // http 기본 포트(80)에 서버 열기
-server.listen(8080, function() {
+server.listen(80, function() {
     console.log('[SERVER] Listening on port ' + server.address().port);
 });