Módulo 0 · Aula 0.3 · Primeiros passos no Scratch
| Carga horária | Dificuldade | Ferramenta | Competências |
|---|---|---|---|
| 4 h/a | ⭐ | Scratch, https://scratch.mit.edu/projects/editor/ | C1, C2 |
Objetivos de aprendizagem
- Abrir o editor do Scratch e colocá-lo em português.
- Reconhecer as partes da tela: palco, atores, categorias, paleta de blocos e área de código.
- Montar e executar programas curtos com blocos de evento, movimento e aparência.
Pré-requisitos
Aula 0.2 (coordenadas e laço do jogo).
Materiais
Computador com internet e navegador (Chrome, Edge ou Firefox). Fone de ouvido (opcional).
Conceitos
- Palco: a tela onde o jogo acontece. Mede 480 de largura por 360 de altura (x de -240 a 240, y de -180 a 180).
- Ator: cada personagem ou objeto do jogo. Todo projeto novo começa com o gato.
- Bloco: um comando. Os blocos se encaixam como peças de montar, de cima para baixo.
- Roteiro (script): uma pilha de blocos encaixados. Começa sempre com um bloco de evento (o "chapéu" amarelo, como "quando ⚑ for clicado").
- Evento: algo que acontece e faz um roteiro começar: clicar na bandeira, apertar uma tecla, clicar no ator.
Exemplos
- "quando ⚑ for clicado" é como o apito do juiz: começa a partida.
- "quando a tecla espaço for pressionada" é como a campainha: toca só quando alguém aperta.
Tutorial passo a passo
Parte A. Abrir e configurar (20 min)
- Abra o navegador e acesse https://scratch.mit.edu/projects/editor/.
- Se aparecer uma janela de tutorial com vídeo no meio da tela, clique em Fechar (canto superior direito da janela).
- Se o editor estiver em inglês: clique no ícone de engrenagem na barra roxa do topo (é o menu Configurações), passe o mouse em Language e clique em Português Brasileiro.
- Confira: a barra do topo agora mostra Configurações, Arquivo, Editar e Tutoriais.
Parte B. Conhecer a tela (30 min)
Use a captura real abaixo para localizar cada parte. Ela mostra o editor já com um projeto do curso aberto.
Figura: captura real do editor do Scratch (scratch.mit.edu), feita em 29/10/2026.
| Nº | Região | Onde fica | Para que serve |
|---|---|---|---|
| 1 | Barra do topo (roxa) | em cima, ocupando toda a largura | menus Configurações, Arquivo, Editar, Tutoriais |
| 2 | Abas Código, Fantasias, Sons | logo abaixo da barra, à esquerda | trocar entre blocos, desenhos e sons do ator |
| 3 | Categorias (bolinhas coloridas) | coluna estreita na esquerda | Movimento, Aparência, Som, Eventos, Controle, Sensores, Operadores, Variáveis, Meus Blocos |
| 4 | Paleta de blocos | ao lado das categorias | de onde se arrastam os blocos |
| 5 | Área de código | centro da tela | onde se montam os roteiros |
| 6 | Bandeira verde e botão vermelho | acima do palco, à direita | começar e parar o programa |
| 7 | Palco | canto superior direito | onde o jogo aparece |
| 8 | Informações do ator | abaixo do palco | nome do ator (campo Ator), x, y, Mostrar, Tamanho, Direção |
| 9 | Lista de atores | abaixo das informações | escolher qual ator está sendo programado |
| 10 | Botão Selecione um Ator | círculo com o rosto de gato, no canto inferior direito da lista | adicionar atores da biblioteca |
- Clique em cada categoria e observe que a paleta "pula" para os blocos daquela cor.
- Arraste o gato no palco com o mouse e veja os números x e y mudarem nas informações do ator.
Parte C. O gato fala (30 min)
- Clique na categoria Eventos (bolinha amarela).
- Arraste o bloco "quando ⚑ for clicado" para a área de código.
- Clique na categoria Movimento e arraste "vá para x: ( ) y: ( )". Encaixe embaixo do bloco amarelo (solte quando aparecer uma sombra cinza indicando o encaixe).
- Clique no primeiro número do bloco "vá para" e digite 0. No segundo, digite 0.
- Clique em Aparência e arraste "diga (Olá!) por (2) segundos". Encaixe embaixo.
- Clique no texto "Olá!" dentro do bloco e troque por Olá! Eu sou o gato do curso.
- Clique na bandeira verde. O gato vai para o centro e fala por 2 segundos.
Parte D. O gato anda com o teclado (40 min)
- Em Eventos, arraste "quando a tecla (espaço) for pressionada" para um espaço vazio da área de código (separado do primeiro roteiro).
- Clique na setinha do campo "espaço" e escolha seta para direita.
- Em Movimento, arraste "adicione (10) a x" e encaixe embaixo.
- Repita os passos 14 a 16 para a seta para esquerda, mas troque 10 por -10 no bloco "adicione".
- Clique no palco (para ele receber o teclado) e aperte as setas. O gato anda.
Parte E. Explorar (40 min)
- Teste os blocos "gire (15) graus", "mude (25) ao efeito cor", "toque o som (Meow)". Para testar um bloco solto, basta clicar nele.
- Anote no caderno três blocos que você descobriu e o que cada um faz.
O código completo
O ator Gato termina a aula com três roteiros:
Roteiro 1
quando ⚑ for clicado
vá para x: (0) y: (0)
diga (Olá! Eu sou o gato do curso.) por (2) segundos
Roteiro 2
quando a tecla [seta para direita] for pressionada
adicione (10) a x
Roteiro 3
quando a tecla [seta para esquerda] for pressionada
adicione (-10) a xConvenção usada no curso para escrever blocos em texto: o nome do bloco aparece igual à tela; ( ) é um campo de número ou texto que você digita; [ ] é um menu de escolha.
Explicação do código
| Bloco | O que faz |
|---|---|
| quando ⚑ for clicado | começa o roteiro quando a bandeira verde é clicada |
| vá para x: (0) y: (0) | coloca o gato no centro do palco, de uma vez |
| diga (...) por (2) segundos | mostra um balão de fala por 2 segundos e só então segue para o próximo bloco |
| quando a tecla [...] for pressionada | começa o roteiro toda vez que a tecla é apertada |
| adicione (10) a x | soma 10 à posição x atual (anda 10 para a direita). Com -10, anda para a esquerda |
Resultado esperado
Ao clicar na bandeira, o gato vai para o centro e fala. Ao apertar as setas, ele anda para os lados.
Problemas comuns
| Sintoma | Causa | Solução |
|---|---|---|
| O bloco não encaixa | soltou longe demais | arraste até aparecer a sombra cinza embaixo do bloco anterior |
| A seta não faz nada | o foco do teclado está fora do palco | clique uma vez no palco e tente de novo |
| O gato anda para o lado errado | trocou 10 e -10 | direita é positivo, esquerda é negativo |
| O gato sumiu | saiu do palco ou foi para trás de outro ator | clique na bandeira (volta ao centro) |
| O editor está em inglês | idioma padrão do navegador | Configurações > Language > Português Brasileiro |
| Apaguei um bloco sem querer | arrastou para a paleta | menu Editar tem a opção de restaurar o que foi apagado, ou monte de novo |
Exercício guiado
Faça o gato andar também para cima e para baixo com as setas correspondentes. Dica: use "adicione (10) a y" e "adicione (-10) a y".
Desafio individual
Quando o gato for clicado com o mouse, ele deve dizer "Miau!" e tocar o som Meow. Dica: procure o bloco de evento "quando este ator for clicado".
Desafio avançado (opcional)
Faça o gato trocar de fantasia a cada passo, para parecer que está andando. Dica: categoria Aparência, bloco "próxima fantasia".
Critérios de avaliação
- Os três roteiros funcionam.
- O aluno aponta no próprio computador pelo menos 6 das 10 regiões da tabela.
Checklist de conclusão
Extensão
Crie uma pequena apresentação sobre você: o gato diz seu nome, sua idade e um jogo de que você gosta, cada frase por 2 segundos.
Atenção: o projeto desta aula ainda não foi salvo. Na próxima aula você aprende a salvar do jeito certo. Se quiser guardar agora: Arquivo > Baixar para o seu computador.