HANDS-ON PROGRAMAÇÃO DE JOGOS PARA CRIANÇAS

Transcrição

1 HANDS-ON PROGRAMAÇÃO DE JOGOS PARA CRIANÇAS Hoje vamos criar nosso primeiro jogo utilizando o Scratch, trabalharemos com Labirintos, você sabe o que é? Veja nosso Robô XM, ele precisa chegar ao quadradinho azul, para isso ele vai seguir os seguintes comandos: Para Frente Para Frente Cheguei! Agora veja a Dona Joaninha, ela precisa passar por todos os quadradinhos para chegar ao seu caminho, quais serão os passos que ela deverá seguir para isso? Você pode ajudá-la, escreva abaixo alguns comandos para que ela possa seguir e sair do labirinto. Os comandos que você pode usar são: Para frente Para trás Gire para direita Gire para esquerda Agora pense e escreva os comandos que a Dona Joaninha deve para sair do labirinto:

2 Em nossa aula de hoje vamos utilizar a linguagem do Scratch, então veja os comandos que vamos utilizar para fazer a Dona Joaninha andar: E agora, como você acha que ficaria a programação para que a Dona Joaninha chegue ao final do labirinto? Escreva os comandos no quadro abaixo: Parabéns! Você já sabe programar... viu como é fácil! Agora que você já conhece os comandos básicos da linguagem do Scratch você já pode programar um jogo mais legal. Vamos ajudar o Senhor Macaco a encontrar sua banana, para isso, vamos seguir os seguintes passos: Acesse o navegador do seu computador (Internet) e digite o endereço: scratch.mit.edu e pressione ENTER. Você verá a primeira página da nossa ferramenta, cheia de vários jogos que outras crianças criaram. Como você já sabe programar, clique em Criar para iniciar o seu jogo, você verá a página que iremos trabalhar para criar o jogo do Macaco Faminto;

3 Nosso jogo já vem com um Ator, que é o gatinho do Scratch, como precisaremos de um Macaco, vamos retirar o gatinho do Palco. Clique com o botão direito em cima do gatinho e depois clique em Apagar. 4 Agora você já pode verificar as janelas do Scratch que vamos utilizar: Palco, Atores, Scripts, Panos de Fundo 4 : 4

4 5 Vamos alterar a cor do Palco do jogo, clique em Palco, depois em Panos de Fundo: 6 Selecione a ferramenta Balde (Pintura) e a cor Amarela, clique na área do palco para pintá-la. Ficará assim: 4

5 7 Agora vamos colocar o Macaco, que é um ator do nosso jogo. Para isso clique no ícone ( ), na próxima tela escolha o Macaco (Monkey). Você verá que ele aparecerá no palco do jogo. Pronto, o Macaco entrará no jogo: 8 Como seu Macaco ficou grande, vamos diminuir o tamanho, clique no ícone (Reduzir) e depois clique várias vezes no Macaco, até ficar com o tamanho que você acha legal. 5

6 9 Veja que seu Macaco tem fantasias, isso é importante para fazer o movimento do Macaco durante o jogo, mas isso é uma outra parte que faremos no final. Clique e arraste seu Macaco para o cantinho do palco. 0 Agora repita os passos 7 a 9 para inserir a Banana que o Macaco irá procurar. Clique e arraste a Banana para o cantinho inferior do Palco. 6

7 Agora vamos começar a programar seu Macaco, ele deverá andar pelo Palco utilizando as setas do teclado, então vamos configurar algumas coisas. Clique no Macaco e no e altere os campos: Tudo começa quando o jogador clicar na bandeira verde ( ), então vamos colocar os comandos que o Macaco deverá executar. Clique no Macaco, selecione a aba Scripts, opção Eventos e arraste o para a área de programação. - Como o Macaco vai andar o tempo todo, agora clique em Scripts, depois em Controle e selecione o bloco sempre, que fará com que o Macaco execute este bloco de comandos até que o jogador feche o jogo ou que você mande executar um comando de parada. Ao arrastar coloque-o junto ao evento quando clicar. 7

8 O Macaco será controlado pelas teclas do teclado, conforme as regras abaixo: Andar para a direita: Andar para baixo: Andar para a esquerda: Andar para cima: Para que isso aconteça é preciso que você coloque os comandos para capturar a tecla pressionada e para falar para o Macaco o que ele deve fazer quando isso acontecer. Então vamos lá, agora arraste um bloco chamado se < > então, depois coloque a condição, clique em Sensores e depois em Tecla, no lugar de espaço, coloque seta para direita, este bloco será responsável por mandar o comando que o Macaco deve fazer se o jogador pressionar uma tecla para a direita. 4 Agora coloque o comando para o Macaco andar ( Mova ) dentro do se, assim o Macaco vai andar só quando o jogador pressionar a seta para a direita. 8

9 Faça um teste, clique na bandeira verde e pressione a seta para a direita. 5 Repita os passos e 4 para as demais setas que vão movimentar o Macaco. Só tome cuidado pois agora você precisa falar para qual é o lado que o Macaco deve ir, por isso coloque o bloco Aponte para a direção -90 dentro do bloco se para que ele ande para a esquerda, faça o mesmo para a seta para baixo e seta para cima. A programação do Macaco ficará assim: Se a seta para direita for pressionada, ande para a direita. Se a seta para esquerda for pressionada, ande para a esquerda. Se a seta para baixo for pressionada, ande para a baixo. Se a seta para cima for pressionada, ande para a cima. Teste e divirta-se com os movimentos do Macaco dentro do Palco. Você deve ter notado que não acontece nada quando o Macaco encontra a Banana, não é? Por que isso acontece? O motivo é que você ainda não programou esta parte, lembre-se que tudo que o Macaco pode fazer deve ter sido programado antes. 6 Então vamos lá, o que acontecerá quando o Macaco encontrar a Banana? Vamos fazer o Macaco dizer Ganhei Bananas! Para isso, arraste um novo comando se < > então, e vamos falar que se o Macaco tocar na Banana ele deverá executar os comandos: 9

10 Agora você já pode brincar, faça um teste novamente! Veja que desta forma fica muito fácil de o Macaco encontrar as Bananas, não é? O que você acha de colocarmos alguns obstáculos para o Macaco? Vamos inserir algumas Rochas (Rocks) e algumas paredes para dificultar a vida do Macaco... rs... siga os passos abaixo. 7 Clique em Novo Ator, depois selecione Rocks. As Rochas aparecerão em seu Palco, diminua o tamanho, arraste para um local do Palco qualquer, depois altere o nome do Ator para Rocha. 4 8 Para ficar mais complicado, vamos copiar e colar a Rocha, clique com o botão direito na Rocha e depois em duplicar, você verá que teremos agora rochas no palco. Arraste a nova rocha para outro lugar do Palco. 0

11 9 Agora está ficando divertido... se o Macaco encontrar as Bananas ele ganha, se ele encontrar as Rochas ele deverá falar que perdeu e voltar para sua posição inicial, então coloque os comandos que fazem isso dentro da programação do Macaco. Agora teste e veja o que acontece. Desafio : Você viu que quando o Macaco encontra uma das Rochas ele mostra a mensagem e volta e quando ele encontra a outra não acontece nada? Isso acontece pois você só programou os eventos para uma das Rochas. Como são duas Rochas, o que você deve fazer para que elas executem a mesma coisa? Uma solução possível é: 0 Você não acha que a vida deste Macaco está muito fácil? Vamos colocar algumas paredes para dificultar a vida dele? Para isso, clique no Palco, selecione Panos de Fundo, desenhe algumas paredes com a ferramenta retângulo e a cor Marrom:

12 Para finalizar, você precisa programar o que acontecerá quando o Macaco encontrar uma parede, então vamos lá: arraste mais um bloco se < > então, selecione o sensor tocando em e clique na cor das paredes, desta forma, quando o Macaco encontrar a cor da parede ele vai emitir um som e deslizar até a posição inicial quando ele encontrar uma parede Marrrom.

13 Seu jogo ficou assim, clique na Bandeira verde para executar: Você deve ter percebido que o Macaco não mexe as pernas e os braços quando anda, sabe por que? É o seguinte, como todo jogo ou animação, o movimento só existirá se você tiver mais de uma Fantasia e programar este movimento. Para que o Macaco ande na tela com os movimentos, adicione os comandos: Para colocar estes movimentos em todas as teclas, clique com o botão no bloco próxima fantasia e selecione duplicar. Depois clique logo abaixo do bloco aponte... para colar os comandos:

14 Ao final, o código ficará assim: Agora é só salvar e compartilhar com os amigos! 4