Introdução ao Scratch

Nestas aulas você aprenderá

  1. Conceitos Básicos
  2. Interação com Usuário e Colisão de Objetos
  3. Lógica de Programação
  4. Desenvolvimento do Flappy Bird

Introdução ao Scratch

Parte 1

Conceitos Básicos

O que é Scratch

  • Scratch é uma linguagem de programação visual desenvolvida pelo MIT.
  • Seus objetivos são:
    • Ser uma linguagem visual com uso de blocos gráficos
    • Tornar o aprendizado de programação mais fácil
    • Tornar o aprendizado mais divertido e interessante

Podemos usar o Scratch em diversas tarefas, como criar:

  • Seu próprio jogo
  • Uma história animada
  • Um tutorial
  • Uma simulação científica
Não sou mais criança, por que aprender Scratch???

Vamos começar!

Acesso ou download

Primeiro movimento no Scratch

  • Vamos fazer o Gato (sprite) se movimentar na tela (palco ou stage)
  • Na categoria Movimento: arraste o botão para a área de comandos (scripts)
  • Mantenha o valor 10 no comando Mova
  • Teste clicando duas vezes sobre o comando
  • Teste com outros valores no comando Mova

Palco (Stage)

  • O palco/tela (stage) é o local onde os personagens (sprites) se movimentam
  • Este palco é como um plano cartesiano com coordenadas x, y
  • Tem 480 pontos no eixo X e 360 no eixo Y

Exercício

  • Arraste o Gato pela área do palco e observe a posição X e Y indicada abaixo

Lista de Sprites (Sprite List)

  • Exibe os nomes e as miniaturas (thumbnails) dos personagens (sprites)

Conjunto de blocos

Mãos a massa

Rotação

Exercícios práticos

  • Abra um Novo arquivo e, na categoria Movimento, adicione ao roteiro o comando com o valor 100
  • Na categoria Eventos, adicione o comando acima do primeiro comando e clique na bandeira verde para testar
  • Na categoria Aparência, adicione o comando ao roteiro
  • Na categoria Movimento, use o comando com o valor -90
  • Para corrigir o problema do ator ficar de cabeça para baixo, use o comando
  • Use mais um comando
  • Coloque mais uma fala, agora com a mensagem "Voltei!"
  • Em Movimento, coloque o comando
  • Adicione o comando em volta dos comandos para que fique em loop infinito

Resposta do exercício anterior

Animação

  • Quando criamos um novo projeto o único ator (sprite) é o do Gato, mas podemos usar outro
  • Escolha um novo ator, use o Anina Hip-Hop
  • Delete o Gato da lista de atores
  • Faça uma animação com o ator usando o comando
  • Coloque um comando para que as fantasias não mudem muito rápido

Resposta do exercício anterior

Introdução ao Scratch

Parte 2

Interação com o Usuário e Colisão

Vamos aprender sobre interação com usuário e a colidir

Bola seguindo o mouse

  • Faça a bola seguir o cursor do mouse infinitamente
  • Use o comando

Mirando com o mouse

  • Mude o ator para o Magic Ward
  • Vá na aba Fantasias e apague os raios amarelos
  • Use o comando para que ele aponte para o mouse sempre
  • Use o comando para que sempre aponte
  • Na categoria Movimento, marque os botões Posição x, Posição Y e Direção

Colisão de uma bola

  • Faça a bola se movimentar em uma direção
  • Faça a bola voltar caso colida com a borda
  • Use o comando

Colisão de uma bola

  • Adicione um ator em um ponto que a bola colida com ele
  • Caso a bola colida com o Ator ela deve voltar
  • Use os comandos e
  • Salve o arquivo para enviar ao professor

Apontar para o lado da tecla pressionada

  • Configure as setas do teclado para movimentar o gato (Gato 2) se virar para o lado da seta pressionada
  • Use um comando para cada tecla

Colhendo maça

  • Crie o jogo da colheita de maça
  • Use um sprite como o Bowl e a maça, Apple
  • Faça a maça cair aleatóriamente
  • Faça a tigela (Bowl) movimentar junto com o mouse
  • Salve o arquivo para enviar ao professor
  • Desafio: Adicione pontuação

Introdução ao Scratch

Parte 3

Lógica de Programação

Vamos aprender lógica de programação em Scratch

Variáveis

Região de memória que armazena algum valor
  • Texto
  • Número
  • etc
Podemos criar variáveis usando a categoria Variáveis

Operadores Lógicos

  • Os valores existentes no Scratch bem como as variáveis criadas podem ser comparadas com outros valores
  • A comparação é feita nos comandos condicionais, como o
  • Ex.: Comparar se a posição do ator chegou no centro do palco, posição x == 0 e y == 0
  • Existem três operadores no Scratch: Menor (<), Igual (=) ou Maior (>)
  • Ex.: resulta em falso
  • Ex.: resulta em verdadeiro
  • Ex.: resulta em falso
  • Ex.: resulta em falso
  • Para usar basta acessar a categoria Operadores

Operadores Relacionais

  • Outra forma de comparação pode ser feita com os operadores relacionais
  • Ex.: Tenho um computador e um celular
  • A frase acima significa que tenhos os dois aparelhos
  • Ex.: Tenho um computador ou um celular
  • A frase acima significa que possuo apenas um dos aparelhos
  • Ex.: Não tenho um celular
  • A frase acima significa que não possuo celular
  • No Scracth, temos três operadores relacionais:
  • Estes operadores podem ser acessados na categoria Operadores

Condicionais

Comando SE

  • Para criação de jogos e animações, é importante saber usar as condições
  • Vamos fazer uma bola bater na cabeça do Gato e aumentar a pontuação em 1 a cada batida

Comando SE e SENÃO

  • Vamos fazer uma bola seguir o cursor do mouse e quando chegar no Gol, o ator (bola) deve dizer Gol!!

Repetição

Sempre

  • Vamos criar um ator (drum) que é tocado o tempo todo e espere por 0.2 segundos

Sempre SE

  • Vamos fazer um ator tocar no tambor sempre que apertar a tecla espaço

Repita

  • Vamos fazer um ator contar números até 10

Repita até

  • Vamos fazer um ator contar números até que a tecla Espaço seja pressionada

Outros comandos

Verifique outros comandos nas categorias abaixo:
  • Controle
  • Movimento
  • Operadores
  • Sensores

Jogo com cenário, condições e variável

Ping pong

  • Crie um jogo de ping-pong
  • Crie uma raquete que será um retangulo
  • Crie uma bola
  • Crie uma linha que será o piso que ocupará todo eixo x
  • Salve o arquivo para enviar ao professor
  • Se der tempo, implemente pontuação ao jogo

Introdução ao Scratch

Parte 4

Desenvolvimento do Flappy Bird

Vamos montar o jogo Flappy Bird

Esta atividade valerá 5 pontos se concluída com sucesso

Trabalho Prático 01 - (15 pontos)

Criar um jogo em Scratch

  • O tema é livre
  • Darei maior pontuação se for interessante ou tiver relação com alguma disciplina do curso ou se tiver relação com ensino de alguma coisa (qualquer coisa!)
  • Não pode ser um projeto pronto retirado de algum site na internet
  • Deve ser inteiramente feito pelo aluno. SIM! É individual.
  • As imagens e sons utilizados podem ser obtidos da internet
  • A entrega deve ser feita por e-mail até o dia 15/09/2019
  • No e-mail deve haver ao menos dois arquivos: a documentação do jogo e o arquivo do jogo em SB3
  • Modelo de Documentação de jogo
  • Lembra da Documentação do Jogo Flappy Bird? Use-a como modelo!

Referências

  • Scratch Brasil. Scratch Brasil. Disponível em: <http://www.scratchbrasil.net.br>. Acesso em: 01 de agosto de 2019.
  • Projeto XO Unicamp. Tutorial Scratch - Conceitos básicos. Disponível em: <http://www.scratchbrasil.net.br/index.php/materiais/tutoriais.html>. Acesso em: 01 de agosto de 2019.
  • Professor Wesley Henrique Maciel. Slides de aulas de Scratch. IF Sudeste MG Santos Dumont.
  • MARJI, Majed. Aprenda a programar com Scratch: uma introdução visual à programação com jogos, arte, ciência e matemática. Novatec Editora, 2014.