App inventor
App inventor
Embedded Files
Vamos desenvolver jogos, fácil e sem complicação
Entre no APP Inventor clique em "Crie", faça seu login para começarmos a desenvolver o jogo
vamos fazer um jogo da memória
vamos fazer um jogo da memória
Identificação dos países
Objetivo: Ensinar jogadores a identificar países através de suas bandeiras e mapas.
1º Vamos selecionar as imagens
salve uma imagem escrito jogo da memória
salve uma imagem escrito jogo da memória
Dica: abra algum app e escreva jogo da memória e salve como PNG.
Depois escolha 8 fotos de algum tema
Depois escolha 8 fotos de algum tema
No meu caso serão animais.
ABRA O APP INVENTOR
Crie um novo projeto ,e escolha o nome (Dica: Jogo da memoria)
mudar a cor do plano de fundo
mudar a cor do plano de fundo
Selecione a cor preto
Vamos adicionar imageNS
Vamos adicionar imageNS
Clique e segure na “Imagem” e arraste para dentro do celular
Colocar a imagem dentro do app inventor
Colocar a imagem dentro do app inventor
No quanto direito clique em imagem1 e em seguida em imagem e selecione enviar ficheiro
Clique em escolher arquivo
Clique em escolher arquivo
Selecione a foto do jogo da memoria
escolher a foto escrita jogo da memoria
escolher a foto escrita jogo da memoria
Logo após, devemos ajustar o tamanho.
vamos em organização no lado esquerdo
vamos em organização no lado esquerdo
Selecione Organização Horizontal, clique e arraste para dentro do celular.
Vá no quanto direito em altura
Vá no quanto direito em altura
Vamos mudar a altura para 5 porcentagem
Coloque uma organização em tabela
Coloque uma organização em tabela
Clique e arraste para dentro do celular
colocar 4 linhas e 4 colunas
colocar 4 linhas e 4 colunas
No quanto direito em linha e coluna
Dentro da tabela colocar 4 botoes um do lado do outro
Dentro da tabela colocar 4 botoes um do lado do outro
(Dica: aumente o tamanho do celular para ficar melhor para visualizar)
continue fazendo isso do jeito que fique 4 por 4
continue fazendo isso do jeito que fique 4 por 4
4 botão por linha em 4 linhas
coloque mais um organização horizontal em baixo
coloque mais um organização horizontal em baixo
coloque uma legenda a baixo do ultimo organização horizontal
coloque uma legenda a baixo do ultimo organização horizontal
Mude a cor da fonte para branco e o tamanho da fonte para 36
Mude a cor da fonte para branco e o tamanho da fonte para 36
tamanho da fonte para 36
tamanho da fonte para 36
No texto digite 0
No texto digite 0
Agora clique em screen1
Agora clique em screen1
E vá em alinhamento horizontal e selecione centro
Coloque mais um organização horizontal
Coloque mais um organização horizontal
Coloque mais um botao abaixo
Coloque mais um botao abaixo
Agora coloque a altura em 20 percentual
Agora coloque a altura em 20 percentual
Em largura, mude para preenchimento automático e escreva jogue novamente em texto, mude a cor de fundo, escolha uma cor de sua preferencia e mude o tamanho da fonte.
Vamos adicionar os arquivos
Vamos adicionar os arquivos
Clique em enviar arquivo depois em escolher arquivo
agora adicione os ÍCONES que você escolheu
agora adicione os ÍCONES que você escolheu
No meu caso os animais
Proximo passo va em sensores
Proximo passo va em sensores
Clique e arraste temporizador para dentro do celular, repita o processo, e é normal os temporizadores vão para baixo.
Agora vamos fazer a parte de programação
Agora vamos fazer a parte de programação
Vá na porta direita em cima e clique em blocos
Agora vou criar variaveis
Agora vou criar variaveis
Clique em variáveis depois clique em inicializar global é a primeira opção
Copie e cole 12 vezes
Copie e cole 12 vezes
Precisamos de 12 variáveis
Vamos mudar os nomes
Vamos mudar os nomes
Basta clicar e escrever os seguintes nomes a seguir
nomes das variaveis
nomes das variaveis
Clique em lógica
Clique em lógica
Clique em falso e conecte no primeiro
Clique em matemática
Clique em matemática
Clique no valor 0 e conecte no index1 e index2
Conecte o falso
Conecte o falso
Mais duas vezes no click2 e click2 e conect valor 0 no matchNr
Vá em texto
Vá em texto
Clique na primeira opção, e conecte no clickName1 e clickName2
clique em lista
clique em lista
E crie lista vazia e coloque em todos os demais
Clique em screen1
Clique em screen1
Selecione a opção quando screen1 inicializar
clique em procedimentos
clique em procedimentos
Selecione para procedimento fazer
Mude o nome para "noVOJOGO"
Mude o nome para "noVOJOGO"
Abra procedimentos
Abra procedimentos
Selecione chamar novojogo e coloque dentro do quando screen1 inicializar
Va em botão17
Va em botão17
Clique depois selecione quando botao17 clique fazer, primeira opção
copie e cole chamar novojogo
copie e cole chamar novojogo
Coloque dentro do quando botao17
Vá em variáveis
Vá em variáveis
selecione ajustar e coloque dentro do para jogonovo e selecione global matchNR
vá em matematica
vá em matematica
Seleciona o 0 e encaixa no final de ajustar
Vá em legenda1
Vá em legenda1
Clique em ajustar legenda1 . altura para
coloque embaixo do outro ajustar
coloque embaixo do outro ajustar
depois mudamos a altura por texto
depois mudamos a altura por texto
vá em texto
vá em texto
Selecione a primeira opção e encaixe no final como mostra a seguir
clique em botao17
clique em botao17
selecione ajusta botao17 () para
mude para visível
mude para visível
vá em lógica
vá em lógica
Selecione falso e conecte no final de visível
Vá em procedimento
Vá em procedimento
Selecione o primeiro
Mude o nome para reset
Mude o nome para reset
repita o processo novamente
repita o processo novamente
E mude o texto para creatDefaultImageList
repita o processo novamente
repita o processo novamente
E mude o texto para createButtonList
vá em procedimentos
vá em procedimentos
Selecione chamar reset e chamar creatDefaultImagemList e chamar createButtonList
coloque desta forma acima
coloque desta forma acima
Vá em controle
Vá em controle
Selecione para cada elemento lista fazer
coloque igual está acima
coloque igual está acima
vá em variáveis
vá em variáveis
Selecione obter
selecione global buttonList
selecione global buttonList
vá em qualquer componente
vá em qualquer componente
clique no + depois clique em qualquer botão e selecione ajustar botão do componente
Mude para texto
Mude para texto
vá em variável
vá em variável
Selecione obter
encaixe em frente do componente
encaixe em frente do componente
Selecione elemento
vá em texto
vá em texto
Selecione a primeira opção e encaixe
vá no canto direito superior e volte para design
vá no canto direito superior e volte para design
Vamos adicionar mais uma imagem no caso um quadrado colorido , como esse acima
clique em enviar ficheiro
clique em enviar ficheiro
Depois em escolher arquivo e selecione a foto do quadrado
volte para blocos
volte para blocos
E insira card_quadrado
repita o mesmo processo
repita o mesmo processo
Selecione largura
vá no lado esquerdo em matemática
vá no lado esquerdo em matemática
Selecione o ícone de divisão /
vá em screen
vá em screen
Selecione a opção que está no final da foto a seguir
conecte no bloco de divisão
conecte no bloco de divisão
Mude o cor de fundo para largura como mostro a seguir
vá em matemática
vá em matemática
Selecione o número 0 e conecte na divisão
mude o 0 para 4
mude o 0 para 4
repita o mesmo processo
repita o mesmo processo
Copie e cole e mude largura por altura
repita novamente
repita novamente
Mude altura por ativado
vá em lógica
vá em lógica
Selecione verdadeiro e conecte lá em baixo
Page updated
Report abuse