Dev Blog - UI

Sexta-Feira, Abril 2, 2021

Dev Blog - User Interface

Desde o início do projeto, sempre tivemos como propósito fazer algo inovador no mundo dos games com gráficos isométricos. A nossa interface do usuário (UI) não é diferente. Queríamos algo completamente diferente do que se tem hoje em dia em jogos indie.  

Com as nossas principais referências sendo New World e Ghost of Tsushima tivemos o desafio de criar uma interface fullscreen. Estudamos esses dois jogos, que são extremamente modernos, para entender porque estão sendo feitos dessa maneira, de que modo podemos aplicá-lo e como isso funcionaria num jogo como Ravendawn.

O primeiro questionamento foi como traríamos isso para um jogo PvP sem prejudicar a jogabilidade de quem pode ser atacado em qualquer segundo de distração. Por isso, nossa interface tem 40% de transparência. Dessa forma é possível acompanhar o que está acontecendo no jogo, sem deixar de visualizar as opções. Outro ponto que gostaríamos de ressaltar é o espaço de tela que o jogador tem, podendo acompanhar tudo que está acontecendo enquanto acessa o menu.

Estamos trabalhando com um menu superior, a chamada barra de navegação, divida entre os principais tópicos do jogo: Character, Professions, Tradepacks, Ravencards, World Map, Social, Misc e Settings. Dentro de cada categoria temos o menu lateral, ou submenus com o conteúdo relativo a cada opção.  

Veja como funciona esse sistema nesse ScreenShot da UI do inventário.  

 

Também é importante ressaltar que trabalhamos com ícones de resolução 64x64. Dessa forma, buscamos melhorar a qualidade gráfica e a experiência do jogador na imersão dentro de Ravendawn. 

Aqui alguns ícones presentes na sua bag: 

 

Aqui você pode ver o nosso menu de Profissões: 

O círculo em volta do ícone, vai preenchendo de acordo com o progresso do nível de cada profissão.  

Lembramos que a interface ainda está em testes, então algumas coisas mudarão como o espaçamento entre os textos, disposição de ícones, etc.