Programación de cámara que sigue al jugador en Unity 2D

Clase 12 de 60 • Curso Avanzado de Creación de RPGs con Unity

Resumen

¿Cómo se puede mover la cámara para que siga al jugador?

En el desarrollo de videojuegos, uno de los detalles que proporcionan una experiencia inmersiva al jugador es el movimiento de la cámara. Asegurar que la cámara siga al jugador de manera fluidamente es esencial para evitar frustraciones. La forma sencilla de lograr esto podría ser arrastrar la cámara para que sea un hijo del objeto del jugador, moviéndose conjuntamente. Sin embargo, en este texto mostramos cómo hacerlo mediante programación, añadiendo incluso un ligero retraso que ofrece al usuario una experiencia más natural.

¿Qué configuración previa necesita la cámara?

Para que la cámara siga al jugador, es necesario crear un script denominado CameraFollow. Este script debe asignarse a la cámara, ya que es la que se desplazará. La primera tarea es definir tres variables clave:

FollowTarget: un GameObject público que representa al jugador al que la cámara seguirá.
TargetPosition: un Vector3 privado y serializable que identificará la posición central del jugador.
CameraSpeed: un float privado y serializable que definirá la velocidad de seguimiento de la cámara.

Estas variables deben configurarse adecuadamente en el editor de Unity. La FollowTarget indica a qué objeto debe seguir la cámara, el TargetPosition sirve para tener una referencia de la ubicación actual del jugador, y la CameraSpeed, que por defecto está en 4, asegura que el movimiento de la cámara sea coherente con el del jugador.

[SerializeField] private GameObject followTarget;
[SerializeField] private Vector3 targetPosition;
[SerializeField] private float cameraSpeed = 4f;

¿Cómo calcular la posición de la cámara?

La posición de la cámara debe calcularse teniendo en cuenta la posición del jugador. En un videojuego 2D, el eje Z generalmente no se utiliza, salvo para la cámara, que por defecto en Unity está en Z igual a -10. Así, mientras calculamos targetPosition, debemos tomar en cuenta:

La posición X e Y del jugador.
Mantener la posición Z de la cámara para conservar la percepción visual correcta.

targetPosition = new Vector3(followTarget.transform.position.x, followTarget.transform.position.y, transform.position.z);

¿Qué es la interpolación lineal y cómo se implementa?

La interpolación lineal es clave para asegurar que la cámara se mueva de manera suave entre puntos. En lugar de que la cámara salte abruptamente a la nueva posición del jugador, se mueve gradualmente, evitando movimientos bruscos que podrían distraer al usuario. Implementarlo se resume en utilizar Vector3.Lerp, donde se especifica:

La posición actual de la cámara.
La posición objetiva calculada.
Un tercer parámetro que combina la velocidad de la cámara y el delta time.

transform.position = Vector3.Lerp(transform.position, targetPosition, cameraSpeed * Time.deltaTime);

Soluciones a problemas comunes

A pesar de este método, es posible que surjan pequeños bugs, por ejemplo, cuando el personaje se mueve demasiado hacia abajo y se sale del escenario. Es crucial detectar estos problemas a tiempo y ajustar el código según sea necesario para mejorar el comportamiento del juego. Al seguir estos pasos, ya se ha logrado una implementación básica y funcional del movimiento de cámaras en un juego 2D.encia, lo que invita a continuar mejorando y depurando el código.

Ricardo Rito Anguiano

student•

Que precioso fue haberlo codeado antes y que lo haya hecho de la misma manera el profe, ya me estan haciendo efectos todos los cursos de unity que he tomado tanto aqui como en otros lados :D

Diego Michael Zabala Montenegro

student•

Creo que mas fácil es utilizarla herramienta que nos enseñaron e otro curso de platzi. Se llama cineChine, lo encuentran así: Window -> Package Manager -> CinemaChine , luegole dan instalar. Les aparecerá una nueva pestaña arriba llamada cinemachine, le dan a la primera opción, create new virtua camera y luego les saldrá un nuevo elemento en la jerarquía. Lo abren y arrastran al objeto jugador a los slots de Follow y look at. Saldrá una zona azul en la pantalla de Game, esa es la zona donde la cámara seguirá al jugador, para crear una zona donde no lo seguirá vayan hasta los parámetros Aim, y cambian el valor de las variables Dead Zone Width y Height y veran como sale un rectángulo son color rodeando al jugador. Denle play y fíjense como se comporta la camara :D. Seguro hay tutoriales en youtube para usar mejor este paquete ojala les sea de ayuda. Y sin una sola linea de código!

Matias Nicolas Giorgieff

student•

Si la cámara no se les mueve tienen que seleccionar la cámara, ir al inspector y en el followTarget poner Player.

Luis Rodrigo Alvarez Herrera

student•

public class CameraFollow : MonoBehaviour
{
    [SerializeField]
    private GameObject followTarget; //para poder seguir
    [SerializeField] //se usa para ver las variables en el editor a pesar de que sean privadas
    private Vector3 targetPosition; //tener siempre un lugar de referencia
    [SerializeField]
    private float cameraSpeed = 4.0f; //al mismo valor que el jugador

    // Start is called before the first frame update
    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
        targetPosition = new Vector3(followTarget.transform.position.x, followTarget.transform.position.y, this.transform.position.z); //el target position seguira los pasos de x y y pero quedara alejada en z

        this.transform.position = Vector3.Lerp(this.transform.position, targetPosition, cameraSpeed * Time.deltaTime);//este objeto se movera en 3 dimenciones, partiendo de su punto original, a donde debe moverse la camara la cual es calculada por targetPosition, bajo que parametro se movera pues es la velocidad por los frame spor segundo
    }
}

Gabriel Araya

student•

Tengo 2 comentarios: .

El campo “followTarget” no necesita referenciar al GameObject del player si no mas bien a su Transform. Es una optimización mínima pero te ahorras un step en el procesamiento del código al ir directo del Transform a la posición, ya que de la otra forma pasas primero por el GameObject, luego al Transform y entonces recién a la posición (por decirlo de una manera simplificada). .
Normalmente cuando quieres que algo siga a otro algo en Unity, esto se hace en el LateUpdate() en lugar del Update() ya que este primero se ejecuta después de que el Update ya termino de ejecutarse y te aseguras que el objeto ya se movió antes de seguirlo. .
. PD: No se si mas adelante en el curso lo corrige, lo escribo apenas veo el video 🙈

Leonel Grisaleña

student•

Yo tenia entendido que los movimientos se hacian en el FixedUpdate. El LateUpdate era más para cambiar animaciones, ya que garantizabas que se habia ejecutado todo el codigo previamente y lo último que actualizas es la animación, pero puedo equivocarme.

Will Carlo

student•

El cod de la calse de hoy. .

using System.Collections;
using System.Collections.Generic;
using System.Collections.Specialized;
using System.Threading;
using UnityEngine;

public class CameraFollow : MonoBehaviour
{
    [SerializeField]
    public GameObject followTarget;
    [SerializeField]
    private Vector3 targetPosition;
    [SerializeField]
    private float cameraSpeed = 4.0f;

    // Start is called before the first frame update
    void Start()
    {

    }

    // Update is called once per frame
    void Update()
    {
        targetPosition = new Vector3(followTarget.transform.position.x,
            followTarget.transform.position.y,
            this.transform.position.z);
        this.transform.position = Vector3.Lerp(this.transform.position,
            targetPosition,
            cameraSpeed * Time.deltaTime);
    }
}