2. 2
Compreender o funcionamento básico
dos atores e posicionamento na tela.
Compreender o fundamento
do encadeamento de comandos
em programação.
Criar uma tela inicial com
troca de fundo e diálogo.
O que vamos aprender?
ACOMPANHE O VÍDEO DA AULA
3. 3
Cenário e personagem
Na aula anterior, estudamos um pouco sobre como fazer uma pesquisa
na internet e avaliar se uma fonte é confiável ou não. Nesta aula, vamos
preparar o cenário e a personagem do Scratch que vai interagir com o
usuário do nosso Quiz, preparando a base da nossa aplicação.
4. 4
Para operar a ferramenta do Scratch, basta acessar o site https://scratch.
mit.edu/. Não é necessário fazer nenhuma instalação. Em seguida, vá
até o fim da página e garanta que a língua selecionada é Português
Brasileiro, o que facilitará sua interação com a plataforma.
Depois disso, basta clicar no canto superior direito da tela para criar uma
conta (Inscreva-se) ou fazer Login (Entrar), caso já tenha uma conta de
projetos anteriores.
5. 5
Após ter feito o login na plataforma, clique em Criar na barra superior
para iniciar um projeto novo.
Feito isso, o primeiro passo é definir nosso Ator, ou seja, a personagem
que vai interagir com o jogador do nosso Quiz.
Por padrão, o projeto é criado com o Ator1, que é um gato. Para removê-lo,
você deve clicar no ícone do cesto de lixo da miniatura, que fica no canto
inferior direito da tela, na Área do Ator.
Após remover o Ator1, você pode escolher outros atores ao clicar no ícone
Selecionar Ator , localizado no canto inferior direito da tela.
6. 6
Esse ícone nos direcionará para uma página com uma série de opções de
atores, além de diversos filtros na barra superior da tela. Observe:
Como exemplo, buscaremos a personagem Jordyn, mas você pode
selecionar o personagem que desejar.
7. 7
Em seguida, vamos configurar a personagem selecionada clicando na
aba Fantasias, localizada no canto superior esquerdo da tela:
Essa tela nos oferece diferentes aparência que os atores do Scratch
podem assumir em nosso programa de acordo com o que queremos
comunicar. Para selecionar uma delas, basta clicar nas imagens à
esquerda da tela. Como exemplo, vamos utilizar a terceira opção, em que
Jordyn está de braços abertos:
8. 8
Agora, já temos nossa personagem na pose que queremos, porém,
temos apenas a Jordyn no Palco com um fundo branco. Não queremos
que nossa personagem fique flutuando em um fundo qualquer.
Para resolver isso, adicionaremos um cenário ao nosso jogo. Assim, no
canto inferior direito da tela, clicaremos no ícone Selecionar Cenário .
9. 9
Uma página com diversas opções de cenários e filtros se abrirá.
Selecionaremos o cenário School:
O cenário escolhido automaticamente aparecerá no Palco. Para ajustar
a cena, podemos clicar na Jordyn a arrastá-la para uma posição que
fique melhor, sem deixá-la voando no meio do cenário. Agora, estamos
prontos para começar a programar comandos que a nossa personagem
possa executar.
A primeira coisa que nossa personagem precisa fazer é apresentar o Quiz
para um jogador, pois, assim, ele saberá do que se trata nossa aplicação.
10. 10
Desse modo, da categoria Eventos, arraste bloco para
a Área de Código. Esse bloco é responsável por iniciar a execução dos
outros comandos que virão na sequência.
O segundo bloco que utilizaremos está na categoria Aparência. Sendo
assim, arraste o bloco para baixo do bloco de evento
que acabamos de adicionar. Esse bloco fará com que nossa personagem
diga a mensagem digitada na primeira lacuna e exiba essa mensagem
pelo número de segundos definidos na segunda lacuna do bloco.
Seu Script ficará da seguinte forma:
11. 11
Ao clicar na bandeira verde , no canto superior esquerdo do Palco,
veremos o script sendo executado:
Agora, vamos ajustar a mensagem dita por Jordyn. Não queremos que
ela diga apenas “Olá”. O interessante é que se inicie uma apresentação
do nosso Quiz.
12. 12
Assim, para mudar o que ela diz, na primeira lacuna do bloco de
aparência, podemos escrever a mensagem que quisermos, lembrando
que o tema do nosso Quiz é reciclagem. Vamos alterar também o tempo
da mensagem, pois 2 segundos é muito pouco tempo para que alguém
leia um texto maior. Utilizaremos 10 segundos, no caso. Feito isso, seu
script ficará da seguinte forma:
Em seguida, para que o Quiz não fique muito monótono, vamos
adicionar movimento tanto ao cenário quanto à Jordyn.
13. 13
Para modificar o cenário, clicaremos novamente no ícone Selecionar
Cenário , localizado no canto inferior direito da tela. Dessa vez,
selecionaremos a opção Beach Rio.
Ao clicarmos nesse cenário, observaremos que ele mudou da escola
(School) para a praia do Rio de Janeiro (Beach Rio). Contudo, não é
isso que queremos: o objetivo é fazer a cena iniciar na escola e, após o
diálogo, mudar para a praia.
Para isso, da categoria Aparência, vamos arrastar o bloco
para baixo do bloco que inicia o script, garantindo que o cenário inicial
seja School. Em seguida, logo após o bloco de diálogo, colocaremos mais
um bloco de mudança de cenário, mas agora com a opção Beach Rio
selecionada no menu suspenso.
14. 14
Seu script ficará da seguinte forma:
Agora, vamos dar movimento à Jordyn. Para isso, da categoria
Movimento, arrastaremos o bloco para baixo do bloco
que inicia o script. Esse bloco permite posicionar a personagem de
acordo com as coordenadas x (horizontal) e y (vertical). A informação das
coordenadas da nossa personagem é mostrada na Área do Ator:
15. 15
Assim, para movimentarmos Jordyn, vamos adicionar esse bloco de
movimento logo após o bloco que inicia o script, e novamente o mesmo
bloco após a fala da personagem, antes de trocarmos o cenário para
Beach Rio. Seu script ficará da seguinte forma:
Com isso, conseguimos configurar personagem, cenários e algumas
movimentações iniciais para a construção do nosso Quiz!
16. Desafio
16
Nesta aula, aprendemos a criar uma cena no Scratch e fazer
interações, como diálogos, troca de cenário e mudança de posição
do personagem. Seu desafio será pensar em diferentes interações
que poderiam ser feitas para deixar a aplicação ainda mais dinâmica.
Explore os blocos das categorias Movimento e Aparência, pensando
o que mais poderia ser feito, por exemplo, como a Jordyn poderia
dar uma cambalhota até a nova posição? Como poderíamos mudar a
fantasia de Jordyn?
CLIQUE AQUI PARA AVALIAR ESTE MATERIAL