Demonstração do Happy Harvest: Veja as últimas técnicas 2D

Não há limites para o quão inovadores os jogos 2D de hoje podem ser. Com tantas possibilidades criativas e a evolução das ferramentas e renderização 2D do Unity, manteremos você atualizado sobre as melhores práticas para criar jogos 2D no Unity.

Happy Harvest, agora disponível na Unity Asset Store e Unity Samples, mostra aos desenvolvedores como aproveitar os recursos mais recentes para criar luzes 2D, sombras e efeitos especiais com o Universal Render Pipeline (URP) no Unity 2022 LTS. Ele incorpora as melhores práticas que qualquer criador 2D pode usar, incluindo não assar sombras em um sprite, manter os sprites planos, mover informações de sombra e volume para texturas secundárias, recursos avançados de Tilemap e muito mais.

Happy Harvest é uma demonstração de cima para baixo com arte de desenho animado alegre. O exemplo mostra um dia na vida de um fazendeiro trabalhador. Saindo de sua casa na fazenda, ele segue por caminhos de paralelepípedos iluminados por lanternas. Ele cuida das plantações de trigo, cenoura e milho, colhe maçãs e alimenta seus porcos e vacas. Sua fazenda é pontilhada de lagos, há um celeiro nos fundos e é toda cercada por pinheiros verdejantes.

Uma perspectiva de cima para baixo traz desafios como projetar o personagem, gerenciar objetos sobrepostos e criar sombras de forma imaginativa. Eles foram resolvidos usando recursos incluídos no Unity 2022 LTS para sombras, bibliotecas de sprites e Tilemap 2D.

Todos esses recursos são gratuitos para uso em seus projetos pessoais ou comerciais, e você também pode modificar a demonstração com suas próprias ideias. Baixe hoje mesmo para começar a explorar esse cenário bucólico e seus muitos detalhes.

A demonstração é acompanhada por uma coleção de artigos instrucionais. Esses tutoriais técnicos ajudarão você a entender como as luzes, sombras, ambiente e animações foram criados, para que você possa usar as mesmas etapas em seu próprio projeto 2D.

As seguintes páginas estão disponíveis com a demonstração:

• Técnicas de luz e sombra 2D em URP
• Como criar arte e jogabilidade com mapas de blocos 2D
• Como animar personagens 2D no Unity 2022 LTS
• Crie efeitos especiais 2D no Unity com o VFX Graph e o Shader Graph

Você pode encontrar esses artigos na descrição na página da Unity Asset Store e na janela do tutorial no Editor na demonstração. Além disso, você pode visualizar cada script no Unity Samples para entender melhor as diretrizes recomendadas e a estrutura de codificação para um jogo 2D.

Vamos dar uma breve olhada no que você aprenderá em cada página.

Há muitos detalhes fofos em Happy Harvest, desde campos de milho maduro e trigo dourado até lanternas balançando suavemente e a casa de fazenda com telhas vermelhas. Mas são a iluminação e as sombras a parte mais envolvente desse mundo aconchegante, com um brilho geral e sombras no fim da tarde.

Ao mover informações de luz e sombra para texturas separadas (o que requer algumas etapas extras durante o processo de criação da arte), você pode criar luzes e sombras 2D otimizadas em tempo real.

Leia o artigo “Técnicas de luz e sombra 2D com o Universal Render Pipeline” para aprender como:

• Crie e trabalhe com mapas normais e mapas de máscara (texturas secundárias) para adicionar detalhes ricos, como iluminação de borda no personagem principal, barris, postes de luz e outros adereços.
• Use iluminação ambiente e pontual para criar o clima com tonalidades e efeitos que imitam o movimento do sol ao longo do dia.
• Crie a ilusão de volume, como os efeitos usados nos arbustos, ativando mapas normais nas luzes.
• Crie sombras para qualquer formato e hora do dia usando sombras irregulares e sombras infinitas com o Shadow Caster.
• Controle o movimento do tempo e a mudança da luz com um script do dia para a noite.
• Otimize suas luzes 2D com dicas da equipe da Unity .

O que os caminhos de paralelepípedos, os lagos, a grama e a floresta ao fundo têm em comum? Todos eles foram feitos com o sistema Tilemap da Unity, que fornece uma maneira de criar um mundo de jogo com tiles – pequenos sprites colocados em uma grade. Em vez de criar um nível como uma grande imagem, você pode dividi-lo em pedaços semelhantes a tijolos que se repetem por todo o nível.

Os mapas de blocos podem ajudar a economizar tempo na criação de arte, além de memória e poder de CPU. Isso ocorre porque os blocos podem ser renderizados por um renderizador dedicado e os blocos que não estão visíveis na tela podem ser desabilitados. Uma ferramenta de pincel torna mais eficiente pintar peças em uma grade, e elas podem ser programadas para usar regras de pintura. Eles também vêm com geração automática de colisões para testes e edições mais eficientes. Além disso, você pode colocar GameObjects ou usar a API para lógica do jogo.

Você pode encontrar dicas para usar o sistema Tilemap no artigo “Criar arte e jogabilidade com Tilemaps 2D no Unity”, incluindo como:

• Use texturas secundárias para mapas de blocos: Cada tilemap no exemplo tem equivalentes chamados texturas de mapa normal e mapa de máscara que compartilham as mesmas dimensões e layout, mas são pintados para exibir a iluminação.
• Use o recurso Rule Tile, que faz parte do pacote 2D Tilemap Extras . Este pacote contém scripts reutilizáveis de edição 2D e Tilemap que você pode usar em seus próprios projetos e como base para pincéis e blocos personalizados.
• Organize os blocos na hierarquia do seu projeto:
• No exemplo, todos os blocos estão contidos em um GameObject chamado Grid.
• Criamos o mínimo possível de mapas de blocos dentro da grade para evitar pixels sobrepostos e ajudar a manter o overdraw baixo.
• Use a API do Tilemap com base em como ela foi usada no exemplo.

Com suas mangas arregaçadas e seu penteado estilo pompadour, o fazendeiro de Happy Harvest está pronto para trabalhar. Para fazê-lo se movimentar pela cena, usamos técnicas como manipular seu rosto para criar expressões diferentes, bibliotecas de sprites para variações de personagens e Sprite Swap para alternar entre sprites anexados ao mesmo osso durante o processo de animação.

No artigo “Personagens 2D e animação em Happy Harvest”, detalhamos essas e outras técnicas usadas para criar as animações. Você receberá dicas sobre como:

• Desenhe e anime personagens de diferentes ângulos para adaptá-los a uma perspectiva de cima para baixo. Em Happy Harvest, visuais bonitos são obtidos com quatro direções.
• Trabalhe com animação esquelética no Unity usando os pacotes 2D Animation e PSD Importer . Elas permitem que você importe a arte do seu personagem diretamente do Photoshop para o Unity importando todas as camadas do personagem como sprites e colocando-as exatamente como foram pintadas no aplicativo.
• Crie um personagem no Editor de Sprites.
• Conecte sprites a ossos, geometria e pesos.
• Use o Editor da Biblioteca de Sprites e o Sprite Swap para gerenciar tipos de animações diferentes daquelas que podem ser obtidas com rotações de ossos. Isso inclui expressões faciais quando o personagem muda a direção para a qual está olhando.
• Use a ferramenta Cinemática Inversa 2D (2D IK), que faz parte do pacote 2D Animation . Ele calcula as rotações e permite que uma cadeia de ossos os mova para posições-alvo.

As plantações do fazendeiro precisam de sol e chuva. Felizmente, a noite traz chuva, e nosso fazendeiro trabalhador pode se retirar para sua pequena casa com uma lareira aconchegante.

Existem diferentes opções para criar efeitos visuais 2D como estes no Unity. Você pode animar uma explosão quadro a quadro ou gerar partículas e sprites de nuvem. Use o Sistema de Partículas Integrado para geração de partículas na CPU. Como alternativa, você pode aproveitar a GPU e usar o VFX Graph e o Shader Graph para gerar milhões de partículas ou aplicar efeitos de pós-processamento com volumes URP.

No artigo “Efeitos especiais 2D com o VFX Graph e o Shader Graph”, você aprenderá sobre as diferentes técnicas usadas para criar os efeitos especiais no Happy Harvest, incluindo:

• Efeitos de partículas simples criados com o Sistema de Partículas Integrado, como folhas caindo dos arbustos ou pegadas do fazendeiro
• Partículas de flipbook para criar mariposas ao redor das lâmpadas à noite usando o Sistema de Partículas Integrado, ou respingos de água da chuva gerados pelo Gráfico de Efeitos Visuais
• Efeitos comuns como um shader aplicado aos ladrilhos de água para fazer as ondas se moverem, o fogo na lareira e a fumaça da chaminé
• Efeitos climáticos como chuva e trovões feitos no VFX Graph – as partículas de chuva usam o shader 2D Lit para que se misturem bem com o ambiente e reajam às luzes
• Shaders para mover as árvores e outras vegetações para simular uma brisa leve
• Efeitos de pós-processamento de matiz e floração aplicados a toda a cena para criar um clima caloroso e alegre

Saiba mais sobre como criar efeitos visuais em nosso e-book O guia definitivo para criar efeitos visuais avançados no Unity. O e-book fornece uma visão geral completa de como usar ferramentas de criação de efeitos visuais no Unity para criar efeitos avançados, incluindo água e líquido, fumaça, fogo, explosões, clima, impacto, magia, eletricidade e muito mais.

Happy Harvest é um playground para criadores 2D que querem aprender novas técnicas visuais no Unity. Expanda o exemplo, reutilize seus elementos e scripts em seus próprios projetos e teste-o em seus dispositivos móveis e desktop. Este exemplo e seu conteúdo de suporte foram projetados para fornecer dicas úteis para todos, desde iniciantes até desenvolvedores 2D experientes. Boa colheita!

Se você ainda não fez isso, certifique-se de baixar estes e-books avançados que abordam o desenvolvimento de jogos 2D, bem como renderização e efeitos visuais (3D e 2D) no Unity:

• Arte de jogo 2D, animação e iluminação para artistas
• Introdução ao Universal Render Pipeline para criadores avançados do Unity
• O guia definitivo para iluminação no High Definition Render Pipeline no Unity
• O guia definitivo para criar efeitos visuais avançados no Unity

Além disso, confira nossas outras demos 2D, The Lost Crypt e Dragon Crashers.

Você encontrará muito mais recursos para programadores avançados, artistas, artistas técnicos e designers no hub de melhores práticas do Unity.

Tem algum feedback? Por favor, compartilhe suas ideias sobre a demonstração no fórumdedicado.