Char name improvement

src/components/sprites/Character.vue

@@ -4,19 +4,14 @@
     :x="currentX"
     :y="currentY"
   >
-    <RoundRectangle :origin-x="0.5" :origin-y="16" :fillColor="0xffffff" :width="74" :height="8" :radius="4" />
-    <RoundRectangle :origin-x="0.5" :origin-y="31.5" :fillColor="0x09ad19" :width="70" :height="4" :radius="4" />
     <Text
       @create="createText"
       :text="props.character.name"
       :origin-x="0.5"
-      :origin-y="7.5"
-      :style="{
-        fontFamily: 'Helvetica, Arial',
-        color: '#FFF',
-        fontSize: '14px'
-      }"
+      :origin-y="9"
     />
+    <RoundRectangle :origin-x="0.5" :origin-y="18.5" :fillColor="0xffffff" :width="74" :height="6" :radius="5" />
+    <RoundRectangle :origin-x="0.5" :origin-y="36.4" :fillColor="0x09ad19" :width="70" :height="3" :radius="5" />
     <Image v-if="!props.character.characterType" texture="character" :origin-y="1" />
     <Sprite
       v-else
@@ -107,7 +102,8 @@ const charTexture = computed(() => {
 })
 
 const createText = (text: Phaser.GameObjects.Text) => {
-  text.setLetterSpacing(1.5)
+  text.setFontSize(13)
+  text.setFontFamily('Arial')
 }
 
 onMounted(() => {

src/config.ts

@@ -1,4 +1,4 @@
-const dev: boolean = false
+const dev: boolean = true
 
 export default {
   name: 'New Quest',

src/screens/Game.vue

@@ -61,8 +61,14 @@ const gameConfig = {
   width: window.innerWidth,
   height: window.innerHeight,
   type: Phaser.AUTO,
-  resolution: 3,
-  pixelArt: true
+  resolution: 5,
+  pixelArt: true,
+  scale: {
+    mode: Phaser.Scale.FIT,
+    autoCenter: Phaser.Scale.CENTER_BOTH,
+    width: window.innerWidth,
+    height: window.innerHeight
+  }
 }
 
 const createGame = (game: Phaser.Game) => {