Introdução ao Scratch

De IFSC
Revisão de 12h25min de 3 de maio de 2022 por imported>Fargoud (→‎Blocos de Aparência)
Ir para navegação Ir para pesquisar

Acesso ao Scratch

Você poderá acessar o aplicativo neste link: http://scratch.mit.edu.

Você pode utilizar a versão on-line, ou instalar o aplicativo no seu computador.

A tela inicial é esta:

SCRATCH1tela1.png


Você também pode optar por criar seus programas direto pela web, ou antes criar um perfil e acessá-lo, para só daí começar a criar.

Vale ressaltar que se você não criar um perfil, poderá utilizar a plataforma apenas para explorar as criações dos demais usuários e fazer suas criações, porém não poderá compartilhar e comentar, ou seja, não poderá utilizar todo o potencial da plataforma.


Criando um perfil

Para criar um perfil, siga estes passos:

SCRATCHperfil1.png
SCRATCHperfil2.png

Aspectos básicos

Clique no menu superior "Criar", conforme abaixo, e vamos lá!!!


SCRATCHtela0.png

Idioma

Você vai ser levado para a tela abaixo.

Em primeiro lugar, caso esteja tudo em inglês, vamos mudar o idioma para o Português brasileiro.

SCRATCHtela2.png

Áreas de trabalho

SCRATCHambiente2.png


A área principal de trabalho do Scratch é dividida em 3 abas:

  • 1. Aba Código : é onde estão organizados os blocos de programação, formados por nove

categorias distintas, organizadas por cores;

  • 2. Aba Fantasias : é a área onde podemos editar as imagens dos personagens e cenários

utilizados no projeto, fazendo as alterações que nos interessarem;

  • 3. Aba Sons : é o local destinado à edição dos sons utilizados no projeto, sejam eles

associados aos personagens ou aos cenários.

A área de "CÓDIGO", por sua vez, é dividida em 3 áreas principais:


SCRATCHinstr9.png

A área marcada em vermelho é onde estão disponíveis as instruções e ferramentas que o Scratch disponibiliza. Estas instruções irão modificar o estado do ator que, no caso, é o gatinho.

A área marcada em verde é a área de programação (marcada com o número 10 na figura acima). As instruções são arrastadas para cá, na ordem determinada. É o espaço onde podemos adicionar, ver e editar os blocos de programação utilizados para cada personagem ou cenário.

A área marcada em azul é a área de execução, onde as instruções são executadas (marcada com o número 11 na figura acima). É a área que funciona como uma mini tela, onde podemos visualizar e testar a execução do projeto.

Os principais conceitos são:

  • 4. Ator: é cada personagem ou objeto que utilizamos no projeto, que podem ser

modificados na aba “Fantasias”;

  • 5. Palco: é a área que aciona os cenários para que possamos editá-los na área de

programação;

  • 6. Cenários: são os planos de fundo que utilizamos no nosso projeto. Quando a edição de

cenários está ativa a aba “Fantasias” muda de nome para “Cenários”;

  • 7. Mochila: é a área do editor que comporta as três abas mencionadas e mais o espaço de

programação;

  • 8. Botão Ir : é onde se inicia a execução do projeto na Área de visualização, para que

possamos testar se tudo está saindo de acordo com o que planejamos;

  • 9. Botão Pare : é o botão que para a execução do projeto na Área de visualização;
  • 12. Nome do projeto: é o espaço reservado para colocarmos o nome do nosso projeto – por

padrão ele vem com a denominação Untitled;

  • 13. Botão Veja a Página do Projeto: é o botão que, quando clicado, alterna entre o

modo de edição do projeto e o modo de compartilhamento, que mostra o projeto como os outros usuários irão vê-lo na plataforma;

  • 14. Botão Selecione um ator : é o botão que mostra as opções que temos para

escolher, criar ou adicionar personagens ao nosso projeto;

  • 15. Botão Selecionar Cenário : é o botão que mostra as opções que temos para a

escolher, criar ou adicionar cenários ao nosso projeto

Além de compreender as funcionalidades apresentadas, é importante compreender as funções de cada categoria de blocos de programação e, claro, como criamos o código que vai dar vida aos atores e cenários do nosso projeto. Também é essencial conhecer as características da área de programação para poder fazer uso correto dos blocos. Assim, evitamos que o projeto tenha algum erro.

INSTRUÇÕES

As instruções são separadas por tipo, e cada tipo é identificado por uma cor:

SCRATCHinstr1.png - MOVIMENTO - servem para alterar a posição do ator.

SCRATCHinstr2.png - APARÊNCIA - alteram a aparência do ator e do cenário.

SCRATCHinstr3.png - SOM - insere e altera o(s) som(s) cadastrado(s) no programa. Estes sons podem ser acessados pela Aba "Sons":

SCRATCHsons.png

SCRATCHinstr4.png - EVENTOS - insere rotinas em caso de ocorrência de evento.

SCRATCHinstr5.png - CONTROLE - são as instruções de controle de fluxo, programação, propriamente ditas.

SCRATCHinstr6.png - SENSORES - identifica características do programa e execução.

SCRATCHinstr7.png - OPERADORES - instruções para cálculos e comparações.

SCRATCHinstr8.png - VARIÁVEIS - permite a criação de variáveis.

SCRATCHinstr10.png- MEUS BLOCOS - permite a criação de blocos (funções, classes, etc) customizados.

Blocos de Movimento

Os blocos de movimento são relacionados ao posicionamento e deslocamento dos componentes (atores, palcos) pelo espaço da tela. São no total dezoito blocos:

SCRATCHmov1.png

Blocos de Aparência

Os blocos de aparência são vinte e relacionam-se ao aspecto visual dos componentes, como tamanho, cor, aparecer ou desaparecer, camada de posicionamento, ações de fala escrita e mudanças de fantasia ou de cenário.


SCRATCHapar1.png


Blocos de Som

Além dos textos, é possível também atribuir sons, tanto para simular a fala como para simular efeitos sonoros das ações e interações dos atores e dos cenários. Os blocos de som, num total de nove, são:

SCRATCHblocosom.png

Blocos de Eventos

Utilizamos sempre um bloco de evento no início de um grupo de blocos para determinar a condição para que a programação em questão comece a ser iniciada, por exemplo. Utilizados em conjunto com os demais blocos, eles marcam a situação específica que ativa o código.


SCRATCHeventos.png

Se não utilizarmos um bloco de evento, por exemplo, uma ação pode ocorrer de forma indefinida, ou mesmo nem ocorrer.

Blocos de Controle

Esses blocos têm a função de organizar a execução das ações dos componentes, por exemplo, determinando quantas vezes determinada ação será realizada. É o caso do bloco denominado “repita ___ vezes”, o segundo na coluna da direita abaixo. Todos os demais blocos que estiverem englobados por ele repetirão suas ações tantas vezes quantas estiverem estipuladas por você. Eles ajudam também, em associação com outras categorias de blocos, a determinar o condicionante para que a ação aconteça. Repare abaixo em sua aparência e nos comandos que representam:

SCRATCHcontrole.png

Blocos de Aparência

Os blocos de aparência são vinte e relacionam-se ao aspecto visual dos componentes, como tamanho, cor, aparecer ou desaparecer, camada de posicionamento, ações de fala escrita e mudanças de fantasia ou de cenário.


SCRATCHapar1.png


Blocos de Aparência

Os blocos de aparência são vinte e relacionam-se ao aspecto visual dos componentes, como tamanho, cor, aparecer ou desaparecer, camada de posicionamento, ações de fala escrita e mudanças de fantasia ou de cenário.


SCRATCHapar1.png


Blocos de Aparência

Os blocos de aparência são vinte e relacionam-se ao aspecto visual dos componentes, como tamanho, cor, aparecer ou desaparecer, camada de posicionamento, ações de fala escrita e mudanças de fantasia ou de cenário.


SCRATCHapar1.png


CÓDIGO

O programa Scratch é a sequência lógica de instruções, que são carregadas para cá, numa ordem determinada.

Como o scratch é orientado a Eventos, o programa deve iniciar com alguma AÇÃO, ou EVENTO.

Um exemplo é o EVENTO "Quando SCRATCHbandeira.png for clicado":

SCRATCHcodigo1.png

Esta instrução vai funcionar para iniciar a execução do programa.

Porém, quando você clicar na bandeira verde, aparentemente nada acontecerá, uma vez que não há outra instrução.

Então, vamos adicionar algum movimento ao ator, o Gato laranja, de forma que possamos visualizar a execução do código.


SCRATCHcodigo2.png

Note que, ao acrescentarmos a instrução de MOVIMENTO "Mova 10 passos", o gatinho se deslocou levemente pra direita. Isso acontece porque o cenário de execução dos programas é configurado para iniciar os atores no centro e ter, mais ou menos, 200 passos para trás, e 200 passos para a frente.

Então, um movimento de apenas 10 passos causa um deslocamento bem pequeno.

Teste alterar esse valor para 100 passos, ou -50, por exemplo!!!!!


Agora, provavelmente, você está se questionando se esse movimento tem que ser assim, tão artificial. Afinal, o gatinho se move uma certa distância como se estivesse sendo "arrastado", sem mover seu corpo também, né?

Por isto, vamos agora investigar as Fantasias, que é como o Scratch chama as diferentes figuras (com diferentes movimentos de corpo, roupa, acessórios, etc) relacionadas ao mesmo ator.

Clique na Aba "Fantasias".

Este gatinho já tem outra fantasia disponível.


SCRATCHcodigo3.png

Vamos usá-la no nosso programa, através da instrução de APARÊNCIA "próxima fantasia".

Nosso gatinho vai mover-se 20 passos, trocar de fantasia, e mover-se novamente, mais 20 passos, para que a sua caminhada fique mais natural. Entre estas instruções, vamos inserir também a instrução de CONTROLE "espere 1 segundo", pelo simples fato de que, se esta não for inserida, as outras instruções vão ser executadas tão rápido, que você não vai perceber!!!


SCRATCHcodigo4.png

Por fim, vamos tornar este programa mais interessante, repetindo esta sequência de passos mais vezes, de forma que não seja executada uma única vez, e fim.

Para isto, vamos utilizar a instrução de CONTROLE "repita 10 vezes", inserir todo o bloco das outras instruções dentro deste, e executar novamente nosso programa.


SCRATCHcodigo5.png

Agora sim!!!! Nossa animação está muito mais interessante e natural!!! O gatinho se deslocou ao longo de toda a tela, trocando de avatar e parecendo estar caminhando, de verdade.

PMCsmile.png

Exercício

  1. Altere o tempo de espera do bloco de instruções do exemplo acima. O que acontece?
  2. Altere o número de vezes que o bloco de instruções é repetido. O que acontece?
  3. Teste a instrução de SOM "toque o som Meow até o fim" no seu programa.
  4. Investigue outras instruções de MOVIMENTO e de aparência.

<< Página do Projeto Meninas Cientistas AULA 1 - INTRODUÇÃO AO SCRATCH AULA 2 - Efeitos Sonoros>>