Runner alternativo

A funcionalidade mais básica de um runner é o pulo. Geralmente se usa uma tecla do teclado, joystick, botão no dispositivo mobile, etc como entrada de dados. Nesse experimento, faremos um runner com uma entrada de dados diferente. Utilizaremos uma webcam para capturar o movimento do jogador.

Como acontece?

1. Primeiro, captura-se apenas a imagem do ambiente; Essa imagem será salva pelo programa.

Veja como na imagem de exemplo:

background

2.  Depois disso, o usuário vai pra frente da câmera para que o programa possa “ler” e gravar o posicionamento do jogador.

Como na imagem:

personagem+background

3. Agora o programa vai precisar subtrair a primeira imagem da segunda para que fique apenas o jogador.

O resultado esperado é mais ou menos assim:

personagem

4. Porém, a lente da webcam ainda deixa alguns ruídos na imagem, ela pode ficar aproximada do exemplo a seguir:

personagem+ruido

5. Para resolver esse problema, aplica-se o efeito de blur para suavizar os ruidos. Como na imagem que segue:

personagem+ruido

6. Agora para não termos a interferência do blur, aplica-se uma máscara.

personagem+mascara

7. A máscara não será utilizada diretamente, retira-se a região da máscara e usa-se apenas o personagem sem nenhuma interferência (ou o mais aproximado disso).

personagem

8. O próximo passo será determinar o ponto mais alto do personagem. Este será o limite na altura.

personagem+range

9.Caso o usuário pule (literalmente), ele passará dessa altura e assim o software vai entender que o ponto passou do limite e assim teremos a nossa entrada de dados para o pulo.personagemPulando

 

 

___________________________________________________________________________

Fontes das imagens:

http://www.acumen-design.de/temp/knuffie_game_background1.jpg

http://images.uncyc.org/pt/f/fd/Boneco-palito.jpg

Advertisements

Segundo experimento

A imagem seguinte foi feita a partir da Rotoscopia, porém tentando incorporar aspectos de desenho manual, como a espontaneidade do gesto e o não uso de recortes (cada imagem redesenhada quadro a quadro, sem repetições). Apesar da Rotoscopia, houve momentos em que o movimento foi intensificado para tornar-se mais dinâmico.

Clique na imagem para visualizar o gif:

corridaAnimada

Experimentos

Hoje estudamos um pouco sobre minimalismo aplicados em personagens de jogos e em posters de filmes, vejam as referências:

E fizemos um experimento em animação simulando a animação do personagem do jogo Valentin.
É um jogo runner, por isso, resolvemos usar a principal animação do jogo: a animação de corrida.
Como foi feito?
Filmamos  Vinicius, um membro da nossa equipe, depois retiramos alguns frames específicos do vídeo, apenas os necessários para a leitura do movimento.
Utilizamos a técnica de rotoscopia. Tratamos os frames no Photoshop e aplicamos uma combinação de dois filtros. A intenção é deixar a animação minimalista.
Veja o resultado:
vini-runner
No próximo post faremos um experimento com a animação de pulo, aplicaremos outra técnica.
Até lá 😉

Diferentes soluções para o mesmo problema

Um outra solução seria, utilizar a tecnologia do leap-motion, que é semelhante ao kinect, porém de mais fácil acesso.

Para que os jogadores possam utilizar gestos do corpo para executar os comandos do jogo.

Isso também mostraria que é possível desenvolver esse tipo de interação para jogos ou apresentações para investidores interessados em novas tecnologias.

Público-alvo

-Para quem?

Usuários do facebook

-Qual a faixa-etária estimada?

Jogadores entre 15 e 30 anos

-O jogo é para empresas ou para jogadores?

O jogo é focado nos jogadores, para que eles possam jogar, conhecer o estilo da empresa, curtir a página da empresa, compartilhar o jogo com amigos e assim,   no futuro, eles possam pagar para jogar novos jogos que a empresa desenvolver

 

Briefing

Projeto em parceria com a Valente Studio.

 

-Qual é o problema?

Encontrar uma forma de divulgação da empresa que consiga atingir o público alvo.

-Qual tipo de solução?

Advergame, que mostre o potencial da empresa e divulgue a marca.

-Como a solução será implementada?

Utilizando ferramentas de desenvolvimento de jogos, Unity 3D, Photoshop, Blender

-Por que o cliente crê que essa solução de design é necessária?

Para mostrar ao público local e nacional, que a empresa existe e tem potencial.

-Onde a solução será usada?

O jogo será disponibilizado inicialmente no facebook e futuramente em smartphones nas plataformas IOS e Android.

 

Novo trabalho – Advergame

Os próximos posts serão relacionados ao próximo trabalho da disciplina.

Neste novo trabalho falaremos sobre um advergame criado pela empresa Valente Studio, com a participação de dois estudantes dessa equipe, eu, Caroline Sampaio e Vinicius Mota.

A ideia seria criar um jogo, mas como tivemos a oportunidade de trabalhar na produção de um, faremos apenas a documentação e o refinamento.

Utilizaremos a técnica de Design Thinking.

 

 

O próximo post será sobre briefing 😉

Demonstração da nova jogabilidade

Fizemos esse post para apresentar o novo recurso na jogabilidade do Porque eu Quis.

Agora você poderá escolher jogar com teclado e mouse ou com seu joystick.

Esse vídeo mostra a jogabilidade com o joystick.

Dentro do jogo:

Para movimentação use o analógico esquerdo, para a mira use o analógico direito, atire balas de borracha com o gatilho direito e jogue bombas de gás com o gatilho esquerdo.

Na interface:

Movimente-se com o analógico esquerdo e confirme a opção desejada com A ou o Start.

Veja o vídeo:

 

 

Enjoy 😉

Jogo Porque Eu Quis – versão final

Na versão final do jogo Porque Eu Quis, implementamos algumas coisas a mais. Tentamos trazer um tipo de inovação em um jogo clássico, como é esse estilo de jogo, os shooters.

Com isso, adicionamos a interação com o jogo também via joystick. Você poderá mirar e movimentar seu personagem com os botões analógicos do controle. Poderá também atirar usando o gatilho direito (RT), o que trás maior imersão ao jogo. O personagem também ganhou a funcionalidade de usar bombas de gás para parar os manifestantes, usando o gatilho esquerdo (LT).

Para aumentar o impacto do protesto , a cada manifestante atingido é mostrada uma imagem de um manifestante real que foi atingido em alguma das manifestações acontecidas no Brasil. Caso você consiga “sobreviver” por muito tempo, verá alguns cartazes com mensagens de impacto. Ao final do jogo, um apelo.

 

Agora, aproveite o jogo:

https://dl.dropboxusercontent.com/u/22052522/Unity/ShooterWeb/Shooter/Shooter.html

 

Esperamos que gostem e nos apoiem.

😉

Como emular o teclado em um joystick

Seguindo a ideia do post passado, escolhemos  a opção de utilizar o joystick no jogo Porque Eu quis, mas isso será apronfundado nos próximos posts.

Enquanto o jogo não fica pronto, fizemos uma experiência de como emular um teclado em um joystick.

Usamos como exemplo o jogo Castaway 2 e o programa JoytoKey.

Veja o vídeo:

Links:

http://armorgames.com/play/11261/castaway-2

http://joytokey.net/en

Créditos:

Música:

http://www.youtube.com/watch?v=vxIOUJ7by6U&list=RD02sf6LD2B_kDQ