페이즈 전환될 때 두루마리가 열렸다 닫힘

GameServer.js

@@ -253,7 +253,7 @@ class GameRoom
     {
         if (this.currentPhase === GameServer.Phase.START)
         {
-            if (this.phaseChanger < 0 && checkTime - this.startTime > 60000)
+            if (this.phaseChanger < 0 && checkTime - this.startTime > 1000)
             {
                 this.currentPhase = GameServer.Phase.MAIN;
                 this.rateArrangePoint = 150;

js/Client.js

@@ -127,17 +127,19 @@ socket.on('changePhase', function(msg) // number Phase
     console.log('phase changed from ' + WordSpace.CurrentPhase + ' to ' + msg);
     WordSpace.CurrentPhase = msg;
 
-    WordSpace.pauseCycle(true);
+    //WordSpace.pauseCycle(true);
     // 여기서 종이 드르륵 열면됨
-    let phaseChangeBgr = ScenesData.gameScene.add.sprite(game.config.width / 2, game.config.height / 2, 'phaseChangeBgr').setOrigin(0.5, 0.5).setDepth(9.9);
-    ScenesData.gameScene.scene.pause('gameScene');
+    let phaseChangeBgr = ScenesData.gameScene.add.sprite(game.config.width / 2, game.config.height / 2, 'phase' + msg).setOrigin(0.5, 0.5).setDepth(9.9).play('phase' + msg + 'Anim');
+    //ScenesData.gameScene.scene.pause('gameScene');
     setTimeout(function()
     {
-        ScenesData.gameScene.scene.resume('gameScene');
+        //ScenesData.gameScene.scene.resume('gameScene');
         // 여기서 종이 닫으면됨
-        phaseChangeBgr.destroy();
+        phaseChangeBgr.anims.playReverse('phase' + msg + 'Anim');
+        phaseChangeBgr.on('animationcomplete', function(currentAnim, currentFrame, sprite){sprite.destroy()});
+        //phaseChangeBgr.destroy();
         Audio.playSound(ScenesData.gameScene, 'startGame');
-        WordSpace.pauseCycle(false);
+        //WordSpace.pauseCycle(false);
         //console.log('start again');
     }, 5000);
 });

js/ResourceLoader.js

@@ -42,7 +42,9 @@ ResourceLoader.loadImage = function(scene)
     scene.load.image('pyeongminStand', 'assets/image/character/pyeongmin/pyeong_stand.png');
     
     scene.load.spritesheet('wordBreak', 'assets/image/word/wordbreak.png', { frameWidth: 180, frameHeight: 180 });
-    scene.load.image('phaseChangeBgr', 'assets/placeholder/phaseChange.png');
+    scene.load.spritesheet('phase0', 'assets/image/etc/scroll/startPhase/startPhase.png', { frameWidth: 280, frameHeight: 920 });
+    scene.load.spritesheet('phase1', 'assets/image/etc/scroll/bonPhase/bonPhase.png', { frameWidth: 280, frameHeight: 920 });
+    scene.load.spritesheet('phase2', 'assets/image/etc/scroll/poongPhase/poongPhase.png', { frameWidth: 280, frameHeight: 920 });
     scene.load.image('attackPaper', 'assets/image/etc/paper_crumbled.png');
     scene.load.image('panel', 'assets/placeholder/panel.png');
     scene.load.image('button', 'assets/placeholder/button.png');
@@ -55,56 +57,66 @@ ResourceLoader.loadAnimation = function(scene)
         key: 'wordBreakAnim',
         frames: scene.anims.generateFrameNumbers('wordBreak'),
         frameRate: 10,
-        repeat: 0,
-        hideOnComplete: false
+        repeat: 0
+    });
+    scene.anims.create({
+        key: 'phase0Anim',
+        frames: scene.anims.generateFrameNumbers('phase0'),
+        frameRate: 20,
+        repeat: 0
+    });
+    scene.anims.create({
+        key: 'phase1Anim',
+        frames: scene.anims.generateFrameNumbers('phase1'),
+        frameRate: 20,
+        repeat: 0
+    });
+    scene.anims.create({
+        key: 'phase2Anim',
+        frames: scene.anims.generateFrameNumbers('phase2'),
+        frameRate: 20,
+        repeat: 0
     });
     WordSpace.pyeongminAnims[Enums.characterAnim.sit] = scene.anims.create({
         key: 'pyeongminSitAnim',
         frames: scene.anims.generateFrameNumbers('pyeongminSit'),
         frameRate: 10,
-        repeat: 0,
-        hideOnComplete: false
+        repeat: 0
     });
     WordSpace.pyeongminAnims[Enums.characterAnim.write] = scene.anims.create({
         key: 'pyeongminWriteAnim',
         frames: scene.anims.generateFrameNumbers('pyeongminWrite'),
         frameRate: 10,
-        repeat: 0,
-        hideOnComplete: false
+        repeat: 0
     });
     WordSpace.pyeongminAnims[Enums.characterAnim.notBurning] = scene.anims.create({
         key: 'pyeongminnotBurningAnim',
         frames: scene.anims.generateFrameNumbers('pyeongminWrite'),
         frameRate: 10,
-        repeat: -1,
-        hideOnComplete: false
+        repeat: -1
     });
     WordSpace.pyeongminAnims[Enums.characterAnim.smallBurning] = scene.anims.create({
         key: 'pyeongminsmallBurningAnim',
         frames: scene.anims.generateFrameNumbers('pyeongminBurningSmall'),
         frameRate: 10,
-        repeat: -1,
-        hideOnComplete: false
+        repeat: -1
     });
     WordSpace.pyeongminAnims[Enums.characterAnim.bigBurning] = scene.anims.create({
         key: 'pyeongminbigBurningAnim',
         frames: scene.anims.generateFrameNumbers('pyeongminBurningBig'),
         frameRate: 10,
-        repeat: -1,
-        hideOnComplete: false
+        repeat: -1
     });
     WordSpace.pyeongminAnims[Enums.characterAnim.throw] = scene.anims.create({
         key: 'pyeongminThrowAnim',
         frames: scene.anims.generateFrameNumbers('pyeongminThrow'),
         frameRate: 10,
-        repeat: 0,
-        hideOnComplete: false
+        repeat: 0
     });
     WordSpace.pyeongminAnims[Enums.characterAnim.gameOver] = scene.anims.create({
         key: 'pyeongminGameOverAnim',
         frames: scene.anims.generateFrameNumbers('pyeongminGameOver'),
         frameRate: 10,
-        repeat: 0,
-        hideOnComplete: false
+        repeat: 0
     });
 }
\ No newline at end of file

js/WordSpace.js

@@ -161,8 +161,6 @@ WordSpace.attackGauge =
 WordSpace.genWordByProb = function(scene)
 {
     let wordRnd = Math.random();
-    console.log(wordRnd);
-    console.log(WordSpace);
     let wordIdx = wordRnd < WordSpace.GradeProb[0] ? 3 :
                   wordRnd < WordSpace.GradeProb[1] ? 2 :
                   wordRnd < WordSpace.GradeProb[2] ? 1 : 0;

server.js

@@ -13,7 +13,7 @@ app.get('/', function(req, res) {
 });
 
 // http 기본 포트(80)에 서버 열기
-server.listen(80, function() {
+server.listen(8080, function() {
     console.log('[SERVER] Listening on port ' + server.address().port);
     GameServer.serverNumber = Math.floor(Math.random() * 1000 + 1);
     console.log('[SERVER] server number is ' + GameServer.serverNumber);