Demo de Happy Harvest: Vea las últimas técnicas 2D

La innovación de los juegos 2D actuales no tiene límites. Con tantas posibilidades creativas y la evolución del renderizado y las herramientas 2D de Unity, te mantendremos al día sobre las mejores prácticas para crear juegos 2D en Unity.

Happy Harvest, ya disponible en Unity Asset Store y Unity Samples, muestra a los desarrolladores cómo aprovechar las últimas capacidades para crear luces 2D, sombras y efectos especiales con Universal Render Pipeline (URP) en Unity 2022 LTS. Incorpora las mejores prácticas que cualquier creador 2D puede utilizar, incluyendo no hornear sombras en un sprite, mantener los sprites planos, mover la información de sombra y volumen a texturas secundarias, características avanzadas de Tilemap, y mucho más.

Happy Harvest es una demo de vista aérea con alegres dibujos animados. La muestra le lleva a través de un día en la vida de un laborioso agricultor. Sale de su granja y avanza por caminos empedrados iluminados por farolillos. Cultiva trigo, zanahorias y maíz, recoge manzanas y alimenta a sus cerdos y vacas. Su granja está salpicada de estanques, hay un granero en la parte trasera y todo está rodeado de verdes pinos.

Una perspectiva descendente conlleva retos como la proyección del personaje, la gestión de objetos superpuestos y la creación de sombras de forma imaginativa. Estos fueron manejados usando características incluidas en Unity 2022 LTS para sombras, librerías de sprites, y Tilemap 2D.

Todos estos recursos son de uso gratuito en sus proyectos personales o comerciales, y también puede modificar la demo con sus propias ideas. Descárgalo hoy mismo para empezar a explorar esta bucólica escena y sus numerosos detalles.

La demostración va acompañada de una colección de artículos instructivos. Estos recorridos técnicos te ayudarán a entender cómo se crearon las luces, las sombras, el entorno y las animaciones, para que puedas utilizar los mismos pasos en tu propio proyecto 2D.

Las siguientes páginas están disponibles con la demo:

• Técnicas de luces y sombras 2D en URP
• Cómo crear arte y jugabilidad con tilemaps 2D
• Cómo animar personajes 2D en Unity 2022 LTS
• Crear efectos especiales 2D en Unity con VFX Graph y Shader Graph

Puede encontrar estos artículos en la descripción de la página de Unity Asset Store y en la ventana del tutorial en el editor de la demo. Además, puede previsualizar cada script en Unity Samples para comprender mejor las directrices recomendadas y la estructura de codificación para un juego 2D.

Veamos brevemente lo que aprenderá de cada página.

En Happy Harvest abundan los detalles bonitos, desde los campos de maíz maduro y trigo dorado hasta los farolillos que se mecen suavemente y la granja de tejas rojas. Pero son la iluminación y las sombras lo más envolvente de este acogedor mundo, con un resplandor envolvente y sombras al atardecer.

Al trasladar la información sobre luces y sombras a texturas independientes (lo que requiere algunos pasos adicionales durante el proceso de creación artística), se pueden crear luces y sombras 2D optimizadas en tiempo real.

Lee el artículo "Técnicas de luces y sombras 2D con Universal Render Pipeline" para aprender a hacerlo:

• Cree y trabaje con mapas normales y mapas de máscaras (texturas secundarias) para añadir detalles ricos como la iluminación del borde en el personaje principal, barriles, postes de luz y otros accesorios.
• Utiliza la iluminación ambiental y puntual para crear ambiente con tonos y efectos que imiten el movimiento del sol a lo largo del día.
• Crea la ilusión de volumen, como los efectos utilizados en los arbustos, activando los mapas normales en las luces.
• Cree sombras para cualquier forma y hora del día utilizando sombras de manchas y sombras infinitas con Shadow Caster.
• Controla el movimiento del tiempo y el cambio de la luz con un guión día-noche.
• Optimiza tus luces 2D con los consejos del equipo de Unity.

¿Qué tienen en común los caminos empedrados, los estanques, la hierba y el bosque de fondo? Todos ellos se crearon con el sistema Tilemap de Unity, que permite crear un mundo de juego con tiles, pequeños sprites colocados en una cuadrícula. En lugar de diseñar un nivel como una gran imagen, puedes dividirla en piezas parecidas a ladrillos que se repiten a lo largo de todo un nivel.

Los tilemaps pueden ayudar a ahorrar tiempo en la creación de arte, así como memoria y potencia de CPU. Esto se debe a que los azulejos pueden ser renderizados por un renderizador dedicado y los azulejos que no son visibles en la pantalla pueden ser desactivados. Una herramienta de pincel hace que sea eficiente para pintar azulejos en una cuadrícula, y pueden ser scripts para utilizar las reglas de pintura. También vienen con generación automática de colisiones para que las pruebas y la edición sean más eficientes. Además, puedes colocar GameObjects o utilizar la API para la lógica del juego.

Puedes encontrar consejos para usar el sistema Tilemap en el artículo "Crear arte y jugabilidad con Tilemaps 2D en Unity", incluyendo cómo hacerlo:

• Utiliza texturas secundarias para los tilemaps: Cada tilemap de la muestra tiene homólogos llamados mapa normal y texturas de mapa de máscara que comparten las mismas dimensiones y diseño, pero se pintan para mostrar la iluminación.
• Utilice la función Rule Tile, que forma parte del paquete 2D Tilemap Extras. Este paquete contiene scripts reutilizables del editor 2D y Tilemap que puedes usar en tus propios proyectos y como base para Pinceles y Mosaicos personalizados.
• Organice los mosaicos en la jerarquía de su proyecto:
• En el ejemplo, las fichas están todas contenidas en un GameObject llamado Grid.
• Hemos creado el menor número posible de tilemaps dentro de la cuadrícula para evitar el solapamiento de píxeles y reducir el sobredibujo.
• Utiliza la API Tilemap basándote en cómo se utilizó en el ejemplo.

Con sus mangas remangadas y su peinado pompadour, el granjero de Happy Harvest está listo para trabajar. Para conseguir que se moviera por la escena, utilizamos técnicas como el rigging de su cara para crear diferentes expresiones, bibliotecas de sprites para variaciones del personaje y Sprite Swap para cambiar entre sprites unidos al mismo hueso durante el proceso de animación.

En el artículo "Personajes 2D y animación en Happy Harvest", desglosamos éstas y otras técnicas utilizadas para crear las animaciones. Recibirás consejos sobre cómo:

• Dibuja y anima personajes desde distintos ángulos para adaptarlos a una perspectiva descendente. En Happy Harvest, los buenos efectos visuales se consiguen con cuatro direcciones.
• Trabaje con animación esquelética en Unity usando los paquetes 2D Animation y PSD Importer. Estos te permiten importar el arte de tu personaje directamente desde Photoshop a Unity importando todas las capas del personaje como sprites y colocándolos exactamente como fueron pintados en la aplicación.
• Crea un personaje en el Editor de Sprite.
• Conecta sprites a huesos, geometría y pesos.
• Utilice el Editor de la Biblioteca de Sprite y el Intercambio de Sprite para gestionar tipos de animaciones distintos a los que se pueden conseguir con rotaciones de huesos. Esto incluye las expresiones faciales cuando el personaje cambia de dirección.
• Utilice la herramienta Cinemática inversa 2D (2D IK), que forma parte del paquete 2D Animation. Calcula las rotaciones y permite una cadena de huesos para moverlos a las posiciones objetivo.

Los cultivos del agricultor necesitan tanto sol como lluvia. Por suerte, al anochecer llueve, y nuestro esforzado granjero puede retirarse a su casita con un acogedor fuego en el hogar.

Hay diferentes opciones para crear efectos visuales 2D como estos en Unity. Puedes animar una explosión fotograma a fotograma o generar partículas y sprites de nubes. Utiliza el sistema de partículas incorporado para la generación de partículas en la CPU. Como alternativa, puedes aprovechar la GPU y utilizar el VFX Graph y el Shader Graph para generar millones de partículas o aplicar efectos de posprocesamiento con URP Volumes.

En el artículo "Efectos especiales 2D con VFX Graph y Shader Graph", aprenderás las distintas técnicas utilizadas para crear los efectos especiales de Happy Harvest, entre ellas:

• Efectos de partículas sencillos creados con el sistema de partículas incorporado, como las hojas que caen de los arbustos o las pisadas del granjero.
• Lanza partículas para crear polillas alrededor de las lámparas por la noche utilizando el sistema de partículas incorporado, o salpicaduras de agua de la lluvia generadas por el gráfico VFX.
• Efectos comunes como un sombreado aplicado a las baldosas de agua para hacer que las olas se muevan, el fuego de la chimenea y el humo de la chimenea.
• Efectos meteorológicos como lluvia y truenos realizados en el VFX Graph: las partículas de lluvia utilizan el sombreador 2D Lit para que se integren perfectamente en el entorno y reaccionen a las luces.
• Sombreadores para mover los árboles y otra vegetación para simular una ligera brisa.
• Efectos de postprocesamiento de tinte y bloom aplicados a toda la escena para crear un ambiente cálido y alegre.

Obtenga más información sobre la creación de efectos visuales en nuestro libro electrónico La guía definitiva para crear efectos visuales avanzados en Unity. El libro electrónico proporciona una visión completa de cómo utilizar las herramientas de creación de efectos visuales en Unity para crear efectos avanzados, incluyendo agua y líquido, humo, fuego, explosiones, clima, impacto, magia, electricidad y mucho más.

Happy Harvest es un patio de recreo para creadores 2D que quieran aprender nuevas técnicas visuales en Unity. Amplíe la muestra, reutilice sus elementos y scripts en sus propios proyectos y pruébela en sus dispositivos móviles y de sobremesa. Esta muestra y su contenido de apoyo están diseñados para proporcionar consejos útiles para todos, desde principiantes hasta desarrolladores 2D experimentados. ¡Feliz cosecha!

Si aún no lo has hecho, asegúrate de descargar estos libros electrónicos avanzados que cubren el desarrollo de juegos en 2D, así como el renderizado y los efectos visuales (3D y 2D) en Unity:

• Arte, animación e iluminación de juegos 2D para artistas
• Introducción al Universal Render Pipeline para creadores avanzados de Unity
• La guía definitiva para la iluminación en el Proceso de Renderizado de Alta Definición en Unity
• La guía definitiva para crear efectos visuales avanzados en Unity

Además, echa un vistazo a nuestras otras demos en 2D, La cripta perdida y Dragón Crashers.

Encontrarás muchos más recursos para programadores avanzados, artistas, artistas técnicos y diseñadores en el hub de mejores prácticas de Unity.

¿Tienes comentarios? Por favor, comparte tus opiniones sobre la demo en el foro dedicado.