Sprites múltiples en Unity con slice automático

Prepara un tablero jugable en Unity paso a paso: corta un sprite múltiple con slice automático, controla la visibilidad con ordering layer y calibra el tamaño con pixels per unit. Así obtienes un placeholder cuadrado optimizado para móvil, con collider, script C# y prefab listos para iterar con confianza.

¿Cómo cortar sprites múltiples en Unity con slice automático?

Configura un sprite que contiene cuadrados de varios tamaños y colores cambiando el modo de simple a múltiple y usando el Sprite Editor. Antes de abrir el editor, pulsa Apply para guardar cambios. En este caso, el slice automático funciona muy bien porque los recortes tienen tamaños distintos y evita calcular celdas manualmente. Tras el corte, los assets se nombran automáticamente como 5_0, 5_1, 5_2, etc., y se despliegan en la jerarquía del sprite.

• Cambiar de simple a múltiple y abrir Sprite Editor.
• Pulsar Apply cuando Unity lo solicite.
• Usar slice automático para cortes de distintos tamaños.
• Aceptar el nombre por defecto 5_0, 5_1… para ir rápido.
• Confirmar el resultado: se obtuvieron 40 recortes a partir de una sola imagen.

¿Por qué usar un sprite map en móvil?

Con un solo sprite map cargas una única textura en memoria y la reutilizas en muchas posiciones. Esto mejora el rendimiento en móvil: menos consumo de memoria y menor impacto en batería y dispositivo. Es una práctica clave cuando manejas muchos elementos similares en pantalla.

¿Cómo controlar visibilidad con ordering layer y ejes en Unity?

Si el cuadrado no se ve, puede estar detrás del fondo. Hay dos soluciones equivalentes: mover la coordenada Z o ajustar el orden de renderizado con ordering layer. Para escenarios 2D con muchas piezas, el ordering layer es práctico y claro.

• Mantener los caramelos en ordering layer 0.
• Bajar el fondo a un valor negativo (por ejemplo, -100) para dejar capas intermedias disponibles.
• Recordatorio: valores positivos dibujan por encima; negativos, por debajo.

¿Cómo ajustar pixels per unit para un tamaño jugable?

El parámetro pixels per unit define cuántos píxeles del sprite equivalen a 1 unidad del mundo. Con 100 ppu, el cuadrado resultó demasiado grande. Probar valores ayuda a equilibrar la jugabilidad considerando que el juego se controla con dedos: un tamaño muy pequeño dificulta seleccionar una pieza sin tocar otra.

• 100 ppu: referencia inicial; pocas piezas caben.
• 25 ppu: el gráfico crece en exceso.
• 400 ppu: el gráfico se reduce; caben muchas piezas, pero quedan demasiado juntas.
• Duplicar piezas para comprobar cuántas entran en horizontal.
• 300 ppu: tamaño más razonable.
• 250 ppu: tamaño final elegido por equilibrio entre espacio y control táctil.

¿Qué collider usar para toques?

Para un cuadrado, añade un collider de tipo caja (Box). No uses círculo, cápsula o polígonos si no se ajustan a la forma. Verás el contorno verde ajustado al borde del cuadrado: esa será el área de detección táctil.

• Seleccionar el objeto y añadir componente Box Collider.
• Confirmar el ajuste visual del collider alrededor del cuadrado.

¿Cómo crear el script C# Candy y el prefab?

Crea un script de C# llamado Candy dentro de la carpeta Scripts siguiendo la convención: primera letra en mayúscula, resto en minúscula. Arrástralo al cuadrado para asignarlo. Renombra el objeto a candy, colócalo en Transform (0, 0, 0) y arrástralo a la carpeta de prefabs para reutilizarlo.

• Crear script Candy en la carpeta Scripts.
• Asignar el script al cuadrado.
• Renombrar el objeto a candy.
• Posicionarlo en 0,0,0 y guardarlo como prefab.

¿Te funcionó otro valor de pixels per unit o un orden de capas diferente para tu proyecto? Cuéntalo y comparte tu configuración para comparar enfoques con la comunidad.