Partilhar via


A criação de Kippy's Escape

Imagem do herói Kippy's Escape

Kippy o robô acorda e encontra-se preso em uma ilha. Cabe a você colocar seu chapéu de resolução de problemas para ajudá-lo a encontrar um caminho de volta para seu foguete! Aperte o cinto no seu HoloLens 2 e baixe o aplicativo da Microsoft Store ou clone o repositório do GitHub e obtenha o Kippy em segurança!

Importante

Certifique-se de que está a utilizar o Unreal Engine 4.25 ou posterior se estiver a criar o Kippy's Escape a partir do repositório GitHub.

Kippy's Escape é um aplicativo de exemplo HoloLens 2 de código aberto construído com Unreal Engine 4 e Mixed Reality UX Tools for Unreal. Neste post, vamos orientá-lo através do nosso processo, desde os primeiros princípios e design visual até a implementação e otimização da experiência. Você pode encontrar mais informações sobre o desenvolvimento de aplicativos de Realidade Mista com MRTK UX Tools na visão geral de desenvolvimento da Unreal.

Baixar aplicativo da Microsoft Store no HoloLens 2

Se você tiver um dispositivo HoloLens 2, você pode baixar e instalar diretamente o aplicativo em seu dispositivo.

Crachá em inglês

Primeiros princípios

Ao criar o Kippy's Escape, nosso objetivo era criar uma experiência que destacasse o suporte ao HoloLens 2 da Unreal Engine, as capacidades do HoloLens 2 e o Kit de Ferramentas de Realidade Mista. Queríamos inspirar os desenvolvedores a imaginar o que poderiam criar com Unreal e HoloLens 2.

Chegamos a três princípios orientadores para a experiência: que ela precisava ser divertida, interativa e ter uma baixa barreira de entrada. Queríamos que a experiência fosse intuitiva o suficiente para que mesmo um usuário de realidade mista pela primeira vez não precisasse de um tutorial para passar por ela.

Projetando o jogo

O HoloLens 2 tem acesso a recursos de design que não se encontram em nenhum outro lugar nos jogos atualmente. Os objetos podem ser diretamente empurrados ou manipulados usando as mãos ou direcionados com rastreamento ocular. Essas características-chave estão por trás de alguns dos momentos divertidos que construímos em Kippy's Escape.

Usando os recursos exclusivos do HoloLens 2 como orientação para o nosso design de jogos, definimos alguns cenários de ambientes pequenos. As ilhas faziam sentido porque podiam ser ajustadas para diferentes alturas dos jogadores e forneciam algumas ideias divertidas de pontes. Aterrámos no tema da civilização antiga com a tecnologia de ficção científica, com a ideia de que alguém tinha construído maquinaria sobre ruínas aproveitando uma estranha energia fornecida por cada ilha. Cada uma das ilhas recebeu sua própria aparência, um detalhe que ajudou a criar interesse visual. Um bom equilíbrio entre modelagem e texturização manteria as chamadas de desenho baixas para o desempenho de renderização, então um visual estilizado foi projetado com isso em mente.

Esboços iniciais de design de jogosAlguns esboços iniciais de como a experiência pode parecer

Renderizações da segunda ilhaRenderizações da segunda ilha

Para manter nosso curto cronograma de produção, concordamos que um personagem flutuante poderia capturar intenção e emoção sem ciclos de animação rigorosos. E assim nasceu Kippy! Ele emociona algumas expressões diferentes através de seus olhos e através de efeitos sonoros vocais minimalistas para ajudar a guiar o jogador ao longo da experiência.

Kippy mostrando diferentes expressões através de seus olhos

Kippy mostrando diferentes expressões através de seus olhos

Se o usuário demorar muito para resolver um quebra-cabeça, Kippy dará ao usuário uma dica

Se o usuário demorar muito para resolver um quebra-cabeça, Kippy dará ao usuário uma dica

Além do design de personagens e ambientes, fizemos um esforço concertado para tornar o jogo divertido. O rastreamento ocular nos permitiu disparar atributos de material e som, que destacaram peças-chave do jogo. O áudio espacial ajudou a fazer com que os níveis se sentissem em casa nos arredores do jogador. Ser capaz de agarrar objetos, pressionar botões e manipular controles deslizantes impulsiona engajamentos inovadores dos jogadores. Era importante garantir que esses pontos de conexão parecessem naturais.

A extremidade do cabo da ponte brilha quando a mão do utilizador se aproxima dele

A extremidade do cabo da ponte brilha quando a mão do utilizador se aproxima dele

Construindo a mecânica do jogo

Kippy's Escape depende fortemente de componentes de UX Tools de Realidade Mista para tornar o jogo interativo - ou seja, atores de interação manual, controles de limites, manipuladores, controles deslizantes e botões.

O ator de interação manual permite a manipulação direta e distante de hologramas. No início de Kippy's Escape, o usuário tem a oportunidade de definir a localização do jogo. Feixes de mão que se estendem da palma da mão do usuário facilitam a manipulação de grandes hologramas que estão longe, como visto no gif abaixo.

Interação com a mão gif ator

A cena de espaço reservado em si pode ser arrastada e girada usando o componente de controle de limites do UX Tools.

Na segunda ilha, o usuário deve pegar pedras preciosas e colocá-las em seus slots correspondentes. As gemas têm manipuladores anexados a elas que permitem ao usuário pegá-las e colocá-las para baixo.

Exemplo de manipulador gif

Um botão pressionável é a chave para trazer bombas para uso na terceira ilha.

Exemplo de gif de botão pressionável

Um componente deslizante aparece na quarta ilha, acionando a ponte final a ser levantada.

Exemplo de gif do componente Slider

Otimização para HoloLens 2

Com qualquer experiência construída para ser executada em um dispositivo móvel, ficar de olho no desempenho é fundamental. Unreal 4.25 inclui uma grande atualização para o suporte para multi-visualização móvel, que reduz significativamente a sobrecarga de renderização e aumenta a taxa de quadros. Recomendamos verificar nossas outras configurações de desempenho recomendadas para o desenvolvimento do HoloLens 2 com a Unreal quando você estiver otimizando.

Os objetos de física ainda permanecem caros para o desempenho, então algumas soluções inteligentes foram usadas. Por exemplo, a terceira "ponte" exige explodir alguns detritos que bloqueiam a escada. Em vez de ter um impacto de força nas pedras como objetos físicos, a detonação da bomba desencadeia uma troca, trocando as pedras estáticas por um efeito de partícula explosiva.

Exemplo otimizado para HoloLens 2 gif

Também reduzimos nossas chamadas de sorteio de mais de 400 para ~260 por:

  • Reduzindo a complexidade da malha
  • Combinação de malhas
  • Remoção de alguns dos nossos elementos de iluminação dinâmica iniciais

Embora provavelmente pudéssemos ter feito mais, sentimos que era um bom equilíbrio entre desempenho e qualidade visual.

Experimente-o!

Inicialize seu HoloLens 2 e baixe o aplicativo da Microsoft Store, ou clone o repositório do GitHub e crie o aplicativo você mesmo!

Sobre a equipa

Imagem de Jack Caron Jack Caron
Designer de Jogo Líder
Jack atualmente trabalha em experiências de Realidade Mista para a Microsoft, incluindo projetos HoloLens 2, e anteriormente foi designer na equipe da plataforma HoloLens.
Imagem de Summer Wu Verão Wu
Produtor
Summer trabalha na plataforma de desenvolvedores de realidade mista e lidera os esforços relacionados à Unreal Engine da equipe.

Um agradecimento especial aos nossos amigos da Framestore por nos ajudarem a dar vida à Kippy's Escape. Do desenvolvimento de personagens, ao design de ativos, à programação de jogos, a sua colaboração neste projeto foi fundamental.