fix(gameobjects): fix score width when text becomes long

src/gameobjects/score.ts

@@ -5,17 +5,19 @@ import { addReward } from '.'
 
 let score: Score
 
+const CHARACTER_WIDTH = 40
+
 export function addScore() {
-  const textbox = add([
-    rect(70, 70),
+  const box = add([
+    rect(CHARACTER_WIDTH, 60),
     pos(50, 50),
     anchor('center'),
     color(255, 255, 255),
     fixed(),
     z(Layer.Foreground),
   ])
 
-  const score = textbox.add([
+  const score = box.add([
     text('0', { size: 48 }),
     anchor('center'),
     color(0, 0, 0),
@@ -38,6 +40,8 @@ export function incrementScore(value = 1) {
   const newScore = parseInt(score.text, 10) + value
   score.text = newScore.toString()
 
+  score.parent!.width = CHARACTER_WIDTH * score.text.length
+
   if (newScore === gameState.reward.score) {
     gameState.reward.increment += 1
     gameState.reward.score += gameState.reward.increment