2 de junho de 2017

Insights do desenvolvedor: um olhar sobre as telas de carregamento de Pokémon GO

Treinadores,

Queremos mostrar a vocês um pouquinho de certas facetas do desenvolvimento de Pokémon GO. Para essa publicação, pensamos que seria divertido mergulhar nos trabalhos internos do que é necessário para criar uma tela de carregamento para Pokémon GO.

Vimos que as telas de carregamento de Pokémon GO e seus lembretes gentis sobre prestar atenção à sua volta – de maneira divertida e inteligente – têm recebido muita atenção da comunidade. Normalmente, a maioria das conversas envolvendo uma tela de carregamento gira em torno da expectativa que os jogadores criam antes de começar a jogar, porém, em grande parte, graças a Mieke Hutchins – nossa artista e estrela na Niantic –, especialistas em marca e design na Pokémon Company e o restante da equipe de design na Niantic, nem sempre esse foi o caso com Pokémon GO. De artes fantásticas feitas por fãs a pedidos de versões em alta resolução de papeis de parede de cada uma das telas de carregamento, frequentemente vemos jogadores compartilhando seu amor pelas telas de carregamento de Pokémon GO. Tendo visto opiniões tão incríveis sobre essas ilustrações em vários canais de mídias sociais, queríamos oferecer a vocês uma visão interna sobre o trabalho dedicado à criação de uma nova tela de carregamento, com a ajuda da própria Mieke.


Mieke Hutchins:

Ao projetar uma tela de carregamento, a equipe começa conversando sobre qual será a base para o Pokémon mais adequado a ser destacado, próximo aos eventos e aos últimos lançamentos de produtos. No caso da tela de carregamento do Steelix, sabíamos que queríamos celebrar a recente introdução em Pokémon GO dos Pokémon originários da região de Johto. Queríamos criar uma referência à tela de carregamento original de Gyarados usando um Pokémon épico da região de Johto, com forma e tamanho similares, e o Steelix foi a melhor opção. Após escolher o Pokémon mais adequado para destacarmos, era hora de começar a esboçar os conceitos! Passamos algum tempo olhando referências em vários livros de arte, online e na natureza, para chegarmos a composições e iluminação convincentes, além de esquemas de cores interessantes. Após realizarmos algumas pesquisas, criamos um rascunho simples em miniatura (mostrado abaixo) para conversar sobre a ideia geral e composição aproximada com a equipe. O plano nessa etapa era ter uma sólida percepção do que por fim seria a aparência da ilustração.

Pokemon GO Steelix Thumbnail

Depois de criado o esboço e de todos estarem confortáveis com o direcionamento geral, colocamos os modelos do próprio jogo dentro das molduras para estabelecer a escala e manter a fidelidade à aparência precisa do Pokémon. Também queríamos tentar travar o posicionamento da câmera, bem como iniciar o contraste de cores. O esquema de cores que escolhemos precisava ser visto na tela de um telefone, em todos os tipos de cenários de luz, incluindo o brilho da luz do sol. Isso pode às vezes ser um desafio porque Pokémon GO é jogado em movimento. Escolhemos um esquema complementar de cores por esse motivo e para aumentar o contraste e a tensão na tela, por isso, começamos com tons de azul e laranja. Nesse ponto do processo, realmente começamos a ter uma boa percepção da aparência visual da tela de carregamento.

Pokemon GO Steelix Wireframe
Pokemon GO Steelix Sketch 1
Pokemon GO Steelix Sketch 2

Depois de definirmos a iluminação, composição e atmosfera ideais da ilustração, nós a testamos mais uma vez no telefone e trabalhamos com os especialistas de marca e design para adicionar quaisquer toques finais à tela. E voilà – nossa tela de carregamento do Steelix estava prontinha! Depois, trabalhamos com a nossa equipe de engenheiros para implementá-la no produto final para que vocês a vissem da próxima vez que fizessem login.

Pokemon GO Steelix Final

Esperamos de verdade que vocês gostem de conferir as telas de carregamento tanto quanto gostamos de criá-las. Fiquem ligados para ver o que vem a seguir!


Para visualizar e baixar todas as telas de carregamento de Pokémon GO em alta resolução, clique nas imagens abaixo.

Pokemon GO Halloween 2016 Loading Screen
Pokemon GO Holiday Loading Screen
Pokemon GO New Years Loading Screen
Pokemon GO Spring Loading Screen
Pokemon GO Raids Loading Screen
Pokemon GO Halloween 2017 Loading Screen
Pokemon GO Holiday 2017 Loading Screen
Pokemon GO New Years 2017 Loading Screen

Tem um Pokémon favorito que gostaria de ver destacado na próxima tela de carregamento? Usando #PokemonGo em seus canais favoritos de mídia social, conte-nos quem vocês gostariam de ver aparecer na próxima tela de carregamento e levaremos em consideração a sua sugestão!


—A equipe do Pokémon GO