Desarrollo 2D: sprites, capas y física 2D

Configura un flujo 2D sólido con Sprite Renderer, capas de render y componentes físicos 2D para prototipos jugables.

En 2D trabajas con sprites, no con mallas 3D, y su visibilidad depende de Sorting Layers y Order in Layer.

El componente Sprite Renderer controla cómo se dibuja cada sprite en pantalla y cómo se organiza visualmente.

La física 2D usa componentes específicos como Rigidbody2D y BoxCollider2D, separados de la física 3D.

Para movimiento consistente y jugable, combina lectura de input con velocidades aplicadas al Rigidbody2D.

  • Ordenar bien lo visual en 2D evita bugs de profundidad y mejora legibilidad del juego.
  • Cada entidad visual 2D suele tener un Sprite Renderer que referencia una imagen importada como Sprite.
  • Con Sorting Layer y Order in Layer decides qué se dibuja delante o detrás (suelo, personaje, UI diegética).
  • Define una convención temprana de capas para no corregir escenas completas cuando crezca el proyecto.
  • Sprite Renderer = representación visual 2D.

Sprites y capas de render

Ordenar bien lo visual en 2D evita bugs de profundidad y mejora legibilidad del juego.

Cada entidad visual 2D suele tener un Sprite Renderer que referencia una imagen importada como Sprite.

Con Sorting Layer y Order in Layer decides qué se dibuja delante o detrás (suelo, personaje, UI diegética).

Define una convención temprana de capas para no corregir escenas completas cuando crezca el proyecto.

  • Sprite Renderer = representación visual 2D.
  • Sorting Layer = grupo de prioridad visual.
  • Order in Layer = ajuste fino dentro de la capa.

Física 2D: Rigidbody2D y colliders

Usa el stack 2D completo para comportamiento predecible en plataformas y top-down.

Rigidbody2D añade velocidad, gravedad y respuesta física al objeto sin necesidad de mover transform manualmente cada frame.

BoxCollider2D define el área de colisión y permite detectar suelos, paredes, enemigos o triggers de interacción.

Si mezclas componentes 2D y 3D en la misma entidad puedes generar colisiones inconsistentes o nulas.

Flujo recomendado para un primer prototipo 2D

Prototipa primero la jugabilidad central y deja pulido visual para iteraciones posteriores.

Empieza con una escena mínima: suelo, jugador, obstáculo y cámara estable para validar movimiento y colisiones.

Separa lógica y visuales: script en objeto raíz, sprite y animaciones en hijos para mantener jerarquía limpia.

Cierra cada sesión con una mejora comprobable (por ejemplo: salto estable o colisión lateral corregida).

Unity
11

Desarrollo 2D: sprites, capas y física 2D

Configura un flujo 2D sólido con Sprite Renderer, capas de render y componentes físicos 2D para prototipos jugables.

Código del tema: GameObject + Component = comportamiento

📘 Teoría

Sprites y capas de render

Ordenar bien lo visual en 2D evita bugs de profundidad y mejora legibilidad del juego.

Cada entidad visual 2D suele tener un Sprite Renderer que referencia una imagen importada como Sprite.

Con Sorting Layer y Order in Layer decides qué se dibuja delante o detrás (suelo, personaje, UI diegética).

Define una convención temprana de capas para no corregir escenas completas cuando crezca el proyecto.

  • Sprite Renderer = representación visual 2D.
  • Sorting Layer = grupo de prioridad visual.
  • Order in Layer = ajuste fino dentro de la capa.

Física 2D: Rigidbody2D y colliders

Usa el stack 2D completo para comportamiento predecible en plataformas y top-down.

1

Rigidbody2D añade velocidad, gravedad y respuesta física al objeto sin necesidad de mover transform manualmente cada frame.

2

BoxCollider2D define el área de colisión y permite detectar suelos, paredes, enemigos o triggers de interacción.

3

Si mezclas componentes 2D y 3D en la misma entidad puedes generar colisiones inconsistentes o nulas.

Inicialización básica del controlador 2D
using UnityEngine;

public class Player2D : MonoBehaviour
{
    private Rigidbody2D rb2D;
    public float velocidad = 5f;

    void Start()
    {
        rb2D = GetComponent<Rigidbody2D>();
    }

    void Update()
    {
        float x = Input.GetAxisRaw("Horizontal");
        rb2D.velocity = new Vector2(x * velocidad, rb2D.velocity.y);
    }
}

Flujo recomendado para un primer prototipo 2D

Prototipa primero la jugabilidad central y deja pulido visual para iteraciones posteriores.

1

Empieza con una escena mínima: suelo, jugador, obstáculo y cámara estable para validar movimiento y colisiones.

2

Separa lógica y visuales: script en objeto raíz, sprite y animaciones en hijos para mantener jerarquía limpia.

3

Cierra cada sesión con una mejora comprobable (por ejemplo: salto estable o colisión lateral corregida).

🧪 Aprende probando

Ejemplo Ejemplo guiado Añade movimiento horizontal 2D con Rigidbody2D y valida que el sprite se vea en la capa correcta.

🏁 Retos

Reto Reto práctico Implementa movimiento horizontal con física 2D usando `Rigidbody2D` y asignación de `velocity`.

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros 😉.

Esta la hice en febrero de 2026 para facilitar el aprendizaje de mis alumnxs. Aprender desarrollo web practicando. La idea es que crezca semanalmente con nuevos temas, tests y retos.

Inspirado en MDN, en W3Schools, en Codepen, en el crack de Manz y en mil sitios de documentación sobre desarrollo web. Quería aportar además de bloques teóricos con ejemplos, la gamificación de los retos y el sistema de test que ya tenía en culTest .

Si te gustó, si no te gustó, si quieres saludarme, o invitarme a 🍻 no dudes en escribirme en cristianeslava@gmail.com .