O HTML5 e o termo "plataforma cruzada" são palavras de efeito e por boas razões. A tecnologia funciona para smartphones, tablets, laptops e desktops. As agências adoram o conceito, porque qualquer web designer que saiba HTML entenderá o HTML5. O que isso significa para você , o web designer?

  • Mais projetos envolvendo HTML5
  • Mais projetos em torno da interatividade
  • Criando experiências para o usuário final interagir com

No coração dessa experiência interativa, estão os jogos casuais. Neste artigo, mostrarei como você pode obter uma experiência de design de jogos cobiçada. O objetivo? Tenha "design de jogos HTML5" em seu currículo.

Eu jogo jogos, mas…

É uma falácia comum entre os web designers que projetar jogos é uma habilidade especializada. Você não precisa frequentar a escola de design de jogos para projetar jogos. Qualquer um pode criar jogos. Primeiro, vamos dividir isso em partes. Construir um jogo requer 3 etapas principais:

  1. desenhando o jogo;
  2. produzindo os recursos visuais e de áudio;
  3. programar o jogo.

Como um web designer, a maneira mais fácil de ganhar experiência é através do design do jogo em si. Para os pontos 2 e 3, uma agência normalmente já designou artistas e programadores para o trabalho. Se você é bom em arte, 2 é altamente atingível. Para os propósitos deste artigo, vamos discutir o passo 1. Onde nós começamos? Aqui estão 10 passos que todo designer de jogos precisa passar para ganhar suas fichas.

1) Jogue muitos jogos casuais

Tem um telefone iPhone ou Android? Vá para a App Store, vá para a melhor tabela de jogos grátis. Faça o download e jogue todos os jogos na lista dos 20 melhores. Faça isso pelo menos uma vez a cada duas semanas.

Enquanto estiver jogando, esteja consciente de como cada jogo é projetado. Quais técnicas e mecânicas de animação ele está usando? Os personagens se destacaram para você? Ele tinha um enredo? O que o jogo fez você se sentir? Depois de 20 a 30 jogos, você começará a identificar padrões.

image2

Você notará que alguns jogos, no núcleo, são realmente a mesma coisa. Por exemplo: Clash of Clans, Boom Beach e Hay Day são sobre construir, defender e atacar.

Você notará que jogos simples, como o Flappy Bird ou o Swing Copters, se concentram em desafios realmente difíceis, que podem ser repetidos infinitas vezes.

Você notará que alguns jogos se concentram em narrativas convincentes com personagens cuidadosamente desenhados.

Você também notará alguns jogos indie estranhos, que são simplesmente aleatórios, mas muito divertidos!

2) Faça esboços ... muitos deles

Faça esboços das coisas que você gosta nos jogos que você jogou. Caracteres de esboço, mapas, menus e interfaces de usuário. Houve algum personagem que você gostou? Houve um certo ângulo do jogo que te excitou?

Aqui está um personagem chamado 'Matt'. Ele é um cara de escritório entediado, colado à sua cadeira:

image3

3) Faça diagramas de fluxo

Os diagramas de fluxo descrevem o processo passo a passo do jogo. Eles descrevem o ponto em que o usuário inicia o jogo até todos os eventos importantes, como vitória ou perda. Comece com diagramas simples como este:

image4

À medida que você ganha mais confiança, repita seu fluxo simples para gerar fluxos mais complexos.

4) Escreva um documento de design do jogo

Usando o que você aprendeu nas Etapas 1–3, projete e escreva um documento simplificado de design de jogos (GDD). Um GDD basicamente diz ao leitor do que trata o jogo.

Exemplo rápido: Vamos pegar nosso personagem chamado “Matt” no passo 2, e vamos dizer que ele está preso em um trabalho de escritório chato. Ele quer fugir. O problema é que ele só pode fazê-lo de sua cadeira rolante. Nós produzimos um esboço da tela do jogo. Ele mostra um labirinto de mesas de escritório conspirando para bloquear a fuga de Matt.

image5

Como exemplo, tornamos o objetivo do jogo simples. Navegue pelo labirinto do escritório para escapar dele.

image6

É isso, para um GDD muito básico. Aqui está o fluxograma completo, para o nosso jogo, Escape The Office .

image7

5) Treine sua mentalidade multi-plataforma

Com os jogos HTML5, muito se resume a ser capaz de rodar o jogo em diferentes tamanhos de tela, de forma eficiente. Aqui está um resumo dos diferentes dispositivos que temos no mercado: iPhone, iPad, iPod Touch, Samsung Galaxy Note3, Samsung Galaxy Tablet, Google Nexus, LG, Xiaomi, Windows Phone, Windows Laptop, Mac, a lista continua… Ridículo ? No entanto, isso é o que as grandes empresas fazem. Como um designer independente, como você cria um jogo que se encaixa em diferentes tamanhos de tela?

  1. Corrigir a orientação do jogo. Projete seu jogo de tal forma que ele funcione apenas no modo retrato ou no modo paisagem.
  2. Encontre a resolução de jogo mais comum que funciona para a maioria dos dispositivos. Mantenha a proporção. Em seguida, aumente ou diminua a escala, dependendo da resolução do dispositivo. Encontramos razões de aspecto de 3: 4 (retrato), ou 4: 3 (paisagem) mais populares e eficientes.
  3. Design leve, jogos casuais. Não vá para o volumoso jogo 3D MMO. Em vez disso, vá para experiências casuais divertidas e leves. O jogo poderia ser tão simples quanto golpear moles, ou pular plataformas. Qualquer coisa sob o céu é um jogo justo (sem trocadilhos).
  4. Sempre desenhe trabalhos de arte de alta resolução. Pelo menos 2048px de largura como linha de base. É mais fácil reduzir o tamanho do que aumentar.

6) Comece a jogar

Pergunte à sua empresa (ou clientes) se eles estão interessados ​​em qualquer projeto relacionado ao jogo. Mostre-lhes seus desenhos. Coloque seu coração para fora. Caminhe através do GDD.

Sua primeira ideia do jogo não será como o Shark Tank, tenha certeza! Provavelmente, eles alocarão um pequeno orçamento para o jogo. Se não houver orçamento, continue fazendo projetos melhores e entrando em contato com outras empresas. Se você tiver os recursos, financie seus próprios projetos de jogos a um preço baixo.

7) Encontre um programador

Depois de ter um orçamento, comece a procurar por programadores especializados em desenvolvimento de jogos. Mostre a eles seus projetos, compartilhe o orçamento e conte a eles a visão. A maioria dos desenvolvedores de jogos é muito útil. O que você precisa é de um programador bem versado em jogos HTML5. Essa pessoa precisa saber como codificar algo que se adapte bem a todos os tipos de fatores de forma. Discuta a “mentalidade de plataforma cruzada” com o programador.

8) Moer

O desenvolvimento do jogo em si levará semanas, se não meses, inicialmente. Haverá suor e lágrimas de sangue, mas tudo valerá a experiência. É muito importante manter o escopo do design do seu jogo muito, muito pequeno, pelo menos para o seu primeiro projeto.

9) Conclua o projeto

A palavra chave aqui é “terminar” o projeto. Muitas vezes, como designers, queremos um jogo perfeito. Zero bugs Arte do jogo lindamente concebida, com regras ideais. Jogue essa mentalidade pela janela. Vá para "bom o suficiente". Solte o jogo na selva. Nada diz isso como um jogo que é ao vivo, nas mãos dos usuários. Você sempre pode aperfeiçoar o jogo após o lançamento. Feito é melhor que perfeito.

10) Medir feedback

Verifique as respostas dos usuários ao seu jogo. Use ferramentas gratuitas, como o Google Analytics, para rastrear as visualizações, os jogos e os eventos do seu jogo.

image8

Se você está projetando jogos para ganhar a atenção da mídia social, analise os likes do Facebook, os Tweets e os Likes do Instagram. Estude como os usuários reagiram ao seu jogo.