Como usar o Scratch (com imagens)

2024 Autor: Robert Blare | [email protected]. Última modificação: 2024-01-31 12:19

Scratch é uma ótima ferramenta educacional desenvolvida pelo MIT. Ele permite que quase qualquer pessoa experimente os conceitos básicos de arte vetorial, animação e desenvolvimento de jogos. Você pode criar projetos sozinho ou pode colaborar com outros criadores online. Este wikiHow ensina como usar o Scratch.

Passos

Parte 1 de 6: Inscrição para uma conta e acesso ao Scratch

Etapa 1. Navegue até scratch.mit.edu/ em um navegador da web

Esta é a página da web do Scratch. Você pode acessar o Scratch diretamente do site ou pode baixar o editor offline para Windows, macOS, Android e Chromebook.

Etapa 2. Clique em Participar do Scratch

Está no canto superior direito. Clique nesta opção para criar uma conta Scratch.

Você não precisa criar uma conta para usar o Scratch, mas ele permite que você salve projetos online e compartilhe seu trabalho. Clique Crio no canto superior direito para abrir o editor Scratch sem criar uma conta. Você ainda pode salvar seu trabalho no computador.

Etapa 3. Crie um nome de usuário e senha e clique em Avançar

Use o campo na parte superior para inserir o nome de usuário desejado. Você pode usar qualquer coisa como seu nome de usuário, mas não use seu nome real. Em seguida, use os próximos dois campos para criar uma senha. Certifique-se de inserir a mesma senha em ambos os campos. Clique Próximo quando você tiver terminado.

Etapa 4. Selecione seu país e clique em Avançar

Use o menu suspenso para selecionar seu país. Clique no botão laranja que diz Próximo quando tiver terminado.

Etapa 5. Selecione sua data de nascimento e clique em Avançar

Use os menus suspensos para selecionar o mês e o ano do seu aniversário. Clique no botão laranja que diz Próximo quando você tiver terminado.

Etapa 6. Selecione seu gênero e clique em Avançar

Clique na opção de rádio ao lado da opção de gênero de sua preferência e clique no botão laranja que diz Próximo. Você pode selecionar "Masculino", "Feminino", "Não binário", "Outro sexo [especifique na caixa]" ou "Prefere não dizer".

Etapa 7. Digite seu endereço de e-mail e clique em Criar minha conta

Use o campo para inserir um endereço de e-mail válido. Em seguida, clique no botão laranja que diz Criar a minha conta quando tiver terminado. Você será conectado automaticamente e direcionado para o Scratch Editor online.

Você também pode baixar o editor offline em https://scratch.mit.edu/download. Para fazer isso, clique em janelas, Mac OS, ChromeOS, ou Android. Então clique Download direto. Abra o arquivo baixado e siga as instruções.

Etapa 8. Digite um nome para o projeto na barra na parte superior

Está à direita da barra de menu na parte superior.

Parte 2 de 6: Criando gráficos

Etapa 1. Compreenda os dois tipos de gráficos

O design de videogame usa dois tipos de imagens gráficas, sprites e cenários. Scratch tem uma variedade de sprites e cenários predefinidos para você escolher. Você também pode fazer seus próprios gráficos dentro do Scratch ou usando um editor gráfico externo.

Cenários:

Os panos de fundo definem a cena em que seu jogo acontece. Geralmente são imagens estáticas que ocupam a tela inteira ou a área de jogo. Clique no ícone que se assemelha a uma fotografia no canto inferior direito para ver uma lista de fundos pré-fabricados. Clique em uma imagem de fundo para selecioná-la.
Sprites:

Sprites são objetos que ficam em cima do fundo. Eles podem ser um personagem jogável, personagens não jogáveis, inimigos e obstáculos, power-ups ou outros objetos interativos. Para selecionar um sprite predefinido, clique no ícone que se assemelha a um gato no canto inferior direito para ver uma lista de sprites predefinidos. Em seguida, clique no sprite que deseja usar. Todos os sprites em seu projeto estão listados abaixo da área de jogo no canto superior esquerdo. Para deletar um sprite, clique no ícone

Etapa 2. Compreenda os dois formatos gráficos

O Scratch permite que você faça jogos 2D. Os dois tipos de gráficos 2D que você pode criar são bitmap e imagens vetoriais.

Bitmap:

As imagens de bitmap são compostas de pixels. Gráficos de bitmap não são usados com freqüência. A desvantagem é que eles tendem a ter um tamanho fixo. Aumentar imagens raster pode fazer com que pareçam pixeladas ou difusas. Os formatos de arquivo bitmap suportados pelo Scratch incluem JPEG / JPG,-g.webp
Vetor:

Ao contrário das imagens raster, os gráficos vetoriais não são feitos de pixels. Eles são compostos de pontos de dados chamados vetores que são conectados para criar linhas e formas. Eles são os gráficos mais usados no Scratch. Scratch oferece suporte a formatos de imagem de gráfico vetorial escalonável (.svg). Você pode criar gráficos vetoriais usando Adobe Illustrator ou Inkscape, que é uma alternativa gratuita ao Illustrator.

Etapa 3. Inicie um novo gráfico no Scratch

Para criar um novo fundo ou sprite usando o editor gráfico integrado, passe o cursor do mouse sobre o ícone que se assemelha a uma fotografia para fundos ou o ícone que se assemelha a um gato para sprites. Em seguida, clique no ícone que se assemelha a um pincel para abrir o editor gráfico integrado.

Para importar uma imagem gráfica externa, clique no ícone que se assemelha a um símbolo com uma seta apontando para cima. Em seguida, selecione uma imagem JPEG / JPG, GIF,-p.webp" />Abrir.

Etapa 4. Use a ferramenta pincel

A ferramenta pincel é usada para desenhar objetos à mão livre. Para selecionar a ferramenta pincel, clique no ícone que se assemelha a um pincel na barra de ferramentas à esquerda da área de desenho no meio. Clique e arraste para desenhar à mão livre usando a ferramenta pincel. Isso cria formas em formato vetorial.

Etapa 5. Use as ferramentas de forma

Existem duas ferramentas de forma no Scratch, a ferramenta retângulo e a ferramenta elipse. A ferramenta retângulo pode ser usada para fazer quadrados e formas retangulares. A ferramenta elipse pode ser usada para fazer círculos e ovais. Clique no ícone que se assemelha a um quadrado ou círculo na barra de ferramentas à esquerda da área de desenho. Em seguida, clique e arraste na área de desenho para criar um retângulo ou forma oval.

Segure a tecla “Shift” enquanto arrasta para criar um quadrado ou círculo perfeito

Etapa 6. Use a ferramenta de linha

A ferramenta de linha pode ser usada para criar linhas retas. Para usar a ferramenta de linha, clique no ícone que se assemelha a uma linha reta na barra de ferramentas à esquerda. Em seguida, clique e arraste para criar uma linha.

Etapa 7. Use a ferramenta borracha

A ferramenta borracha é usada para apagar partes de uma forma ou linha que você já desenhou. Para usar a ferramenta borracha, clique no ícone que se assemelha a uma borracha na barra de ferramentas à esquerda. Em seguida, clique e arraste sobre uma imagem ou parte de uma imagem que deseja apagar.

Etapa 8. Use a ferramenta remodelar

A ferramenta remodelar é usada para alterar a forma de um objeto vetorial. Para usar a ferramenta remodelar, clique no ícone que se assemelha a um cursor do mouse clicando em um ponto. Isso exibe todos os pontos do vetor em seu desenho. Clique e arraste os pontos do vetor para alterar a forma de um objeto.

Para alterar uma linha de reta para curva, clique em um ponto de vetor com a ferramenta remodelar. Então clique Curvado acima da área de desenho. Clique Pontiagudo para fazer uma linha curva reta.

Etapa 9. Use a ferramenta de seleção

A ferramenta de seleção permite selecionar e mover objetos desenhados na área de desenho. Para usar a ferramenta de seleção, clique no ícone que se assemelha a um cursor do mouse na barra de ferramentas à esquerda. Em seguida, clique no objeto que deseja selecionar. Clique e arraste para selecionar vários objetos ou segure Mudança enquanto seleciona o seu

Para agrupar vários objetos em um objeto, use a ferramenta de seleção para selecionar todos os objetos que deseja agrupar. Clique Grupo acima da área de desenho para agrupá-los. Clique Desagrupar para separar objetos que foram agrupados.
Ao contrário dos gráficos de bitmap que são feitos de pixels, os gráficos vetoriais são feitos de formas que podem ser empilhadas umas sobre as outras. Para mover um objeto atrás ou na frente de outro objeto, selecione-o com a ferramenta de seleção. Então clique Avançar ou Para trás para mover o objeto para cima ou para baixo uma camada. Clique Frente ou Voltar para mover o objeto até a parte superior ou inferior de seus objetos.

Etapa 10. Selecione uma cor

Para selecionar uma cor, clique em um objeto com a ferramenta de seleção ou selecione uma ferramenta de desenho na barra de ferramentas. Em seguida, clique na caixa que diz Preencher para selecionar a cor dentro de um objeto. Clique na caixa que diz Contorno para selecionar uma cor para a linha ao redor do objeto.

Para selecionar uma cor, use a barra deslizante abaixo de "Cor" para selecionar o matiz da cor. Use a barra deslizante abaixo de "Saturação" para selecionar a quantidade de cor aplicada. Use a barra deslizante abaixo de "Escuridão" para selecionar o quão escura é a tonalidade da cor.
Para remover a cor, clique na caixa branca com uma linha vermelha atravessando-a no canto inferior esquerdo do menu de seleção de cores.

Etapa 11. Selecione a espessura da linha

Para alterar a espessura da linha, selecione um objeto com um contorno ou selecione as ferramentas de linha ou forma. Em seguida, digite um número na caixa ao lado de "Contorno" ou use as setas para cima e para baixo para alterar a espessura da linha.

Para a ferramenta Pincel, use a caixa ao lado do ícone que se assemelha a um pincel na parte superior para alterar a espessura dos traços do pincel

Etapa 12. Use a ferramenta balde de tinta

A ferramenta balde de tinta é usada para preencher uma forma com uma cor. Para usar a ferramenta balde de tinta, clique no ícone que se assemelha a um balde de tinta despejando na barra de ferramentas. Use o seletor de cores "Preenchimento" para selecionar uma cor. Em seguida, clique dentro do objeto que deseja preencher.

Parte 3 de 6: Montagem de uma cena

Etapa 1. Clique na guia Backdrops

É a segunda guia no canto superior esquerdo.

Etapa 2. Selecione um cenário

Todos os cenários carregados são listados no painel à esquerda quando você clica na guia "Cenários".

Para renomear um cenário, use a barra ao lado de "Traje" acima da área de desenho para digitar um novo nome para o cenário

Etapa 3. Adicione um sprite à cena

Todos os sprites que você carregou estão listados abaixo da área de jogo no canto superior direito. Clique e arraste um sprite para a área de jogo para colocá-lo na cena. Arraste-o para o local que você deseja. Você pode alterar o local a qualquer momento clicando e arrastando o objeto na área de jogo.

Etapa 4. Altere o tamanho de um sprite

Para alterar o tamanho de um sprite, marque o tempo do número percentual do sprite na caixa ao lado de "Tamanho".

Etapa 5. Mude a direção de um sprite

Para alterar a direção de um sprite, clique na caixa ao lado de "Direção". Em seguida, clique e arraste a seta ao redor da bússola para a direção que você deseja que o sprite aponte. Clique no ícone que se assemelha a duas setas apontando uma para a outra abaixo da bússola para virá-lo na direção do espelho.

Etapa 6. Renomear um sprite

Para renomear um sprite, digite o nome do sprite na caixa ao lado de "Sprite" abaixo da área de jogo.

Parte 4 de 6: Criação e seleção de sons

Etapa 1. Clique na guia Sons

É a terceira guia na parte superior do canto superior esquerdo.

Etapa 2. Clique no ícone que se assemelha a um alto-falante

Ele está no canto inferior esquerdo quando você clica na guia "Sons".

Etapa 3. Use as guias na parte superior para navegar pelos sons

As guias na parte superior do menu Sons permitem que você navegue pelos sons por categoria.

Etapa 4. Passe o mouse sobre o ícone de reprodução para visualizar um som

É o ícone roxo no canto superior direito de cada opção de som.

Etapa 5. Clique em um som para selecioná-lo

Isso carrega o som no painel à esquerda e o abre no editor de som.

Para enviar seu próprio som, passe o cursor do mouse sobre o ícone do alto-falante no canto inferior esquerdo. Em seguida, clique no ícone que se assemelha a um trey com uma seta apontando para cima. Clique em um arquivo de som e clique em Abrir. Scratch suporta arquivos.wav e.mp3.
Para gravar seu próprio som, passe o cursor do mouse sobre o ícone do alto-falante no canto inferior esquerdo. Em seguida, clique no ícone que se assemelha a um microfone. Clique no botão gravar para iniciar a gravação. Clique no botão parar para parar a gravação. Clique no ícone de reprodução para visualizar a gravação. Clique e arraste as barras vermelhas para a esquerda e direita da onda de som para selecionar o ponto inicial e final do clipe de som. Então clique Salve .
Você também pode carregar sons de outros projetos. Vá para o som no editor de outro projeto, abra a mochila e arraste o som para dentro dela.

Etapa 6. Nomeie um som

Para nomear ou renomear um som, digite um nome para o som na barra ao lado de "Som" na parte superior do menu Editor de som.

Etapa 7. Altere o som

Existem várias opções abaixo da onda sonora que alteram o som. Essas opções são as seguintes:

Mais rápido:

Esta opção acelera o som.
Mais devagar:

Esta opção torna o som mais lento.
Mais alto:

Esta opção aumenta o volume do som.
Mais suave:

Esta opção diminui o volume do som.
Mudo:

Isso baixa o volume para 0.
Aparecimento gradual:

Esta opção faz com que o som comece mais baixo e fique mais alto.
Fade out: Esta opção faz com que o som diminua no final.
Reverter:

Esta opção reproduz o som ao contrário.
Robô:

Esta opção adiciona um efeito de som metálico.

Parte 5 de 6: Criação de código

Etapa 1. Clique na guia Código

É a primeira guia na parte superior do canto superior esquerdo. Isso exibe o menu de código.

Etapa 2. Clique em um sprite ao qual deseja aplicar o código

Sprites são listados abaixo da área de jogo à esquerda.

Etapa 3. Arraste um bloco de evento para a área de código

No Scratch, a codificação é feita em blocos visuais. Os blocos de eventos estão listados abaixo de "Eventos" na lista de blocos. Eles indicam uma ação que dispara um script. Os exemplos incluem, "Quando [ícone de bandeira verde] é clicado", "Quando [tecla do teclado] é pressionada", ou "Quando este sprite é clicado".

Alguns blocos têm menus suspensos que você pode usar para selecionar uma opção ou uma caixa de texto branca que pode usar para inserir seu próprio valor. Por exemplo, para atribuir uma ação a uma tecla do teclado, arraste o bloco que diz "Quando [espaço] é pressionado" para a área de código. Em seguida, use o menu suspenso no bloco para selecionar uma tecla do teclado

Etapa 4. Anexe um bloco de ação abaixo do bloco de evento

Os blocos de ação fazem algo acontecer quando o evento é disparado. Ele pode fazer os objetos na área de jogo se moverem, acionar um efeito sonoro, exibir texto ou alterar a partitura. Anexe um bloco de ação na parte inferior do bloco de evento para que os entalhes se alinhem. Use as seguintes etapas para criar controles de movimento simples:

Selecione um sprite.
Adicione um bloco de eventos que diz "Quando a [seta para a direita] é pressionada" para a área de codificação.
Anexe um bloco que diga "ponto na direção (90) 'abaixo do bloco de eventos.
Anexe outro bloco que diga "mover (10) etapas".
Adicione um novo bloco de eventos que diz "Quando [seta para a esquerda] é pressionada" para a área de codificação.
Anexe um bloco que diga "apontar na direção (90)" abaixo do bloco de eventos.
Clique no círculo branco que diz (90) e arraste a seta para que aponte para a esquerda. O bloco agora deve dizer "apontar na direção (-90)"
Anexe outro bloco que diga "mover (10) etapas".

Etapa 5. Clique no ícone da bandeira verde acima da área de jogo

Isso inicia seu programa e permite testá-lo. Existem muitas combinações de blocos que você pode usar. Tente experimentar e assistir a muitos tutoriais para aprender como se tornar um bom programador desde o início.

Etapa 6. Clique no ícone da bandeira vermelha acima da área de jogo

Isso interrompe o seu programa.

Parte 6 de 6: Salvando e carregando seu trabalho

Etapa 1. Clique em Arquivo

Está na barra de menu na parte superior.

Etapa 2. Clique em Salvar no seu computador

Use esta opção para salvar uma cópia do seu programa Scratch em seu computador desktop.

Alternativamente, se você estiver usando o editor online e estiver logado, você pode clicar Salve agora para salvar seu trabalho online.

Etapa 3. Digite um nome para o seu arquivo

Vai no campo ao lado de "Nome do arquivo".

Etapa 4. Clique em Salvar

Isso salva seu arquivo Scratch como um arquivo ".sb3".

Etapa 5. Clique em Arquivo