Como fazer um jogo no zero (com imagens)

Índice:

Como fazer um jogo no zero (com imagens)
Como fazer um jogo no zero (com imagens)
Anonim

Scratch é uma linguagem de programação visual popular desenvolvida pelo MIT Media Lab como uma ferramenta educacional para crianças. Ele está disponível online, com versões para desktop disponíveis para Mac OS, Windows, Chrome OS e Android. Este wikiHow ensina o básico de como fazer um jogo

Passos

Parte 1 de 4: Baixando o Scratch

Faça um jogo no zero, passo 1
Faça um jogo no zero, passo 1

Etapa 1. Navegue até a página Scratch Download em um navegador da web

Esta é a página da web onde você pode baixar a versão desktop do Scratch.

Faça um Jogo no Scratch - Etapa 2
Faça um Jogo no Scratch - Etapa 2

Etapa 2. Clique em Download direto

Abaixo está a opção de baixar o Scratch da loja digital do seu sistema.

Alternativamente, você pode clicar Crio na parte superior da página da web para começar a criar imediatamente online dentro do seu navegador.

Faça um Game on Scratch - Etapa 3
Faça um Game on Scratch - Etapa 3

Etapa 3. Clique duas vezes no arquivo de instalação

O arquivo de instalação Scratch é "Scratch Desktop Setup 3.9.0.exe" para Windows e "Scratch 3.6.0.dmg" para Mac. Quando o download do arquivo de instalação terminar, clique duas vezes no arquivo de instalação para iniciar o processo de instalação. Você pode encontrar os arquivos baixados na pasta Downloads ou no navegador da web.

Faça um Game on Scratch - Etapa 4
Faça um Game on Scratch - Etapa 4

Etapa 4. Instale o Scratch

Use as seguintes etapas para instalar o Scratch:

  • janelas

    • Selecione "Somente para mim" ou "Qualquer pessoa que use este computador".
    • Clique Instalar
    • Clique sim para permitir que o instalador Scratch faça alterações em seu sistema.
    • Clique Terminar.
  • Mac:

    Raspe o ícone do aplicativo Scratch para a pasta Aplicativos

Parte 2 de 4: Adicionando gráficos

Faça um jogo no zero, passo 5
Faça um jogo no zero, passo 5

Etapa 1. Abra o Scratch

Ele tem um ícone amarelo com um S nele. Clique no ícone no menu Iniciar do Windows. Você pode encontrá-lo na pasta Aplicativos no Mac.

Na primeira vez que você abre o Scratch, ele pergunta se você deseja enviar dados para a equipe do Scratch para ajudar a melhorar o Scratch. Você pode clicar Não, obrigado ou Sim, gostaria de ajudar a melhorar o Scratch. Se você selecionar Sim, os dados de uso serão enviados para a equipe Scratch. A equipe Scratch não coleta informações pessoais.

Faça um jogo no zero, passo 6
Faça um jogo no zero, passo 6

Etapa 2. Adicione um plano de fundo

Para adicionar um fundo no Scratch, clique no ícone que se assemelha a uma fotografia no canto inferior direito. Em seguida, selecione uma imagem para usar como plano de fundo. Você pode usar as guias na parte superior para navegar por fundos por categoria ou usar a barra de pesquisa no canto superior esquerdo para pesquisar fundos por nome.

  • Para carregar seu próprio fundo, passe o cursor do mouse sobre o ícone que se assemelha a uma fotografia e clique no ícone que se assemelha a um truque com uma seta apontando para cima. Clique na imagem que deseja usar como plano de fundo e clique em Abrir.
  • Para desenhar seu próprio fundo, passe o cursor do mouse sobre o ícone que se parece com uma fotografia e clique no ícone que se parece com um pincel. Use as ferramentas de pintura para pintar seu próprio plano de fundo.
Faça um jogo no zero, passo 7
Faça um jogo no zero, passo 7

Etapa 3. Adicione um sprite

Sprites são objetos de imagem que fazem parte da cena do jogo. Eles podem ser o personagem do jogador, inimigos ou obstáculos, personagens não-jogadores, power-ups e consumíveis, ou objetos de fundo animados. Para adicionar um sprite, clique no ícone que lembra um gato no canto inferior direito. Em seguida, clique em um sprite que deseja adicionar à sua cena.

  • Como fundos, você pode carregar e pintar seus próprios sprites em sua cena. Para fazer isso, passe o cursor do mouse sobre o ícone que se assemelha a um gato e clique no ícone que se assemelha a um gato com uma seta apontando para cima para carregar seu próprio sprite. Clique no ícone que se assemelha a um pincel para pintar seus próprios sprites.
  • Se você precisar excluir um sprite, clique no sprite na lista abaixo da janela de visualização no canto superior direito e pressione o botão Excluir chave.
Faça um jogo no zero, passo 8
Faça um jogo no zero, passo 8

Etapa 4. Arraste o sprite para onde você deseja no início do jogo

A janela de visualização está no canto superior direito. Clique e arraste o sprite para onde você deseja no início do jogo.

Parte 3 de 4: Adicionando controles e movimento a um Sprite

Faça um jogo no zero, passo 9
Faça um jogo no zero, passo 9

Etapa 1. Clique no sprite ao qual deseja adicionar controles

Clique no ícone do sprite abaixo da janela de visualização no canto superior direito para selecionar um sprite.

Faça um jogo no zero, passo 10
Faça um jogo no zero, passo 10

Etapa 2. Clique na guia Código

É a primeira guia no canto superior esquerdo abaixo do logotipo do Scratch.

Faça um Jogo no Scratch - Etapa 11
Faça um Jogo no Scratch - Etapa 11

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

No Scratch, a codificação é feita em blocos. Todos os blocos são listados no painel à esquerda sob a guia de blocos. Os blocos são codificados por cores por tipo. Os blocos de eventos são codificados por cores amarelas. Clique no ponto amarelo à esquerda para pular para os blocos de eventos. Em seguida, arraste um bloco de eventos para a área de código à direita da lista de blocos. Um bloco de evento pode ser algo como "Quando este sprite é clicado", "Quando [tecla] é pressionada" ou "Quando [ícone de bandeira verde] é clicado".

A sequência do jogo começa quando você clica no ícone da bandeira verde acima da janela de visualização. Use o bloco que diz "Quando o [ícone da bandeira verde] é clicado" para criar uma ação que começa assim que o jogo começa. Está no topo dos blocos de eventos. Tem um ícone com uma bandeira verde

Faça um Jogo no Scratch - Etapa 12
Faça um Jogo no Scratch - Etapa 12

Etapa 4. Anexe um bloco abaixo do bloco de eventos

Os blocos de movimento são codificados por cores em azul e os blocos Look são codificados por cores em roxo. Encontre um bloqueio para o que você deseja que aconteça. Arraste-o para a área de código e anexe-o abaixo do bloco de eventos na área de código. Observe como os blocos têm um entalhe acima e abaixo deles. Insira o entalhe para o bloco de ação no bloco de evento.

  • Se o bloco tiver uma seta apontando para baixo (⏷), clique na seta para exibir um menu suspenso. Selecione uma opção (como a tecla do teclado) no menu suspenso.
  • Se um bloco tiver uma bolha branca com texto, você pode alterar o texto dentro da bolha.
Faça um Jogo no Scratch - Etapa 13
Faça um Jogo no Scratch - Etapa 13

Etapa 5. Experimente os blocos

É preciso um pouco de experimentação para descobrir como fazer com que os blocos façam o que você deseja. Tente anexar blocos diferentes e veja o que acontece. A seguir estão alguns exemplos de blocos que você pode tentar.

  • Blocos de exemplo 1:

    Selecione "Quando este sprite é clicado" como um bloco de evento. Em seguida, anexe o bloco que diz "diga [olá!] Por [2] segundos" dos blocos Looks.

  • Blocos de exemplo 2:

    Para fazer um sprite se mover para a esquerda e para a direita quando você pressiona as teclas de seta para a esquerda e para a direita, adicione o bloco de eventos que diz "Quando a [seta para a direita ⏷] é pressionada". Você precisará selecionar a tecla de seta para a direita no menu suspenso do bloco. Em seguida, anexe um bloco que diga "apontar na direção [90]" dos blocos de movimento. Em seguida, anexe outro bloco de movimento que diga "mover [10] etapas". Em seguida, arraste outra tag de evento para a área de código que diz "Quando [seta para a esquerda ⏷] for pressionada", anexe um bloco de movimento que diga "apontar na direção [-90]" e anexe outro bloco de movimento que diga "mover [10] etapas"

Parte 4 de 4: Adicionando Variáveis e Detecção de Colisão

Faça um Jogo no Scratch - Etapa 14
Faça um Jogo no Scratch - Etapa 14

Etapa 1. Clique em Variáveis

É o ponto laranja no painel à esquerda. Isso exibe os blocos variáveis. Variáveis são o que é usado para fazer coisas como pontuação, vidas, medidor de saúde, etc.

Faça um Jogo no Scratch - Etapa 15
Faça um Jogo no Scratch - Etapa 15

Etapa 2. Clique em Criar uma variável

Está acima da lista de blocos variáveis. Isso abre uma janela que você pode usar para criar suas próprias variáveis.

Faça um Jogo no Scratch - Etapa 16
Faça um Jogo no Scratch - Etapa 16

Etapa 3. Digite um nome para sua variável e clique em OK

Você pode chamá-lo de algo como "Pontuação" ou "Vidas" ou o que quiser mudar quando seus sprites colidirem.

Faça um Jogo no Scratch Passo 17
Faça um Jogo no Scratch Passo 17

Etapa 4. Arraste o bloco que diz "Quando [ícone de bandeira verde] é clicado" na área de código

Está nos blocos de eventos. É o bloco com bandeira verde no texto.

Faça um Game on Scratch - Etapa 18
Faça um Game on Scratch - Etapa 18

Etapa 5. Anexe o bloco que diz "Definir [variável] para [em branco]"

Está nos blocos variáveis. Use o menu suspenso no bloco para selecionar a variável que você criou.

Faça um jogo no zero, passo 19
Faça um jogo no zero, passo 19

Etapa 6. Digite o número que você deseja que a variável seja no início do jogo na bolha branca

Por exemplo, se você deseja criar uma pontuação, deve defini-la como "0" no início do jogo. Para vidas, insira o número de vidas que você deseja que seu personagem tenha no início do jogo.

Faça um Game on Scratch - Etapa 20
Faça um Game on Scratch - Etapa 20

Etapa 7. Anexe um bloco de loop "Forever" após o bloco Set Variable

Está na seção "Controle". Este bloco possui um entalhe no meio para adicionar blocos no meio dele.

Faça um Jogo no Scratch - Etapa 21
Faça um Jogo no Scratch - Etapa 21

Etapa 8. Anexe um look "If / Then" no meio do bloco "Para sempre"

O bloco "If / Then" também tem um entalhe no meio. Além disso, possui uma chave hexagonal após "If".

Faça um Game on Scratch - Etapa 22
Faça um Game on Scratch - Etapa 22

Etapa 9. Adicione um bloco "Tocante" na chave hexagonal

O bloco "Touching" está no topo dos blocos Sensing. Arraste-o para a chave hexagonal no bloco "If / Then".

Faça um Game on Scratch - Etapa 23
Faça um Game on Scratch - Etapa 23

Etapa 10. Selecione um sprite diferente que seu sprite controlável possa tocar

Use o menu suspenso no bloco para selecionar outro sprite. Por exemplo, pode ser um sprite inimigo, um power-up ou um item simples que muda sua pontuação.

Faça um Jogo no Scratch - Etapa 24
Faça um Jogo no Scratch - Etapa 24

Etapa 11. Anexe os blocos que você deseja que aconteçam quando os sprites colidirem

Se você deseja criar uma sequência de morte complexa, pode ser necessário alguns experimentos com os controles de movimento para que tudo funcione corretamente. Para alterar a variável, anexe a variável que diz "alterar [variável] por [em branco] ao bloco" Se / Então ". Use o menu suspenso no bloco" alterar variável "para selecionar a variável que deseja alterar. Insira o valor que você deseja alterar na bolha branca. Por exemplo, insira "1" na bolha branca para aumentar sua pontuação em 1 ponto. Se você quiser tirar uma vida, insira "-1" na bolha branca bolha.

Recomendado: