Sprite Editor: cómo cortar assets 32x32 y 16x16

Clase 3 de 60Curso Avanzado de Creación de RPGs con Unity

Resumen

Configura con precisión tus sprites y el escenario en Unity para animar, etiquetar y construir niveles sin errores. Con Sprite Editor y la herramienta Slice en modo grid by cell size, lograrás un corte a píxel perfecto, optimizarás el flujo de trabajo y evitarás recortes mal alineados, nombres confusos y tiempos de carga innecesarios.

¿Cómo configurar Sprite Editor y cortar assets 32x32 sin errores?

Para el enemigo y el personaje, los assets vienen en 32×32 y se cortan como sprite múltiple. Si sueltas la imagen sin cortar, Unity no permite usarla tal cual. Abre el Sprite Editor, usa Slice con grid by cell size y define 32×32.

  • Enemigo: 32×32 sin padding. Corte correcto y pivote centrado visible como un pequeño círculo. Aplica los cambios.
  • Player: repite el proceso con 32×32. Verás el corte perfecto de las imágenes del conejito. Aplica los cambios.
  • Consejo de orden: renombra para animar más rápido. Para el enemigo: enemy front 1–5, enemy left 1–5, enemy right 1–5, enemy up 1–5. Para el player: player front/left/right/up 1–5.

¿Qué señales confirman un buen corte?

  • Líneas blancas muy finas entre sprites que no interfieren con el corte.
  • Todos los recuadros centrados sobre cada sprite gracias al pivote.
  • En el panel, una flecha desplegable muestra cada corte generado del sprite map.

¿Cómo cortar el roguelike tile set 16×16 con padding de 1 px?

El roguelike tile set es más pequeño y tiene márgenes. Haz zoom para ver bien las casillas y, como truco, ajusta un recuadro manualmente para deducir el tamaño real: 16×16. Con 16×16 solo, verás el cuadrado desplazado por un margen de 1 píxel entre elementos.

  • En Slice, define cell size 16×16.
  • Añade padding: 1 px horizontal y 1 px vertical.
  • Corta de nuevo y valida que los bordes quedan a píxel perfecto.
  • Ten en cuenta el rendimiento: al darle a play tardará más por más de 1500 assets generados.

¿Qué puedes arrastrar a la escena al terminar?

  • Un sprite del conejo: aparece el icono de más verde, indicando que puedes soltarlo en cualquier lugar.
  • Un trozo de suelo del tile set: se visualizará correctamente como parte del escenario.

¿Cómo organizar el personaje y el escenario para trabajar más rápido?

Con el personaje ya cortado, arrástralo a la escena y nómbralo con claridad. Evita nombres genéricos como player_0.

  • Renombra a Player (P mayúscula) para identificarlo como jugador.
  • Asigna la etiqueta de jugador desde el Inspector (Jerarquía lateral → etiqueta → jugador). Quedará perfectamente localizado para futuras lógicas.
  • Este Player será el que animaremos y al que añadiremos colliders, física y animaciones.

¿Cómo estructurar el escenario sin copiar y pegar?

  • Evita llenar el mapa duplicando trocitos: es tedioso y se duplican piezas accidentalmente.
  • Crea un GameObject vacío: botón derecho → Create Empty.
  • Nómbralo “suelo, Ground” y posiciónalo en (x=0, y=0, z=0) para centrarlo.
  • A partir de ahora, cualquier trozo de escenario deberá ir como hijo de Ground.
  • Pronto usarás la herramienta de Tileset de Unity para “baldosar” el mapa automáticamente.

¿Te quedó alguna duda sobre el corte 16×16 con padding o el renombrado para animar más rápido? Comenta tus preguntas y cuéntanos cómo organizas tus sprites en Unity.