Monthly Archives: November 2013

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

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