inputfield 보이게 함, Input WIP

index.html

@@ -4,7 +4,8 @@
     <meta charset="utf-8"/>
     <script src="/socket.io/socket.io.js"></script>
     <script src="js/phaser.js"></script>
-    <script src="js/Background.js"></script>
+    <script src="js/Background.js"></script>]
+    <script src="js/Input.js"></script>
     <script src="js/WordSpace.js"></script>
     <script src="js/WordObject.js"></script>
 </head>

js/Input.js

@@ -15,10 +15,13 @@ Input.convert = function()
 
 Input.inputField = 
 {
-    background: null,
-    text: null,
-    init: function()
+    generate: function(scene)
     {
-
+        this.background = scene.add.sprite(400, 500, 'inputFieldBackground').setScale(0.2);
+        this.text = scene.add.text(400, 500, "안녕하세요", {font: '15pt 궁서'}).setOrigin(0.5, 0.5).setColor('#000000');
+    },
+    loadImage: function(scene)
+    {
+        scene.load.image('inputFieldBackground', 'assets/inputFieldBackground.png');
     }
 }
\ No newline at end of file

js/main.js

@@ -23,11 +23,13 @@ function preload()
 {
     BackGround.loadImage(this);
     WordSpace.loadImage(this);
+    Input.inputField.loadImage(this);
 }
 
 function create()
 {
     BackGround.drawBrain(this);
+    Input.inputField.generate(this);
     WordSpace.wordPhysicsGroup = this.physics.add.group();
     WordSpace.resetCycle(this, 2000);
 }