Sprite Editor y cámaras en Unity para móviles

Clase 5 de 31Curso de Desarrollo de Videojuegos para Móviles con Unity

Resumen

Domina en minutos cómo dividir una imagen en varios fondos con el Sprite Editor de Unity, optimizar memoria con sprite mapping y ajustar la cámara y la resolución para que tu juego móvil se vea limpio y profesional en iPhone X (1125x2436, retina). Sigue estos pasos prácticos y evita errores comunes al preparar tus assets 2D.

¿Cómo preparar y cortar sprites en Unity para móviles?

Configura una imagen que contiene tres fondos en múltiples sprites reutilizables. Ganarás rendimiento y orden en tu proyecto, clave en juegos para móvil.

¿Por qué usar sprite mapping en móvil?

  • Cargas una sola imagen en memoria y la reutilizas. Mejora el rendimiento en móviles.
  • Simplificas la gestión gráfica respecto a múltiples archivos sueltos.
  • Mantienes consistencia al agrupar fondos relacionados en un único sprite.

¿Cómo configurar Sprite Editor y slice por tamaño de celda?

  • Selecciona la imagen en el Proyecto y cambia Sprite mode de Single a Multiple. Aplica con Apply.
  • Abre el Sprite Editor y usa la opción Slice por tamaño de celda.
  • Define celda X 1125 y Y 2436 en píxeles para iPhone X. Segmenta en tres partes exactas.
  • Ajusta márgenes: offset de 50 px en horizontal y vertical. Respeta el borde superior e inferior.
  • Define separación: padding de 50 px entre cada imagen. Mantiene cortes limpios.
  • Deja el pivote en el centro. Facilita posicionar sin calcular bordes.
  • Ejecuta Slice y revisa los marcos verdes/azules de cada trozo. Editables si hiciera falta.

¿Cómo nombrar y aplicar cambios a los sprites?

  • Renombra los sub-sprites a nombres claros: por ejemplo, background 1, background 2, background 3.
  • Prefiere nombres en inglés por convención: Animations, Prefabs, Scenes, Background.
  • Pulsa Apply. Verás una flecha en el asset con los tres cortes listados.

¿Cómo ajustar el fondo y la resolución para iPhone X?

Arrastra el fondo elegido a la escena y alinea con la cámara según la resolución objetivo. Evita deformaciones y encuadres extraños.

¿Cómo colocar el background en la escena?

  • Arrastra el background 1, 2 o 3 a la vista de escena.
  • Mueve con la herramienta de desplazamiento (tecla W). Precisión: usa el Transform y pon X=0, Y=0, Z=0.
  • Elige el fondo más liso si buscas menos distracción visual; o el más detallado si quieres más carácter.

¿Qué resolución elegir en Game?

  • En la pestaña Game, selecciona o crea una resolución vertical: por ejemplo, portrait 1080x1920.
  • Crea una entrada fija para iPhone X: 1125x2436.
  • Ten presente pantalla retina: cada píxel cuenta como doble. Por eso, aunque coincida la resolución, puede verse “a mitad” si no ajustas la cámara.
  • Opcional: usa Free Aspect para ocupar toda la pantalla, pero es mejor diseñar para una resolución objetivo real.

¿Cómo encuadrar con la cámara y probar el resultado?

Ajusta el Size de la cámara para ver el fondo completo sin bandas negras ni recortes innecesarios.

¿Qué size usar en la cámara para ver todo el fondo?

  • Selecciona la cámara y modifica Size: de 5 a 6 y 7 ves más área.
  • Prueba con 10 (el doble de 5) para abarcar casi todo el fondo.
  • Evita exagerar: diferentes dispositivos tienen distintos aspect ratios; no fuerces bandas negras.
  • Pulsa Play y verifica el encuadre como lo vería un jugador en iPhone X.

  • Consejo práctico final.

  • Cambia entre background 1, 2 y 3 para decidir el estilo que mejor encaja.
  • Si lo prefieres, prueba otro fondo y personaliza tu estética.

¿Con qué fondo te quedas y qué Size te funciona mejor? Cuéntalo en comentarios y comparte tu captura de escena.