Académique Documents
Professionnel Documents
Culture Documents
Aprenda a programar
ACESSE NOSSO NOVO SITE
Tutoriais >
Sobre o tutorial
Nesse tutorial vamos criar o jogo Pegue o Android. Nesse jogo ao apertar o robô Android o jogador ganha pontos e
passa de fases.
Vamos programar duas telas. A primeira tela é a tela inicial com um botão para começar o jogo e na segunda tela o
robô Android ca se movimentando aleatoriamente e quando o jogador acerta o robô ganha pontos. Observe as telas
abaixo
1. Acesse o site: http://appinventor.mit.edu/explore/
2. Clique em "Create apps" (canto superior direito da tela)
3. Faça login com seu Gmail ou crie sua conta no gmail
4. Leia os termos de uso
5. Mude para Português - no canto superior direito da tela
6. Clique em "Iniciar novo projeto" e de na um nome para seu jogo
Programando Tela 1
Na primeira tela teremos 2 elementos: uma imagem e um botão para iniciar o jogo
1. Use a Paleta -> Interface de Usuário para colocar uma imagem e um botão na tela do aplicativo Traduzir
https://sites.google.com/site/projetoaprendaprogramar/tutoriaislinks/pegueandroid 1/4
03/02/2019 Tutorial: Jogo Pegue o Android - Aprenda a programar
Programando Tela 2
Na segunda tela precisamos programar o movimento do robô Android, atualizar os pontos quando o jogador acertar o
robô e atualizar a fase quando o jogador zer vários pontos.
1. Use a Paleta -> Desenho e Animação e selecione Pintura que será o local na tela aonde cará a imagem do jogo
2. Con gure o tamanho da pintura para altura de 80% e largura de 100% pois na tela deve ter também outras
informações
3. Use a Paleta -> Desenho e Animação e selecione SpriteImagem. Coloque dentro da Pintura. Essa será a imagem
do jogo que o usuário deve apertar. Associe a imagem do Android a esse elemento e coloque o tamanho de 100
pontos de altura e largura
4. Vamos colocar o texto para informar os pontos e as fases.
1. Use a Paleta -> Interface de Usuário e selecione Legenda. Na aba Componente clique em Renomear e
coloque "pontos"
2. Adicione outra Legenda e renomeie para "fase"
5. Use a Paleta -> Sensores e selecione Temporizador. Coloque o intervalo para 500 milissegundos
6. Na aba blocos comece criando duas variáveis globais. Elas serão utilizadas para saber qual a fase estamos e qual
a pontuação.
1. Selecione Internos -> Variáveis e escolha a opção para criar as variáveis. Dê um nome
2. Selecione Internos -> Matemática e coloque um valor para cada variável
7. Faça a gura variar de posição. Crie um procedimento (função) que cará responsável por alterar a posição do
eixo X e do eixo Y.
1. Selecione Internos -> Procedimentos e mude o nome para criar o procedimento
2. Selecione ImageSprite1 e selecione para ajustar imagem
3. Como a posição deve alterar de forma aleatória, selecione Matemática -> Fração aleatória
4. A nova posição será dada pela multiplicação da fração aleatória pela diferença do tamanho da tela pelo
tamanho da imagem e deve ser calculada para o eixo X e Y
https://sites.google.com/site/projetoaprendaprogramar/tutoriaislinks/pegueandroid 2/4
03/02/2019 Tutorial: Jogo Pegue o Android - Aprenda a programar
9. Faça os pontos mudarem. Crie um procedimento (função) que cará responsável por alterar o valor dos Pontos e
modi car o texto da tela indicando os pontos corretamente
10. Faça a fase mudar. Crie um procedimento (função) que cará responsável por veri car se passou de fase. E se a
pontuação foi atingida, então vamos diminuir a imagem para di cultar o nível do jogo e alterar o texto contendo
a fase.
11. Quando clicar na imagem do Android, faça alterar os pontos e veri car a mudança de fase.
Melhorando o jogo
https://sites.google.com/site/projetoaprendaprogramar/tutoriaislinks/pegueandroid 3/4
03/02/2019 Tutorial: Jogo Pegue o Android - Aprenda a programar
Para instalar a versão nal do seu aplicativo no seu smartphone ou tablet Android:
1. No site do MIT App Inventor, no menu superior clique em Compilar -> App (Fornecer QR Code para .apk)
2. Use o aplicativo MIT AI2 COMPANION para ler o QR code ou digite o código gerado
3. Prosseguir a instalação
Sua opinião é muito importante! Por favor, responda o questionário sobre a atividade, é bem rapidinho: clique aqui
Esse tutorial foi criado pela equipe do Projeto Aprenda a Programar Jogando.
Fazer login | Atividade recente no site | Denunciar abuso | Imprimir página | Tecnologia Google Sites
https://sites.google.com/site/projetoaprendaprogramar/tutoriaislinks/pegueandroid 4/4