No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Ejercicio: cortar caramelos

10/31
Recursos

¿Cómo editar sprites en Unity para un videojuego?

Cuando trabajamos en el diseño de videojuegos, uno de los elementos cruciales que determinan la calidad visual y la experiencia del usuario son los gráficos. En este caso, estamos hablando de caramelos como sprites para un videojuego. Editar y cortar estos gráficos puede parecer una tarea simple, pero es esencial hacerlo correctamente para asegurar que nuestro juego luzca profesional y esté bien optimizado.

¿Qué pasos seguir para recortar los gráficos?

Primero, es importante que verifiques que las imágenes que has elegido para tu proyecto se ajusten a los requisitos gráficos del mismo. En este caso, deberás asegurarte de que sean imágenes cuadradas, de 193 por 193 píxeles, con un margen de 50, algo que ya se ha establecido en gráficos previos de tu proyecto.

  1. Editar el modo de sprite: Cambia el modo de tu sprite de 'single' a 'multiple' debido a que necesitas recortar múltiples imágenes de un solo archivo gráfico.

  2. Configurar la resolución de píxeles: Asegúrate de que los píxeles por unidad estén configurados correctamente. En este ejemplo, deberían ser 250 por 250.

  3. Abrir el editor de sprites: Haz clic en aplicar cambios antes de continuar con el editor para visualizar los sprites.

  4. Evitar el troceado automático: Utilizar el corte automático no siempre ofrece los resultados deseados. En este caso, usaremos el tamaño de celda específico, es decir, 193 por 193 píxeles, con un desplazamiento y relleno de 50 píxeles, tanto horizontal como verticalmente.

  5. Configurar el pivote: Siempre coloca el pivote en el centro para asegurar que las imágenes estén bien centradas durante su uso en el juego.

Finalmente, slice los sprites y verifica que el tamaño del corte sea correcto. Puedes nombrar las imágenes de acuerdo a su contenido y aplicación, pero esto es opcional.

¿Por qué el corte automático no siempre es la mejor opción?

El corte automático puede ser muy útil para imágenes simples, pero si tu gráfico es más complejo, como en este caso, podría no identificar correctamente las partes del sprite o crear cortes innecesarios entre elementos que deberían estar unidos. Siempre es preferible conocer las dimensiones específicas de tus gráficos para realizar cortes precisos y útiles para tu juego.

¿Cómo trabajar con el resultado en Unity?

Una vez que hayas aplicado los cambios, verás el resultado en el editor de Unity. Para comprobar que el tamaño es el correcto, puedes arrastrar una imagen, por ejemplo, el "sol", a la pantalla junto con un cuadrado configurado y verificar visualmente que el tamaño se ajusta. Si necesitas cambiar el "order in layer" para el manejo de capas, puedes hacerlo para que la imagen no quede detrás de otros elementos.

Este método te permitirá tener un control preciso sobre los elementos gráficos de tu juego, asegurando que cada sprite esté perfectamente recortado y colocado en el espacio de trabajo.

¿Qué hacer si quiero personalizar más mi juego?

Al final del reto y como ejercicio, se sugiere utilizar solo las primeras imágenes de cada sprite si el objetivo es centrarse en la optimización para móviles y no en la animación. Sin embargo, para agregar un toque único y dinámico a tu juego, podrías reemplazar las imágenes estáticas por una secuencia animada de los caramelos, haciendo tu producto final aún más atractivo y apto para ser lanzado al mercado.

Adéntrate en el mundo del desarrollo de videojuegos con confianza, usa estas técnicas y sigue experimentando para lograr el mejor resultado visual. ¡El camino hacia el desarrollo de un videojuego exitoso está lleno de creatividad y aprendizaje constante!

Aportes 9

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

En mi caso.
Con las medidas que juan nos recomienda, el corte no es tan exacto, corta partes de la misma imagen en sus bordes.
Entonces utilice otras medidas segun mi necesidad.

Te las comparto por si te sucede igual, o solo tienes curiosidad, quizas de esta manera te guste mas o no.



Deja tu comentario, si tambien te paso, y ¿que hiciste? o si te sirvio las medidas que he dejado.

Con estos valores logre hacer slice casi perfecto en todas las imagenes:

Para hacer las animaciones pueden expandir los sprites de los candies, seleccionar el primero, pulsar shift, seleccionar el ultimo, arrastrarlo a la jerarquia y les pedira la ruta donde se almacenara tanto el animation controller como la animacion.

Para este caso, hay que eliminar la opcion de loop de la animacion, y colocar como ultimo sprite un corte vacio que pueden sacar si abren el sprite atlas de candies y seleccionando con el mouse un espacio en blanco, colocan ese en el 7mo frame de la animacion y esta lista la animacion.

A mi me sirvió con una configuracion de:

Grid By Cell Size

Pixel Size: X = 200, Y = 220
Offset: X = 35, Y =52
Padding: X = 45, Y = 20

Para hacer la tarea podemos tomar el Curso de C# para Videojuegos que tiene una sección especial de animaciones 👍.

Les comprarto mi configuracion.

Yo utilicé esta configuración

esas son las medidas que me sirvieron para hacer el corte

En mi caso utilice las siguientes medidas:

y este es el resultado: