Habilidades trabalhadas nesta aula:

((EF08CO04) Construir soluções computacionais de problemas de diferentes áreas

do conhecimento, de forma individual e colaborativa, selecionando as estruturas
de dados e técnicas adequadas, aperfeiçoando e articulando saberes escolares.
(EF08CO07) Compartilhar informações por meio de redes sociais, compreendendo
a sua dinâmica de funcionamento, de forma responsável e avaliando sua
confiabilidade, considerando o respeito e a ética.
(EF69AR06) Desenvolver processos de criação em artes visuais, com base em
temas ou interesses artísticos, de modo individual, coletivo e colaborativo, fazendo
uso de materiais, instrumentos e recursos convencionais, alternativos e digitais.

Aula 4

Roleta

Unidade

Projetos com programação:

utilizando a criatividade
através dos códigos
O que vamos
aprender?

Aprender montar uma ro-

leta giratória para um quiz.

Clique e acompanhe a aula na Alura

Criar uma programação
simples.

Criar uma seta para dar

mais emoção quando o
jogo parar.

2ª edição
Monte sua sorte
Vamos criar uma roleta aleatória utilizando os recursos de desenho. Uma
roleta é um item de brincadeiras de sorteio composta por um círculo
com várias divisões. Uma pessoa gira a roleta e quando ela para em de-
terminada posição, é sorteado algo.
Criaremos um projeto para conhecermos algumas possibilidades de jo-
gos que podemos criar no Scratch.
Vamos criar um projeto novo. Devemos clicar em Arquivo e escolher a
opção Novo.

Nesta aula será dado início a outro projeto, o da

roleta. Para iniciar a aula, indague os estudantes
se elem já jogaram algum jogo que utilize roletas.
Um exemplo de situação que os estudantes de-
vem conhecer é em programas de televisão, em
que a pessoa apresentadora realiza sorteios utili-
zando a roleta. Uma sugestão é deixar que os es-
tudantes escolham para o que utilizarão a roleta.
Permita que criem seus próprios jogos utilizando
a criatividade.

3
Em seguida, exclua a personagem gatinho clicando no ícone da lixeira.

4
Criando seu projeto
Agora, vamos adicionar o novo ator. Porém, não existe uma roleta pronta
como opção de ator no Scratch. Por isso, temos que criar uma roleta fa-
zendo o desenho dela. Então, vamos clicar na opção Pintar.

5
Deverá abrir uma tela igual à imagem a seguir.

6
Como a roleta tem o formato circular, vamos desenhar um círculo. Para
isso, clique no ícone com o formato de uma circunferência.

7
Para criar a figura, clicamos em qualquer ponto do quadriculado e ar-
rastamos o ponteiro do mouse. Fazendo isso, o círculo não fica perfei-
to. Para ele ficar redondo, devemos pressionar a tecla Shift do teclado
enquanto desenhamos o círculo. Assim o círculo ficará perfeitamente
redondo.

8
Posicione o círculo bem no centro da tela quadriculada. Note que no cen-
tro da área de desenho há o ícone de uma mira e na circunferência
há um sinal positivo na cor azul.

9
Clicando e arrastando o desenho do círculo, centralize o sinal positivo lo-
calizado no centro da circunferência em cima do ícone de mira.

10
Podemos agora mudar a cor do desenho clicando em Preencher.

11
Vamos escolher a cor preta.

12
O desenho da circunferência deverá ficar igual ao mostrado na imagem a
seguir.

13
Agora que o círculo ficou pronto, precisamos dividi-lo em setores. Para fa-
zer isso, seguiremos os passos adiante.
Passo 1: no menu esquerdo, procure e clique no ícone Linha.

Passo 2: Com a tecla Shift pressionada, clique e arraste o ponteiro do

mouse para desenhar a linha reta.

14
Passo 3: A reta ficou preta. Queremos que ela fique na cor branca. Então,
no menu, clique no ícone da seta .

Passo 4: ao clicar na linha reta, percebemos que ela foi selecionada e fi-
cará com a cor azul, igual à imagem a seguir.

15
Passo 5: Para mudar a cor da linha, vá em Preencher e altere os valores
até obter a cor branca.

A linha reta deve ficar assim:

16
Passo 6: Vamos alterar sua espessura da linha. Vamos alterar sua espes-
sura. No menu, aumente o valor numérico até obter a espessura deseja-
da. Quanto maior o valor, mais espessa será a linha.

O desenho deve ficar mais ou menos assim:

17
Passo 7: Para construir os demais setores da roleta, vamos utilizar o “co-
pia e cola”. Com a setinha selecionada, clique na linha reta selecionan-
do-a. Posicione o centro da linha reta no centro da circunferência (cen-
tralize com o ícone de mira).

Passo 8: Clique no menu em Copiar e, em seguida, em Colar.

Faremos esse processo três vezes.

18
Passo 9: Para criar os setores, precisamos rotacionar as linhas retas.Fa-
zemos isso clicando na setinha dupla.

Quando aparecer a mãozinha, clique e gire a linha reta, sempre com a

tecla Shift do teclado pressionada.
O desenho deve ficar parecido com o da imagem a seguir.

Espera-se que nessa etapa os alunos perce-

bam que eles podem usar a cor que mais lhe
agradar e ir modificando a roleta conforme
seu gosto.

19
Vamos alterar a cor dos setores para vermelha. Novamente clique na seta
, selecione o desenho clicando sobre ele e vá em . Altere as co-
res até obter vermelha.

E coloque o valor zero para o contorno:

O desenho deve ficar assim:

20
Nossa roleta já está pronta para receber os nomes de acordo com a brin-
cadeira que estamos criando. Para inserir o texto, no menu devemos cli-
car em .

Para escrever as palavras, por exemplo “xadrez”, vamos alterar a cor cli-
cando em . Altere os valores até obter uma cor diferente de ver-
melho. Vamos escolher a cor amarela, por exemplo. Clique em algum lu-
gar sobre a roleta e escreva a palavra.

21
No menu, clique na setinha . Depois clique no texto. Agora, clicando na
setinha dupla, vamos girar o texto: utilize a tecla Shift do teclado pressio-
nada.

22
Para diminuir o tamanho do texto para que caiba em uma fatia do cír-
culo, clique na setinha , depois no texto e, clicando em um dos ponti-
nhos azuis, ajuste o tamanho do texto.

O resultado final deve ficar assim:

23
Devemos repetir o mesmo processo mais sete vezes. A cada vez, pode-
mos escrever uma palavra diferente. Cada setor da roleta pode ser um
jogo diferente, uma pergunta ou um número.

Deixe os estudantes explorarem a cor dos textos e tamanho, pois é nesse momento que eles irão se familiarizar com as fer-
ramentas do programa Scratch.

24
Com o desenho da fantasia pronta, vamos para a programação. Clique na
aba Códigos . Em Evento (cor amarela) escolha o bloco “quando
bandeira verde for clicado” .

Nosso objetivo é fazer a roleta girar. Para isso, em Movimento (cor azul),
escolha o bloco “gire 15 graus” no sentido anti-horário. O códi-
go deve ficar idêntico ao da imagem a seguir..

25
Vamos em Operadores (cor verde) e selecione o bloco .
Encaixe o bloco verde na lacuna do bloco azul. Substitua os valores para
200 e 300. O código deve ficar assim:

Nesta etapa do projeto, podem ser discutidos conceitos relacionados a ângulos e sua medida em graus. Também podem ser apresentadas as
noções de rotação no sentido horário e anti-horário.

26
Porém, quando clicamos na bandeira verde, a roleta gira muito rápido e
logo para. Vamos programar para repetir esse movimento diversas vezes.
Para isso, vamos em Controle (cor laranja) e escolhemos o bloco .

Agora vamos organizar os blocos, que ficarão assim:

Quando clicamos na bandeira verde, a nossa roleta gira de 15º em 15º. Ela
fará essas pequenas rotações um número de vezes maior ou igual a 200
e menor ou igual a 300.

27
A programação está pronta, porém precisamos criar a seta que indica a
seção sorteada. Para isso vamos criar um ator que será uma seta . Vá
novamente em Pintar. Usando os conhecimentos aprendidos anterior-
mente, podemos fazer o desenho da seta.
Neste momento, é importante deixar que os estudantes
tentem fazer o desenho da seta sozinhos, em dupla ou trios.
Para isso, eles devem retomar as instruções iniciais de como
criar uma fantasia e utilizar as ferramentas de desenho.

Indo em Códigos, selecione o ator seta.

Posicione a seta próxima a uma das seções da circunferência.

28
Desafio
Nosso jogo está completo e divertido. O desafio dessa aula será explorar
os recursos do Scratch para criar o seu próprio jogo da sorte mudando a
quantidade de fatias da circunferência, sua cor e texto.
Para esse desafio, os estudantes devem utilizar todos os recursos explorados nesta aula. Seguindo o passo a passo proposto na aula, será pos-
sível construir um círculo com mais fatias, com outras cores e textos. Uma sugestão é pedir que criem, em grupos, um jogo. Cada grupo pode
apresentar seu jogo para a sala.

Avalie este material acessando o link: https://forms.gle/EcEZdj59zGS9QTwY9

29