Reto: fin de juego

Clase 12 de 13 • Curso Práctico de Videojuegos Multijugador Online con Unity y Mirror

En este último reto veremos como ejecutar el fin de la partida, en este caso cuando uno de los jugadores llegue a 5 puntos, se mostrará un mensaje diciendo cuál ha ganado, además se reseteará el contador por 5 segundos y la partida se reanudará.

Primero que nada, seguro has notado que cuando tu pantalla cambia de tamaño, el texto cambia de lugar, vamos a solucionar eso de primero, vamos a ir a “Canvas” -> “Canvas Scaler”, y donde dice “UI Scale Mode” vamos a seleccionar “scale with screen size”.

Ahora simplemente tenemos que organizar nuestro texto nuevamente y veremos que al cambiar el tamaño de la pantalla la posición no cambia.

Aprovecharemos para cambiar el nombre del texto del puntaje por “ScoreText” lo usaremos luego.

Vamos a crear un nuevo texto y le pondremos de nombre “WinnerPlayerText”, le pondremos el siguiente texto únicamente para probar “Ha ganado el jugador del lado <b>winner</b>”.

Aunque el curso no va de eso, quiero que te fijes que “<b>” representa negrillas, aunque no es HTML completo, es algo llamado rich text que puede hacer nuestro juego mucho más vistoso.

Centremos el texto que se vea agradable a la vista, debería quedarte algo así:

Y luego de eso borra el texto, ya que no lo usaremos.

En nuestro script Ball.cs vamos a cambiar nuestro start, vamos a cambiar la forma en la que obtenemos el textScore y obtendremos el winnerScore.

void Start()
{
    textScore = GameObject.Find("ScoreText").GetComponent<TMP_Text>();
    winnerScore = GameObject.Find("WinnerPlayerText").GetComponent<TMP_Text>();

    winnerScore.gameObject.SetActive(false);
}

Lo pondremos como inactivo para evitar errores más adelante.

Ahora vamos a crear dos Rpc para controlar ese texto, uno para activarlo y mostrar el nombre del jugador ganador y otro para desactivarlo.

[ClientRpc]
public void RpcWinState(string winner)
{
    winnerScore.gameObject.SetActive(true);
    winnerScore.text = $"Ha ganado el jugador del lado <b>{winner}</b>";
}

[ClientRpc]
public void RpcDisableWinState()
{
    winnerScore.gameObject.SetActive(false);
}

Vamos a cambiar nuestra función de StartBall, vamos a añadirle el parámetro delay, es de tipo float.

IEnumerator StartBall(float delay) …

Este delay lo usaremos para mostrar durante un tiempo y luego desactivar el texto de winnerScore, lo pondremos de esta manera.

IEnumerator StartBall(float delay)
{
    rb.simulated = false;
    rb.velocity = Vector2.zero;
    transform.position = Vector2.zero;
    // Nuevo codigo
    yield return new WaitForSeconds(delay); 
    RpcDisableWinState();
    yield return new WaitForSeconds(2);
    rb.simulated = true;
    float direction = Random.Range(0f, 1f) > 0.5f ? 1 : -1;
    rb.velocity = Vector2.right * speed * direction;
}

Como notarás ahora tenemos todo el código para desactivar nuestro winnerScore, pero todavía no tenemos nada para activarlo, vamos a solucionar eso yendo a la función Update:

Vamos a añadir una comprobación para saber si ya superamos los 5 puntos, podemos hacerlo de esta manera:

int delay = 0;
if (transform.position.x > networkManager.rightRacketSpawn.position.x)
{
    leftScore++;

   // Codigo nuevo
    if (leftScore >= 5)
    {
        RpcWinState("Izquierdo");
        delay = 5;
        leftScore = 0;
        rightScore = 0;
    }
    StartCoroutine(StartBall(delay));
    RpcUpdateTextScore(leftScore, rightScore);
}

De esta manera activamos el winnerScore, los puntajes se resetean y se espera 5 segundos. Nota que este código es solo para el lado izquierdo toca hacer lo mismo para el lado derecho, te lo dejo a ti .

Ya con eso tendremos nuestro fin del juego completo, recuerda crear un nuevo build y probar.

Nos vemos en la clase final, recuerda poner en el sistema de comentarios cualquier pregunta que tengas, ¡un saludo!

Líam Ayelén Acosta Muñoz

student•

Hola, tengo un problema y es que pasados lo 5 segundos del delay el cliente se desconecta, que puedo hacer?(mi codigo esta así):

<using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using Mirror;
using TMPro;

public class BallController : NetworkBehaviour
{
    public float speed = 10;
    public Rigidbody2D rb;

    NetworkManagerScript networkManager;

    public int leftScore;
    public int rightScore;
    public int delay = 5;

    public TMP_Text textScore;
    public TMP_Text winnerScore;


    // Start is called before the first frame update
    void Start()
    {
        textScore = GameObject.Find("ScoreText").GetComponent<TMP_Text>();
        winnerScore = GameObject.Find("WinPlayerText").GetComponent<TMP_Text>();

        winnerScore.gameObject.SetActive(false);
    }


    public override void OnStartServer()
    {
        networkManager = FindObjectOfType<NetworkManagerScript>();

        StartCoroutine(StartBall(delay));
    }

    IEnumerator StartBall(float delay)
    {
        rb.simulated = false;
        rb.velocity = Vector2.zero;
        transform.position = Vector2.zero;

        yield return new WaitForSeconds(delay);
        RpcDisableWinStage();
        yield return new WaitForSeconds(2);
        rb.simulated = true;
        float direction = Random.Range(0f, 1f) > 0.5f ? 1 : -1;
        rb.velocity = Vector2.right * speed * direction;
    }



    float HitFactor(Vector2 ballPocition, Vector2 racketPocition, float racketHeight)
    {
        return (ballPocition.y - racketPocition.y) / racketHeight;
    }


    void OnCollisionEnter2D(Collision2D col)
    {
        if (col.transform.GetComponent<PlayerController>())
        {
            rb.velocity = Vector2.Reflect(rb.velocity, col.contacts[0].normal).normalized * speed;
            float y = HitFactor(transform.position, col.transform.position, col.collider.bounds.size.y);
            float x = col.relativeVelocity.x > 0 ? 1 : -1;

            Vector2 dir = new Vector2(x, y).normalized;
            rb.velocity = dir * speed;
        }
    }



    [ServerCallback]
    private void Update()
    {
        int delay = 0;

        if (transform.position.x > networkManager.PlayerSpawnpointRight.position.x)
        {
            leftScore ++;

            if (leftScore >= 5)
            {
                RpcWinStage("Izquierdo");
                delay = 5;
                leftScore = 0;
                rightScore = 0;
            }
            StartCoroutine(StartBall(delay));
            RPcUpdateTextScore(leftScore, rightScore);
        }

        if (transform.position.x < 
            networkManager.PlayerSpawnpointLeft.position.x)
        {
            rightScore ++;

            if(rightScore >= 5)
            {
                RpcWinStage("Derecho");
                delay = 5;
                rightScore = 0;
                leftScore = 0;
            }
            StartCoroutine(StartBall(delay));
            RPcUpdateTextScore(leftScore, rightScore);
        }
    }




    [ClientRpc]
    public void RPcUpdateTextScore(int leftScore, int rightScore)
    {
        textScore.text = $"{leftScore} - {rightScore}";
    }



    [ClientRpc]
    public void RpcWinStage(string winner)
    {
        winnerScore.gameObject.SetActive(true);
        winnerScore.text = $"Ha Ganado el jugador del lado <b>{winner}<b>";
    }


    [ClientRpc]
    public void RpcDisableWinStage()
    {
        winnerScore.gameObject.SetActive(false);
    }
}
>

Hecot Pulido

student•

¿la consola te da algun error?

void Start()
{
    textScore = GameObject.Find("ScoreText").GetComponent<TMP_Text>();
    winnerScore = GameObject.Find("WinnerPlayerText").GetComponent<TMP_Text>();

    winnerScore.gameObject.SetActive(false);
}

[ClientRpc]
public void RpcWinState(string winner)
{
    winnerScore.gameObject.SetActive(true);
    winnerScore.text = $"Ha ganado el jugador del lado <b>{winner}</b>";
}

[ClientRpc]
public void RpcDisableWinState()
{
    winnerScore.gameObject.SetActive(false);
}

IEnumerator StartBall(float delay)
{
    rb.simulated = false;
    rb.velocity = Vector2.zero;
    transform.position = Vector2.zero;
    // Nuevo codigo
    yield return new WaitForSeconds(delay); 
    RpcDisableWinState();
    yield return new WaitForSeconds(2);
    rb.simulated = true;
    float direction = Random.Range(0f, 1f) > 0.5f ? 1 : -1;
    rb.velocity = Vector2.right * speed * direction;
}

int delay = 0;
if (transform.position.x > networkManager.rightRacketSpawn.position.x)
{
    leftScore++;

   // Codigo nuevo
    if (leftScore >= 5)
    {
        RpcWinState("Izquierdo");
        delay = 5;
        leftScore = 0;
        rightScore = 0;
    }
    StartCoroutine(StartBall(delay));
    RpcUpdateTextScore(leftScore, rightScore);
}

<using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using Mirror;
using TMPro;

public class BallController : NetworkBehaviour
{
    public float speed = 10;
    public Rigidbody2D rb;

    NetworkManagerScript networkManager;

    public int leftScore;
    public int rightScore;
    public int delay = 5;

    public TMP_Text textScore;
    public TMP_Text winnerScore;


    // Start is called before the first frame update
    void Start()
    {
        textScore = GameObject.Find("ScoreText").GetComponent<TMP_Text>();
        winnerScore = GameObject.Find("WinPlayerText").GetComponent<TMP_Text>();

        winnerScore.gameObject.SetActive(false);
    }


    public override void OnStartServer()
    {
        networkManager = FindObjectOfType<NetworkManagerScript>();

        StartCoroutine(StartBall(delay));
    }

    IEnumerator StartBall(float delay)
    {
        rb.simulated = false;
        rb.velocity = Vector2.zero;
        transform.position = Vector2.zero;

        yield return new WaitForSeconds(delay);
        RpcDisableWinStage();
        yield return new WaitForSeconds(2);
        rb.simulated = true;
        float direction = Random.Range(0f, 1f) > 0.5f ? 1 : -1;
        rb.velocity = Vector2.right * speed * direction;
    }



    float HitFactor(Vector2 ballPocition, Vector2 racketPocition, float racketHeight)
    {
        return (ballPocition.y - racketPocition.y) / racketHeight;
    }


    void OnCollisionEnter2D(Collision2D col)
    {
        if (col.transform.GetComponent<PlayerController>())
        {
            rb.velocity = Vector2.Reflect(rb.velocity, col.contacts[0].normal).normalized * speed;
            float y = HitFactor(transform.position, col.transform.position, col.collider.bounds.size.y);
            float x = col.relativeVelocity.x > 0 ? 1 : -1;

            Vector2 dir = new Vector2(x, y).normalized;
            rb.velocity = dir * speed;
        }
    }



    [ServerCallback]
    private void Update()
    {
        int delay = 0;

        if (transform.position.x > networkManager.PlayerSpawnpointRight.position.x)
        {
            leftScore ++;

            if (leftScore >= 5)
            {
                RpcWinStage("Izquierdo");
                delay = 5;
                leftScore = 0;
                rightScore = 0;
            }
            StartCoroutine(StartBall(delay));
            RPcUpdateTextScore(leftScore, rightScore);
        }

        if (transform.position.x < 
            networkManager.PlayerSpawnpointLeft.position.x)
        {
            rightScore ++;

            if(rightScore >= 5)
            {
                RpcWinStage("Derecho");
                delay = 5;
                rightScore = 0;
                leftScore = 0;
            }
            StartCoroutine(StartBall(delay));
            RPcUpdateTextScore(leftScore, rightScore);
        }
    }




    [ClientRpc]
    public void RPcUpdateTextScore(int leftScore, int rightScore)
    {
        textScore.text = $"{leftScore} - {rightScore}";
    }



    [ClientRpc]
    public void RpcWinStage(string winner)
    {
        winnerScore.gameObject.SetActive(true);
        winnerScore.text = $"Ha Ganado el jugador del lado <b>{winner}<b>";
    }


    [ClientRpc]
    public void RpcDisableWinStage()
    {
        winnerScore.gameObject.SetActive(false);
    }
}
> 

Reto: fin de juego

Introducción

Presentación del proyecto: PlatziPong Multiplayer

Configuración del entorno de desarrollo

Desarrollo del proyecto de pong

Network manager

Creación de un personaje

Autoridad en las raquetas de pong

Spawn points y bloqueo de jugadores

Creación, spawn y movimiento de la pelota

Puntaje

Interfaz del puntaje

Puntaje local (monojugador)

Puntaje multijugador con variables sincronizadas

Extras

Reto: cambia el color de tu raqueta

Reto: fin de juego

Próximos pasos

¿Quieres más cursos de videojuegos multijugador online?