이미지를 로딩하는 부분 분리

GameServer.js

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

index.html

@@ -15,6 +15,7 @@
     <script src="js/SelectWord.js"></script>
     <script src="js/BGMsound.js"></script>
     <script src="js/Enums.js"></script>
+    <script src="js/ResourceLoader.js"></script>
 
     <style>
         img { position: relative; width: 100%; height: 100%; z-index: 0;}

js/Background.js

@@ -11,14 +11,6 @@ BackGround.characterPos = [
 ]
 BackGround.otherCharacters = [];
 
-BackGround.loadImage = function(scene)
-{
-    scene.load.image('brain', 'assets/image/background/brain.png');
-    scene.load.image('gameBackground', 'assets/image/background/background_brain.png');
-    scene.load.image('menuBackground', 'assets/placeholder/menuBackground.png');
-    scene.load.image('roomBackground', 'assets/placeholder/roomBackground.png');
-}
-
 BackGround.drawCharacter = function(scene)
 {
     RoomData.myself.playerImage = scene.add.sprite(game.config.width / 2, game.config.height * 41 / 48, 'pyeongminWrite').setScale(0.45).setDepth(2);

js/ResourceLoader.js

+var ResourceLoader = ResourceLoader || {};
+
+ResourceLoader.loadBackGround = function(scene)
+{
+    scene.load.image('brain', 'assets/image/background/brain.png');
+    scene.load.image('gameBackground', 'assets/image/background/background_brain.png');
+    scene.load.image('menuBackground', 'assets/placeholder/menuBackground.png');
+    scene.load.image('roomBackground', 'assets/placeholder/roomBackground.png');
+}
+
+ResourceLoader.loadImage = function(scene)
+{
+    for (let i = 0; i < 4; i++)
+    {
+        for (let j = 2; j < 7; j++)
+        {
+            scene.load.image(('wordBgr' + i + '_' + j), ('assets/placeholder/'+i + '_' + j + '.png'));
+        }
+    }
+    for (let i = 0; i < 4; i++)
+    {
+        scene.load.image('attackAlert' + i, 'assets/placeholder/attackalert' + (i+1) + '.png');
+    }
+    for (let i = 0; i < 6; i++)
+    {
+        scene.load.image('item' + i, 'assets/placeholder/item' + i + '.png');
+    }
+    for (let i = 2; i < 7; i++)
+    {
+        scene.load.image('nameBgr' + i, 'assets/placeholder/name' + i + '.png');
+        scene.load.image('strongBgr' + i, 'assets/placeholder/strong' + i + '.png');
+    }
+    
+    scene.load.spritesheet('wordBreak', 'assets/image/word/wordbreak.png', { frameWidth: 180, frameHeight: 180 });
+    scene.load.spritesheet('pyeongminSit', 'assets/image/character/pyeongmin/pyeong_sit.png', { frameWidth: 521, frameHeight: 610 });
+    scene.load.spritesheet('pyeongminWrite', 'assets/image/character/pyeongmin/write/pyeong_write.png', { frameWidth: 521, frameHeight: 610 });
+    scene.load.spritesheet('pyeongminThrow', 'assets/image/character/pyeongmin/throw/pyeong_throw.png', { frameWidth: 521, frameHeight: 610 });
+    scene.load.spritesheet('pyeongminBurningSmall', 'assets/image/character/pyeongmin/burning/pyeong_burning_small.png', { frameWidth: 521, frameHeight: 610 });
+    scene.load.spritesheet('pyeongminBurningBig', 'assets/image/character/pyeongmin/burning/pyeong_burning_big.png', { frameWidth: 521, frameHeight: 610 });
+    scene.load.spritesheet('pyeongminGameOver', 'assets/image/character/pyeongmin/balladang/pyeong_balladang.png', { frameWidth: 720, frameHeight: 700 });
+    scene.load.image('pyeongminStand', 'assets/image/character/pyeongmin/pyeong_stand.png');
+
+    scene.load.image('phaseChangeBgr', 'assets/placeholder/phaseChange.png');
+    scene.load.image('attackPaper', 'assets/image/etc/paper_crumbled.png');
+}
+
+ResourceLoader.loadAnimation = function(scene)
+{
+    scene.anims.create({
+        key: 'wordBreakAnim',
+        frames: scene.anims.generateFrameNumbers('wordBreak'),
+        frameRate: 10,
+        repeat: 0,
+        hideOnComplete: false
+    });
+    WordSpace.pyeongminAnims[Enums.characterAnim.sit] = scene.anims.create({
+        key: 'pyeongminSitAnim',
+        frames: scene.anims.generateFrameNumbers('pyeongminSit'),
+        frameRate: 10,
+        repeat: 0,
+        hideOnComplete: false
+    });
+    WordSpace.pyeongminAnims[Enums.characterAnim.write] = scene.anims.create({
+        key: 'pyeongminWriteAnim',
+        frames: scene.anims.generateFrameNumbers('pyeongminWrite'),
+        frameRate: 10,
+        repeat: 0,
+        hideOnComplete: false
+    });
+    WordSpace.pyeongminAnims[Enums.characterAnim.notBurning] = scene.anims.create({
+        key: 'pyeongminnotBurningAnim',
+        frames: scene.anims.generateFrameNumbers('pyeongminWrite'),
+        frameRate: 10,
+        repeat: -1,
+        hideOnComplete: false
+    });
+    WordSpace.pyeongminAnims[Enums.characterAnim.smallBurning] = scene.anims.create({
+        key: 'pyeongminsmallBurningAnim',
+        frames: scene.anims.generateFrameNumbers('pyeongminBurningSmall'),
+        frameRate: 10,
+        repeat: -1,
+        hideOnComplete: false
+    });
+    WordSpace.pyeongminAnims[Enums.characterAnim.bigBurning] = scene.anims.create({
+        key: 'pyeongminbigBurningAnim',
+        frames: scene.anims.generateFrameNumbers('pyeongminBurningBig'),
+        frameRate: 10,
+        repeat: -1,
+        hideOnComplete: false
+    });
+    WordSpace.pyeongminAnims[Enums.characterAnim.throw] = scene.anims.create({
+        key: 'pyeongminThrowAnim',
+        frames: scene.anims.generateFrameNumbers('pyeongminThrow'),
+        frameRate: 10,
+        repeat: 0,
+        hideOnComplete: false
+    });
+    WordSpace.pyeongminAnims[Enums.characterAnim.gameOver] = scene.anims.create({
+        key: 'pyeongminGameOverAnim',
+        frames: scene.anims.generateFrameNumbers('pyeongminGameOver'),
+        frameRate: 10,
+        repeat: 0,
+        hideOnComplete: false
+    });
+}
\ No newline at end of file

js/ScenesData.js

@@ -14,8 +14,14 @@ var menuScene = new Phaser.Class(
     preload: function()
     {
         ScenesData.menuScene = this;
+        /*Input.inputField.loadImage(this);
+        ResourceLoader.loadBackGround(this);
+        Audio.loadSound(this);*/
+        
+        ResourceLoader.loadBackGround(this);
+        ResourceLoader.loadImage(this);
         Input.inputField.loadImage(this);
-        BackGround.loadImage(this);
+        CSVParsing.loadText(this);
         Audio.loadSound(this);
     },
 
@@ -42,7 +48,7 @@ var roomScene = new Phaser.Class(
     preload: function()
     {
         ScenesData.roomScene = this;
-        BackGround.loadImage(this);
+        //ResourceLoader.loadBackGround(this);
         this.load.image('playerStand', 'assets/image/character/pyeongmin/pyeong_stand.png');
     },
 
@@ -105,7 +111,7 @@ var roomScene = new Phaser.Class(
             this.countText.setText('사람들을 위해 대기중입니다...');
         }
     }
-})
+});
 
 var gameScene = new Phaser.Class(
 {
@@ -121,18 +127,21 @@ var gameScene = new Phaser.Class(
     preload: function()
     {
         ScenesData.gameScene = this;
-        BackGround.loadImage(this);
-        WordSpace.loadImage(this);
+        /*ResourceLoader.loadBackGround(this);
+        ResourceLoader.loadImage(this);
         Input.inputField.loadImage(this);
         CSVParsing.loadText(this);
-        Audio.loadSound(this);
+        Audio.loadSound(this);*/
+        
+        WordSpace.weightTextObjForTest = this.add.text(game.config.width * 5 / 64, game.config.height * 5 / 48, '뇌의 무게: (현재) 0 / ' + this.brainCapacity + ' (전체)').setDepth(10).setColor('#000000');
+        WordSpace.killLogTextForTest = this.add.text(game.config.width * 25 / 32, game.config.height * 5 / 72, WordSpace.killLogForTest).setDepth(10).setColor('#000000').setAlign('right');
     },
     
     create: function()
     {
         WordSpace.gameTimer = new Phaser.Time.Clock(this);
         WordSpace.gameTimer.start();
-        WordSpace.loadAnimation(this);
+        ResourceLoader.loadAnimation(this);
         CSVParsing.CSVParse(this);
         BackGround.drawBrain(this);
         BackGround.drawCharacter(this);

js/WordSpace.js

@@ -168,104 +168,6 @@ WordSpace.genWordByProb = function(scene)
     //WordSpace.generateWord(scene, SelectWord.selectWord(wordIdx));
 }
 
-WordSpace.loadImage = function(scene)
-{
-    for (let i = 0; i < 4; i++)
-    {
-        for (let j = 2; j < 7; j++)
-        {
-            scene.load.image(('wordBgr' + i + '_' + j), ('assets/placeholder/'+i + '_' + j + '.png'));
-        }
-    }
-    for (let i = 0; i < 4; i++)
-    {
-        scene.load.image('attackAlert' + i, 'assets/placeholder/attackalert' + (i+1) + '.png');
-    }
-    for (let i = 0; i < 6; i++)
-    {
-        scene.load.image('item' + i, 'assets/placeholder/item' + i + '.png');
-    }
-    for (let i = 2; i < 7; i++)
-    {
-        scene.load.image('nameBgr' + i, 'assets/placeholder/name' + i + '.png');
-        scene.load.image('strongBgr' + i, 'assets/placeholder/strong' + i + '.png');
-    }
-    
-    scene.load.spritesheet('wordBreak', 'assets/image/word/wordbreak.png', { frameWidth: 180, frameHeight: 180 });
-    scene.load.spritesheet('pyeongminSit', 'assets/image/character/pyeongmin/pyeong_sit.png', { frameWidth: 521, frameHeight: 610 });
-    scene.load.spritesheet('pyeongminWrite', 'assets/image/character/pyeongmin/write/pyeong_write.png', { frameWidth: 521, frameHeight: 610 });
-    scene.load.spritesheet('pyeongminThrow', 'assets/image/character/pyeongmin/throw/pyeong_throw.png', { frameWidth: 521, frameHeight: 610 });
-    scene.load.spritesheet('pyeongminBurningSmall', 'assets/image/character/pyeongmin/burning/pyeong_burning_small.png', { frameWidth: 521, frameHeight: 610 });
-    scene.load.spritesheet('pyeongminBurningBig', 'assets/image/character/pyeongmin/burning/pyeong_burning_big.png', { frameWidth: 521, frameHeight: 610 });
-    scene.load.spritesheet('pyeongminGameOver', 'assets/image/character/pyeongmin/balladang/pyeong_balladang.png', { frameWidth: 720, frameHeight: 700 });
-
-    scene.load.image('phaseChangeBgr', 'assets/placeholder/phaseChange.png');
-    scene.load.image('attackPaper', 'assets/image/etc/paper_crumbled.png');
-
-    WordSpace.weightTextObjForTest = scene.add.text(game.config.width * 5 / 64, game.config.height * 5 / 48, '뇌의 무게: (현재) 0 / ' + this.brainCapacity + ' (전체)').setDepth(10).setColor('#000000');
-    WordSpace.killLogTextForTest = scene.add.text(game.config.width * 25 / 32, game.config.height * 5 / 72, WordSpace.killLogForTest).setDepth(10).setColor('#000000').setAlign('right');
-}
-
-WordSpace.loadAnimation = function(scene)
-{
-    scene.anims.create({
-        key: 'wordBreakAnim',
-        frames: scene.anims.generateFrameNumbers('wordBreak'),
-        frameRate: 10,
-        repeat: 0,
-        hideOnComplete: false
-    });
-    WordSpace.pyeongminAnims[Enums.characterAnim.sit] = scene.anims.create({
-        key: 'pyeongminSitAnim',
-        frames: scene.anims.generateFrameNumbers('pyeongminSit'),
-        frameRate: 10,
-        repeat: 0,
-        hideOnComplete: false
-    });
-    WordSpace.pyeongminAnims[Enums.characterAnim.write] = scene.anims.create({
-        key: 'pyeongminWriteAnim',
-        frames: scene.anims.generateFrameNumbers('pyeongminWrite'),
-        frameRate: 10,
-        repeat: 0,
-        hideOnComplete: false
-    });
-    WordSpace.pyeongminAnims[Enums.characterAnim.notBurning] = scene.anims.create({
-        key: 'pyeongminnotBurningAnim',
-        frames: scene.anims.generateFrameNumbers('pyeongminWrite'),
-        frameRate: 10,
-        repeat: -1,
-        hideOnComplete: false
-    });
-    WordSpace.pyeongminAnims[Enums.characterAnim.smallBurning] = scene.anims.create({
-        key: 'pyeongminsmallBurningAnim',
-        frames: scene.anims.generateFrameNumbers('pyeongminBurningSmall'),
-        frameRate: 10,
-        repeat: -1,
-        hideOnComplete: false
-    });
-    WordSpace.pyeongminAnims[Enums.characterAnim.bigBurning] = scene.anims.create({
-        key: 'pyeongminbigBurningAnim',
-        frames: scene.anims.generateFrameNumbers('pyeongminBurningBig'),
-        frameRate: 10,
-        repeat: -1,
-        hideOnComplete: false
-    });
-    WordSpace.pyeongminAnims[Enums.characterAnim.throw] = scene.anims.create({
-        key: 'pyeongminThrowAnim',
-        frames: scene.anims.generateFrameNumbers('pyeongminThrow'),
-        frameRate: 10,
-        repeat: 0,
-        hideOnComplete: false
-    });
-    WordSpace.pyeongminAnims[Enums.characterAnim.gameOver] = scene.anims.create({
-        key: 'pyeongminGameOverAnim',
-        frames: scene.anims.generateFrameNumbers('pyeongminGameOver'),
-        frameRate: 10,
-        repeat: 0,
-        hideOnComplete: false
-    });
-}
-
 WordSpace.generateWord = 
 {
     Normal: function(scene, grade, lenRate)