c1f9d714-fcc7-401c-8d99-f5f618984835__i18n_es_es:cd3428427621

¿Cómo agregar la posición del texto del puntaje en la pantalla?

¿Cómo editar las propiedades de Score Text?

¿Cómo inicializar la variable y el texto del puntaje?

¿Cómo crear un nuevo método UpdateScore?

¿Cómo agregar puntos cuando se destruyen los objetivos?

¿Cómo agregar un valor de puntos a cada objetivo?

¿Cómo agregar una partícula de explosión?

Resumen de la lección

Lección 5.2: ¿Cómo monitorizar el puntaje?

CWC_U5.L2.S2.mp4

CWC_U5.L2.S3.mp4

CWC_U5.L2.S4.mp4

CWC_U5.L2.S5.mp4

CWC_U5.L2.S6.mp4

CWC_U5.L2.S7.mp4

CWC_U5.L2.SRecap.mp4

CWC_U5.L2.S1_T1_v01-2020LTS.mp4

Los objetos entran volando a la Escena y el jugador puede hacer clic en ellos para destruirlos, pero no ocurre nada. En esta lección mostraremos un puntaje en la interfaz de usuario que monitoriza y muestra los puntos del jugador. Le daremos a cada objetivo un valor distinto y se agregarán o reducirán puntos al hacer clic. Por último, agregaremos explosiones geniales cuando se destruye cada objetivo. 

Una sección «Score: » se mostrará en la interfaz de usuario y comenzará en 0. Cuando el jugador haga clic en el objetivo, el puntaje se actualizará y las partículas explotarán mientras se destruye el objetivo. Cada objetivo «Bueno» agrega un valor distinto al puntaje, mientras que un objetivo «Malo» reduce el puntaje.

By the end of this lesson, you will be able to:

Lock elements and objects into place with Anchors

Use variables and script communication to update elements in the UI

Unidad 5: Interfaz de usuario

Para poder mostrar el puntaje en la pantalla, necesitamos agregar nuestro primer elemento de la interfaz de usuario.

En la Hierarchy, Create > UI > TextMeshPro text, después, si se te solicita, haz clic en el botón para Import TMP Essentials. 

Cambia el nombre del nuevo objeto «Score Text» (Texto del puntaje), después aléjate para ver el canvas en la vista de Escena.

Cambia el Anchor Point para que esté anclado desde la esquina superior izquierda. 

En el Inspector, cambia su Pos X y Pos Y para que esté en la esquina superior izquierda.

Ahora que el texto básico está en la Escena y en la posición correcta, debemos editar sus propiedades para que luzca bien y tenga el texto correcto.

Elige un Font Asset (Recurso de fuente), Style (Estilo), Size (Tamaño) y Vertex Color (Color del vértice) para que se vean bien en contraste con el fondo.

Tenemos un excelente lugar para mostrar el puntaje en la interfaz de usuario, pero no se ve nada ahí. Necesitamos que la interfaz de usuario muestre una variable de puntaje para que el jugador conozca sus puntos.

En la parte superior de GameManager.cs, agrega «using TMPro;».

Declara un nuevo public TextMeshProUGUI scoreText, después asigna esa variable en el Inspector. 

Crea una nueva variable private int score e inicialízala en Start() como score = 0;.

También en Start(), define scoreText.text = "Score: " + score;.

El texto de puntaje muestra la variable de puntos a la perfección, pero nunca se actualiza. Necesitamos escribir una nueva función que acumule los puntos para mostrarlos en la interfaz de usuario.

Crea un nuevo método private void UpdateScore que requiera un parámetro int scoreToAdd. 

Corta y pega scoreText.text = "Score: " + score; en el nuevo método, después llama al UpdateScore(0) en Start().

En UpdateScore(), incrementa el puntaje al sumar
score += scoreToAdd;. 

Llama al UpdateScore(5) en la función spawnTarget(). 

Ahora que tenemos un método para actualizar el puntaje, debemos llamar al Script de los objetivos cada vez que uno se destruya.

En GameManager.cs, haz que el método UpdateScore sea public.

En Target.cs, crea una referencia a private GameManager gameManager;. 

Inicializa GameManager in Start()  con el método Find(). 

Cuando un objetivo se destruya, llama a UpdateScore(5);, después elimina la llamada del método en SpawnTarget().

El puntaje se actualiza cuando se hace clic en los objetivos, pero queremos darle a cada uno de los objetivos un valor distinto. Los objetivos buenos deben tener un puntaje variado y los objetivos malos deben restar puntos.

En Target.cs, crea una nueva variable public int pointValue. 

En cada uno de los Inspectors del Target Prefab define Point Value al valor que definas para cada uno de ellos, incluido el valor negativo del objetivo malo.

Agrega la nueva variable a UpdateScore(pointValue);. 

El puntaje es totalmente funcional, pero hacer clic en los objetivos es un poco... insatisfactorio. Para darle un poco más de interés, agreguemos algunas partículas explosivas cada vez que se hace clic en un objetivo.

En Target.cs, agrega una nueva variable public ParticleSystem explosionParticle. 

Por cada uno de tus Prefabs de objetivo, asigna Prefab de partículas en Course Library > Particles a la variable Explosion Particle. 

En la función OnMouseDown(), crea una instancia de un nuevo Prefab de explosión.

Hay un elemento de interfaz de usuario para el puntaje en la pantalla

El puntaje del jugador se registra y muestra mediante el texto de puntaje cuando destruye un objetivo

Hay explosiones de partículas cuando el jugador obtiene un objeto

Usaremos algunos elementos de la interfaz de usuario nuevamente. Esta vez para indicarle al jugador que el juego terminó y debe reiniciarlo.

Lección 5.2: ¿Cómo monitorizar el puntaje?

1. ¿Cómo agregar la posición del texto del puntaje en la pantalla?

2. ¿Cómo editar las propiedades de Score Text?

3. ¿Cómo inicializar la variable y el texto del puntaje?

4. ¿Cómo crear un nuevo método UpdateScore?

5. ¿Cómo agregar puntos cuando se destruyen los objetivos?

6. ¿Cómo agregar un valor de puntos a cada objetivo?

7. ¿Cómo agregar una partícula de explosión?

8. Resumen de la lección

Complete this tutorial