EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário...
-
Upload
phungkhanh -
Category
Documents
-
view
216 -
download
0
Transcript of EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário...
![Page 1: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/1.jpg)
EXPLORANDO OEXPLORANDO OEXPLORANDO OEXPLORANDO OEXPLORANDO OEXPLORANDO OEXPLORANDO OEXPLORANDO O
![Page 2: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/2.jpg)
O que é o SCRATCH?O que é o SCRATCH?O que é o SCRATCH?O que é o SCRATCH?O que é o SCRATCH?O que é o SCRATCH?O que é o SCRATCH?O que é o SCRATCH?
O software Scratch é um ambiente para a criação de jogos, histórias e animações, usando raciocínio lógico. A partir desta ferramenta é possível exercitar conceitos de lógica de programação, além de conteúdos tradicionais, como matemática, português, etc.
![Page 3: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/3.jpg)
Ambiente de programaçãoAmbiente de programaçãoAmbiente de programaçãoAmbiente de programaçãoAmbiente de programaçãoAmbiente de programaçãoAmbiente de programaçãoAmbiente de programação
![Page 4: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/4.jpg)
Barra de MenuBarra de MenuBarra de MenuBarra de MenuBarra de MenuBarra de MenuBarra de MenuBarra de Menu
Aqui serão econtradas funções como:Salvar, Salvar Como, Sair, Desfazer, Compartilhar o projeto, Ajuda ....
Funções relativas aos Sprites:Duplicar, Apagar,Ampliar, Diminuir.
Funções relativas ao tamanho do Cenário (Pequeno, Médio, Tela Cheia).
![Page 5: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/5.jpg)
O CenárioO CenárioO CenárioO CenárioO CenárioO CenárioO CenárioO Cenário
Cenário é onde os Sprites serão mostrados, e onde irão interagir.
![Page 6: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/6.jpg)
O CenárioO CenárioO CenárioO CenárioO CenárioO CenárioO CenárioO Cenário
O cenário tem 480 unidades de largura e 360 unidades de altura e esta dividido numa grelha x-y. O centro do cenário tem as coordenadas (0,0), como mostra a figura a seguir.
Para descobrir a posição x-y no cenário basta mover o mouse para o posição desejada. No canto inferior direito serão mostradas as coordenadas do cursor. Ex:
![Page 7: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/7.jpg)
Armazém de InstruçõesArmazém de InstruçõesArmazém de InstruçõesArmazém de InstruçõesArmazém de InstruçõesArmazém de InstruçõesArmazém de InstruçõesArmazém de Instruções
O armazém de instruções é usado para separar os blocos de instruções de acordo com a sua funcionalidade.
![Page 8: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/8.jpg)
InstruçõesInstruçõesInstruçõesInstruçõesInstruçõesInstruçõesInstruçõesInstruções
Após selecionar um bloco de instruções no armazém de instruções aparecerão várias instruções que poderão ser usadas para controlar os Sprites.
![Page 9: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/9.jpg)
Área de InstruçõesÁrea de InstruçõesÁrea de InstruçõesÁrea de InstruçõesÁrea de InstruçõesÁrea de InstruçõesÁrea de InstruçõesÁrea de Instruções
A área de Instruções é onde ficará o conjunto de instruções relativo a cada Sprite.
Clicando duas vezes em um Sprite é possivel visualizar todas as suas instruções.
![Page 10: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/10.jpg)
Os SpritesOs SpritesOs SpritesOs SpritesOs SpritesOs SpritesOs SpritesOs Sprites
Na computação grafica um sprite é uma imagem de duas dimensões.
Uma animação de um jogo em duas dimensões, por exemplo, é representada por uma seqüência de sprites sendo exibidos em sucessão.
![Page 11: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/11.jpg)
Sprites no ScratchSprites no ScratchSprites no ScratchSprites no ScratchSprites no ScratchSprites no ScratchSprites no ScratchSprites no Scratch
No Scratch os Sprites serão mostrados logo abaixo do cenário, lá será possivel seleciona-los, e ver as instruções relativas a cada um.
Desenhar umnovo Sprite
Importar o Spritede um arquivo
Adicionar um Spriteselecionado aleatóriamente
![Page 12: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/12.jpg)
Criando um SpriteCriando um SpriteCriando um SpriteCriando um SpriteCriando um SpriteCriando um SpriteCriando um SpriteCriando um Sprite
Quando você clicar em "pintar novo objeto" um editor de pintura, como o mostrado abaixo, será aberto. Lá você poderá desenhar livremente o seu novo Sprite.
![Page 13: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/13.jpg)
Importar o Sprite de um arquivoImportar o Sprite de um arquivoImportar o Sprite de um arquivoImportar o Sprite de um arquivoImportar o Sprite de um arquivoImportar o Sprite de um arquivoImportar o Sprite de um arquivoImportar o Sprite de um arquivo
Quando você clicar em "escolher um sprite do arquivo" uma janela, como a mostrado abaixo, será aberta. Basta selecionar o sprite desejado e clicar em Ok.
![Page 14: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/14.jpg)
TrajesTrajesTrajesTrajesTrajesTrajesTrajesTrajes
Cada personagem pode ter vários trajes. Para adicionar um novo traje basta clicar no personagem e selecionar a aba "Trajes".
Lá você poderá pintar um novo traje, importar um traje de um arquivo, ou capturar a imagem da Câmera.
![Page 15: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/15.jpg)
Adicionando Instruções a um SpriteAdicionando Instruções a um SpriteAdicionando Instruções a um SpriteAdicionando Instruções a um SpriteAdicionando Instruções a um SpriteAdicionando Instruções a um SpriteAdicionando Instruções a um SpriteAdicionando Instruções a um Sprite
Para adicionar uma nova instrução basta selecionar o sprite e arrastar a instrução para a "Área de Instruções", como mostra a figura abaixo.
![Page 16: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/16.jpg)
ControleControleControleControleControleControleControleControle
Instruções de controle são usadas para inicar, ou repetir as interaçõesque estão nos seus blocos. Ex:
Quando a bandeira verde for clicada inicia as interações que estão no bloco.
Quando a tecla selecionada for pressionada inicia as interações que estão no bloco.
Repete o número indicado de vezes as instruções que estão dentro do bloco.
Envia uma mensagem para todos os Sprites.
Quando ouvir a mensagem "Mudar Traje" inicia as interações que estão no bloco.
![Page 17: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/17.jpg)
MovimentoMovimentoMovimentoMovimentoMovimentoMovimentoMovimentoMovimento
Instruções de movimento são usadas para movimentar o Sprite. Ex:
Movimenta o Sprite 10 passos para frente.
Vira o Sprite 15 graus no sentido horário.
Aponta o Sprite para uma direção (90º direita | -90º esquerda | 0 cima | 180 baixo).
Desliza o Sprite para a posição indicada no tempo indicado.
![Page 18: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/18.jpg)
Movimentando Movimentando Movimentando Movimentando Movimentando Movimentando Movimentando Movimentando o Spriteo Spriteo Spriteo Spriteo Spriteo Spriteo Spriteo Sprite
Vamos tentar dar os primeiros passos com o Sprite.
Adicione as instruções mostradas a seguir e clique na bandeira verde no canto superior direito do cenário.
![Page 19: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/19.jpg)
Vamos tentar movimentar o Sprite novamente, adicionando agoraum ciclo de repetição.
Movimentando Movimentando Movimentando Movimentando Movimentando Movimentando Movimentando Movimentando o Spriteo Spriteo Spriteo Spriteo Spriteo Spriteo Spriteo Sprite
![Page 20: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/20.jpg)
Movimentando Movimentando Movimentando Movimentando Movimentando Movimentando Movimentando Movimentando o Spriteo Spriteo Spriteo Spriteo Spriteo Spriteo Spriteo Sprite
Modifique agora as teclas que serão usadas para movimentaro Sprite, faça com que ele se mova para a direita, e para a esquerdausando suas respectivas teclas.
![Page 21: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/21.jpg)
AparenciaAparenciaAparenciaAparenciaAparenciaAparenciaAparenciaAparencia
Na caixa de Aparencia encontramos instruções para modificar o traje dos personagens, fazer eles "falarem", "pensarem", além de efeitos de cor e tamanho.
![Page 22: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/22.jpg)
Modificando a aparência Modificando a aparência Modificando a aparência Modificando a aparência Modificando a aparência Modificando a aparência Modificando a aparência Modificando a aparência de um Spritede um Spritede um Spritede um Spritede um Spritede um Spritede um Spritede um Sprite
Para modificar a aparencia de um sprite devemos adicionar a instrução "mudar para o traje" e selecionar o traje desejado.
Tente modificar o traje do seu Sprite quando uma tecla forpressionada.
![Page 23: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/23.jpg)
Modificando a aparência Modificando a aparência Modificando a aparência Modificando a aparência Modificando a aparência Modificando a aparência Modificando a aparência Modificando a aparência de um Spritede um Spritede um Spritede um Spritede um Spritede um Spritede um Spritede um Sprite
Experimente alguns efeitos, e modifiqueseu Sprite.
![Page 24: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/24.jpg)
Modificando a aparência Modificando a aparência Modificando a aparência Modificando a aparência Modificando a aparência Modificando a aparência Modificando a aparência Modificando a aparência de um Spritede um Spritede um Spritede um Spritede um Spritede um Spritede um Spritede um Sprite
Para dar a impressão que seu personagem está caminhando, bastamudar o traje sempre que ele der um passo. Como no exemplo:
![Page 25: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/25.jpg)
SomSomSomSomSomSomSomSom
Na caixa de Som encontramos instruções que podem ser usadas para reproduzir sons dos personagens, notas musicais, e instrumentos.
![Page 26: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/26.jpg)
Para adicionar um som basta arrasta-lo até a área de instruções, como no exemplo a seguir.
SomSomSomSomSomSomSomSom
![Page 27: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/27.jpg)
Fazendo o personagem "dançar"Fazendo o personagem "dançar"Fazendo o personagem "dançar"Fazendo o personagem "dançar"Fazendo o personagem "dançar"Fazendo o personagem "dançar"Fazendo o personagem "dançar"Fazendo o personagem "dançar"
Vamos fazer o personagem dançar. Para que isto aconteçabasta fazer ele se movimentar, sempre que um som é tocado.
![Page 28: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/28.jpg)
Podemos também alterar o acorde, eo tambor que será tocado.
![Page 29: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/29.jpg)
OperadoresOperadoresOperadoresOperadoresOperadoresOperadoresOperadoresOperadores
O bloco de operadores possui instruções que realizam cálculos matemáticos, operações para comparar valores, etc.
![Page 30: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/30.jpg)
Estas operações podem ser mostradas em instruções de fala, ou usadas como condição em blocos de repetição. Ex:
OperadoresOperadoresOperadoresOperadoresOperadoresOperadoresOperadoresOperadores
![Page 31: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/31.jpg)
ExemplosExemplosExemplosExemplosExemplosExemplosExemplosExemplos
![Page 32: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/32.jpg)
SensoresSensoresSensoresSensoresSensoresSensoresSensoresSensores
O bloco de sensores possui instruções verificam se teclas estão pressionadas, objetos estão sendo tocados, solicitam respostas ao usuario,etc.
![Page 33: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/33.jpg)
SensoresSensoresSensoresSensoresSensoresSensoresSensoresSensores
Estes sensores geralmente são usados como condições em laços de repetição. Ex:
![Page 34: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/34.jpg)
Interagindo com o usuárioInteragindo com o usuárioInteragindo com o usuárioInteragindo com o usuárioInteragindo com o usuárioInteragindo com o usuárioInteragindo com o usuárioInteragindo com o usuário
Vamos interagir com o usuário, solicitando a ele algumas respostas,e informando se elas estão corretas.
![Page 35: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/35.jpg)
Outro ExemploOutro ExemploOutro ExemploOutro ExemploOutro ExemploOutro ExemploOutro ExemploOutro Exemplo
![Page 36: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/36.jpg)
CanetaCanetaCanetaCanetaCanetaCanetaCanetaCaneta
A caixa da "Caneta" possui instruções que podem ser usadas, por exemplo, para marcaro caminho que um personagem percorreu.
![Page 37: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/37.jpg)
Vamos usar a caneta para mostrar o caminho que o personagempercorreu.
CanetaCanetaCanetaCanetaCanetaCanetaCanetaCaneta
![Page 38: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/38.jpg)
Agora vamos tentar modificar a cor e o tamanho da caneta.
CanetaCanetaCanetaCanetaCanetaCanetaCanetaCaneta
![Page 39: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/39.jpg)
Exemplo utilizando caneta eExemplo utilizando caneta eExemplo utilizando caneta eExemplo utilizando caneta eExemplo utilizando caneta eExemplo utilizando caneta eExemplo utilizando caneta eExemplo utilizando caneta eoperadoresoperadoresoperadoresoperadoresoperadoresoperadoresoperadoresoperadores
![Page 40: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/40.jpg)
VariáveisVariáveisVariáveisVariáveisVariáveisVariáveisVariáveisVariáveis
Variáveis são usadas para armazenar valores que precisam ser usados posteriormente.
![Page 41: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/41.jpg)
VariáveisVariáveisVariáveisVariáveisVariáveisVariáveisVariáveisVariáveis
Vamo criar uma nova variável chamada pontos.
Basta clicar em "Criar uma variável" e atribuir um nome a ela.
![Page 42: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/42.jpg)
Modificar valor de uma variávelModificar valor de uma variávelModificar valor de uma variávelModificar valor de uma variávelModificar valor de uma variávelModificar valor de uma variávelModificar valor de uma variávelModificar valor de uma variável
Para incrementar, ou decrementar o valor de uma variável basta usar esta instrução, e colocar o valordesejado.
Para definir o valor de uma variável, basta usar estainstrução, indicando o valor desejado.
Exemplo:
![Page 43: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/43.jpg)
Modificar valor de uma variávelModificar valor de uma variávelModificar valor de uma variávelModificar valor de uma variávelModificar valor de uma variávelModificar valor de uma variávelModificar valor de uma variávelModificar valor de uma variável
Para mostrar, ou esconder, a variável, bastautilizar as respetivas instruções.
Para usar o valor que está contido na variável bastacolocá-la na instrução. Ex:
![Page 44: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/44.jpg)
Fazendo o personagem ganhar "pontos"Fazendo o personagem ganhar "pontos"Fazendo o personagem ganhar "pontos"Fazendo o personagem ganhar "pontos"Fazendo o personagem ganhar "pontos"Fazendo o personagem ganhar "pontos"Fazendo o personagem ganhar "pontos"Fazendo o personagem ganhar "pontos"
Vamos fazer o personagem ganhar 1 ponto, sempre quetocar na borda do cenário, para isto basta adicionar a instrução
como no exemplo a seguir:
![Page 45: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/45.jpg)
ListasListasListasListasListasListasListasListas
Lista é um tipo de variável que é usadapara armazenar palavras.
![Page 46: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/46.jpg)
ListasListasListasListasListasListasListasListas
Para criar uma lista basta clicar emuma janela solicitando o nome será aberta,Insira o nome da lista e de Ok.
Pronto! A sua nova lista está criada.
![Page 47: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/47.jpg)
ListasListasListasListasListasListasListasListas
Para adicionar uma palavra, ou frase a uma lista basta usar a instrução "Adicionar "palavar" a "nome da lista". Ex:
![Page 48: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/48.jpg)
Interação com o UsuárioInteração com o UsuárioInteração com o UsuárioInteração com o UsuárioInteração com o UsuárioInteração com o UsuárioInteração com o UsuárioInteração com o Usuário
Vamos interagir com o usuario, tente salvar na lista uma resposta fornecida pelo usuário.
![Page 49: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/49.jpg)
Interação com o UsuárioInteração com o UsuárioInteração com o UsuárioInteração com o UsuárioInteração com o UsuárioInteração com o UsuárioInteração com o UsuárioInteração com o Usuário
Agora sorteie uma das respostas do usuário e mostre na tela.
![Page 50: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/50.jpg)
PacMan no ScratchPacMan no ScratchPacMan no ScratchPacMan no ScratchPacMan no ScratchPacMan no ScratchPacMan no ScratchPacMan no Scratch
![Page 51: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/51.jpg)
Adicionando os TrajesAdicionando os TrajesAdicionando os TrajesAdicionando os TrajesAdicionando os TrajesAdicionando os TrajesAdicionando os TrajesAdicionando os Trajes PacManPacManPacManPacManPacManPacManPacManPacMan
Antes de adicionar as instruções vamos importar o personageme seus respectivos trajes.
Note que ambos os Sprites possuem um ponto azul logo a frente de suas "bocas"
![Page 52: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/52.jpg)
Adicionando FundosAdicionando FundosAdicionando FundosAdicionando FundosAdicionando FundosAdicionando FundosAdicionando FundosAdicionando FundosDe TelaDe TelaDe TelaDe TelaDe TelaDe TelaDe TelaDe Tela
Agora vamos adicionar ao palco os fundos de tela por onde opersonagem se movimentará.
![Page 53: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/53.jpg)
Instruções PacManInstruções PacManInstruções PacManInstruções PacManInstruções PacManInstruções PacManInstruções PacManInstruções PacMan
Vamos começar pelas instruções que farão o personagemmudar de direção.
![Page 54: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/54.jpg)
Instruções PacManInstruções PacManInstruções PacManInstruções PacManInstruções PacManInstruções PacManInstruções PacManInstruções PacMan
Agora vamos adicionar uma instrução que posicionará opersonagem no início do cenário, sempre que o jogo foriniciado, e fara com que ele alterne entre os trajesenquanto o jogo estiver sendo executado.
![Page 55: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/55.jpg)
Instruções PacManInstruções PacManInstruções PacManInstruções PacManInstruções PacManInstruções PacManInstruções PacManInstruções PacMan
Vamos adicionar as ultimas e mais importante instruções do nossopersonagem.
A primeira Instrução fará com que o personagem se movimente pela tela sempre que o ponto azul localizado na frente de sua bocaestiver em contato com a cor verde do cenário.
![Page 56: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/56.jpg)
Instruções PacManInstruções PacManInstruções PacManInstruções PacManInstruções PacManInstruções PacManInstruções PacManInstruções PacMan
A segunda instrução fará com que o personagem anuncie para o cenário que ele deve ser mudado sempre que o ponto azul tocaro quadrado vermelho localizado no cenário, e reposicionar opersonagem
![Page 57: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/57.jpg)
Instruções CenárioInstruções CenárioInstruções CenárioInstruções CenárioInstruções CenárioInstruções CenárioInstruções CenárioInstruções Cenário
Agora vamos adicionar as instruções do cenário
Para deixar o jogo mais animado, vamos adicionar um som,que será tocado sempre que o jogo for iniciado.
![Page 58: EXPLORANDO O - Material de apoio a aulas · laços de repetição. Ex: Interagindo com o usuário Vamos interagir com o usuário, solicitando a ele algumas respostas, e informando](https://reader031.fdocument.pub/reader031/viewer/2022022716/5c16f69b09d3f27a578b5106/html5/thumbnails/58.jpg)
Instruções CenárioInstruções CenárioInstruções CenárioInstruções CenárioInstruções CenárioInstruções CenárioInstruções CenárioInstruções Cenário
Por fim vamos adicionar a instrução que fará o personagempassar de nível.
Nesta instrução, sempre que o personagem anunciar "MudarCenário" o proximo fundo de tela será chamado.