튜토리얼 및 도움말 용 플레이스 홀더 만들고 도움말 창 만듬. assets/image/UI/tutorial 참고

index.html

@@ -20,7 +20,7 @@
     <style media='screen' type='text/css'>
         @font-face {
           font-family: sejongFont;
-          src: url('assets/font/EBS주시경B.ttf');
+          src: url('assets/font/EBS훈민정음새론SB.ttf');
           font-weight:400;
           font-weight:normal;
         }

js/ResourceLoader.js

@@ -42,13 +42,17 @@ 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.spritesheet('phase1', 'assets/image/etc/scroll/startPhase/startPhase.png', { frameWidth: 280, frameHeight: 920 });
-    scene.load.spritesheet('phase2', 'assets/image/etc/scroll/bonPhase/bonPhase.png', { frameWidth: 280, frameHeight: 920 });
-    scene.load.spritesheet('phase3', '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');
     scene.load.image('itemBag', 'assets/image/etc/itembag2.png');
+    scene.load.image('helpBtn', 'assets/image/UI/main/help.png');
+
+    
+    scene.load.spritesheet('phase1', 'assets/image/etc/scroll/startPhase/startPhase.png', { frameWidth: 280, frameHeight: 920 });
+    scene.load.spritesheet('phase2', 'assets/image/etc/scroll/bonPhase/bonPhase.png', { frameWidth: 280, frameHeight: 920 });
+    scene.load.spritesheet('phase3', 'assets/image/etc/scroll/poongPhase/poongPhase.png', { frameWidth: 280, frameHeight: 920 });
+    scene.load.spritesheet('tutorialImage', 'assets/image/UI/tutorial/tutorialImages.png', { frameWidth: 1000, frameHeight: 800 });
 }
 
 ResourceLoader.loadAnimation = function(scene)

js/UIObject.js

@@ -58,27 +58,31 @@ UIObject.createButton = function(scene, buttonGameObject, overFrame, outFrame, d
     .on('pointerover', () => {
         if(temp.enabled)
         {
-            buttonGameObject.setFrame(overFrame);
+            if(overFrame != -1) buttonGameObject.setFrame(overFrame);
         }
     })
     .on('pointerdown', () => {
         if(temp.enabled)
         {
-            buttonGameObject.setFrame(downFrame);
+            if(downFrame != -1) buttonGameObject.setFrame(downFrame);
             clickCallback();
         }
     })
     .on('pointerup', () => {
-        buttonGameObject.setFrame(overFrame);
+        if(temp.enabled)
+        {
+            if(overFrame != -1) buttonGameObject.setFrame(overFrame);
+        }
     })
     .on('pointerout', () => {
-        buttonGameObject.setFrame(outFrame);
+        if(outFrame != -1) buttonGameObject.setFrame(outFrame);
     })
     temp.setEnable = function(isEnable)
     {
         temp.enabled = isEnable;
         return temp;
     }
+    temp.getBackground = function() { return buttonGameObject; }
 
     return temp;
 }
\ No newline at end of file