Estoy haciendo un juego de espadas en el que tienes que recolectar monedas para hacerte grande y luchar contra la gente. Esto es lo que tengo hasta ahora:

Observe cómo el jugador se hace más grande a medida que recoge monedas. Después de un tiempo, te vuelves tan grande que cubres toda la pantalla.

Me di cuenta de que tengo que alejar la cámara según el tamaño de los jugadores.

Esto es lo que tengo para la cámara (en la función de creación)

this.cameras.main.startFollow(this.mePlayer);

Agregué esta línea de código antes: this.cameras.main.setZoom(0.5)

Ahora gira así. El texto es todo más pequeño y, por alguna razón, mi fondo de tileSprite también se rompe.

Aquí está el código para el texto.

 //killcounter this.killCount = this.add.text(window.innerWidth / 1.5, 0, 'Kills: 0', { fontFamily: 'Georgia, "Goudy Bookletter 1911", Times, serif' }).setFontSize(40).setDepth(101); this.killCount.scrollFactorX = 0 this.killCount.scrollFactorY = 0 //player+fpscounter this.playerCount = this.add.text(this.cameras.main.worldView.x*this.cameras.main.zoom, this.cameras.main.worldView.y*this.cameras.main.zoom, 'Players: 0' + "\nFPS: 0", { fontFamily: 'Georgia, "Goudy Bookletter 1911", Times, serif' }).setFontSize(20).setDepth(101); this.playerCount.scrollFactorX = 0 this.playerCount.scrollFactorY = 0

este es el codigo de mi camara

 this.cameras.main.startFollow(this.mePlayer);

...y este es el código para mi fondo

 //in create function this.background = this.add.tileSprite(0, 0, window.innerWidth, window.innerHeight, 'background').setOrigin(0).setScrollFactor(0, 0); this.background.fixedToCamera = true; //in update function this.background.setTilePosition(this.cameras.main.scrollX, this.cameras.main.scrollY);

¿Hay alguna manera de mantener el texto bloqueado para que cuando la cámara se aleje, permanezca en la misma posición?