Introdução

Você vai aprender a fazer um jogo, no qual você usará o mouse para navegar um barco até uma ilha deserta.

Passo 1: Planejando o seu jogo

Lista de atividades

  • Comece um novo projeto Scratch, e delete o ator gato para que seu projeto fique vazio. Você pode encontrar o editor online do Scratch clicando em Criar em scratch.mit.edu. Caso o site não esteja em português, peça ajuda para o instrutor!

  • Clique no seu pano de fundo do palco e planeje seu nível. Você deverá adicionar:
    • Madeira que o barco tem que desviar;
    • Uma ilha deserta onde seu barco barco tem de chegar.

    Veja como o seu jogo poderá ficar:

    screenshot

Passo 2: Controlando o barco

Lista de atividades

  • Se seu líder de clube lhe deu a pasta ‘Recursos’, clique em ‘Carregar traje a partir de arquivo’ e adicione a imagem ‘barco.png’. Você deve encolher o ator e colocá-lo na sua posição inicial.

    screenshot

    Se você não tem a imagem barco.png, você pode desenhar o seu próprio!

  • Você controlará o barco com seu mouse. Adicione este código para seu barco:

        quando clicar em ⚑
    aponte para a direção (0 v) graus
    vá para x:(-190) y:(-150)
    sempre
       aponte para [ponteiro do mouse v]
       mova (1) passos
    end

  • Teste o seu barco, clicando na bandeira e movendo o mouse. O barco veleja em direção ao mouse?

    screenshot

  • O que acontece se o barco alcança o ponteiro do mouse?

    Para evitar que isso aconteça, você precisará adicionar um bloco se no seu código, de modo que o barco apenas se movimente se ele estiver a mais de 5 pixels de distância do mouse.

    screenshot

  • Teste seu barco novamente para conferir se o problema foi corrigido.

Salve seu projeto

Passo 3: Colidindo!

Seu barco pode velejar através das barreiras de madeira! Vamos corrigir isso.

Lista de atividades

  • Você precisará de 2 fantasias para seu barco, uma fantasia normal, e uma para quando o barco colidir. Duplique a fantasia do seu barco, e as nomeie como ‘normal’ e ‘atingido’.

  • Clique na sua fantasia ‘atingido’, e escolha a ferramenta ‘Selecionar’ para pegar pedaços do barco e mover e girar em torno deles. Faça seu barco parecer como se ele tivesse colidido.

    screenshot

  • Adicione este código para o seu barco, dentro do loop sempre, de modo que ele colida quando tocar qualquer pedaço de madeira marrom:

        se <tocou na cor [#603C15]?> então
       mude para a fantasia [atingido v]
       diga [Nãããão!] por (1) segundos
       mude para a fantasia [normal v]
       aponte para a direção (0 v) graus
       vá para x:(-215) y:(-160)
    end

    Esse código está no interior do loop sempre, para que o código mantenha-se verificando se o barco colidiu.

  • Você também deve se certificar de que o seu barco sempre começa como ‘normal’.

  • Agora se você tentar navegar através de uma barreira de madeira, você deverá ver que seu barco colide e retorna ao início.

    screenshot

Salve seu projeto

Desafio: Vencendo!

Você pode adicionar outro se para o código do seu barco, de modo que o jogador vença quando ele chegar na ilha deserta?

Quando o barco chegar na ilha deserta amarela, ele deve dizer ‘YEAH!’ e então o jogo deve parar. Você precisará usar este código:

    diga [YEAH!] por (1) segundos
    pare [todos v]

screenshot

Salve seu projeto

Desafio: Efeitos sonoros

Você pode adicionar efeitos sonoros para seu jogo, para quando o barco colidir, ou alcançar a ilha no final. Você pode até mesmo adicionar música de fundo (veja o projeto ‘Rock Band’, se você precisar de ajuda para isso).

Salve seu projeto

Passo 4: Contra-relógio

Vamos adicionar um cronômetro no seu jogo, de modo que o jogador tenha que chegar à ilha deserta o mais rápido possível.

Lista de atividades

  • Adicione uma nova variável chamada tempo para seu palco. Você também pode mudar a exibição de sua nova variável. Se você precisar de ajuda, olhe o projeto ‘Balões’.

    screenshot

  • Adicione este código para seu palco, de modo que o cronômetro conte até que o barco alcance a ilha deserta:

        quando clicar em ⚑
    mude [tempo v] para [0]
    sempre
       espere (0.1) seg
       adicione a [tempo v] (0.1)
    end

  • É isso aí! Teste seu jogo e veja o quão rápido você consegue chegar na ilha deserta!

    screenshot

Salve seu projeto

Passo 5: Obstáculos e aceleradores

Este jogo é de longe muito fácil - vamos adicionar coisas para torná-lo mais interessante.

Lista de atividades

  • Primeiro vamos adicionar alguns ‘aceleradores’ no seu jogo, que irão aumentar a velocidade do barcos. Edite seu plano de fundo e adicione algumas flechas brancas, como se fossem correntes de água para impulsionar o seu barco.

    screenshot

  • Agora você pode adicionar código no laço sempre, de modo que ele se mova dois passos extra quando tocar as marcas brancas.

        se <tocou na cor [#FFFFFF]?> então
        mova (3) passos
    end

  • Você também pode adicionar um portão giratório, o qual seu barco deverá evitar. Adicione um novo ator chamado ‘portão’, que se parece com isto:

    screenshot

    Certifique-se de que a cor do portão é a mesmo que as outras barreiras de madeira.

  • Defina o centro do ator portão.

    screenshot

  • Adicione código para seu portão, para fazê-lo girar lentamente sempre.

  • Teste seu jogo. Agora você dever ter um portão giratório que você deve desviar.

    screenshot

Salve seu projeto

Desafio: Mais obstáculos!

Você consegue adicionar mais obstáculos no seu jogo? Aqui estão algumas ideias:

  • Você poderia adicionar lodo verde para seu pano de fundo, o qual diminui a velocidade do jogador quando ele tocar. Você pode usar o bloco espere para fazer isso:

    espere (0.01) seg

screenshot

  • Você poderia adicionar um objeto em movimento, como uma tora ou tubarão!

screenshot

Estes blocos podem ajudá-lo:

    mova (1) passos
    se tocar na borda, volte

Se o seu novo objeto não é marrom, você precisa adicionar ao código do seu barco:

    se <<tocou na cor [#603C15]?> ou <tocar em [shark v]?>> então
    end

Salve seu projeto

Desafio: Mais barcos!

Você pode transformar seu jogo em uma corrida entre dois jogadores?

  • Duplique o barco, renomeie para ‘Jogador 2’ e mude sua cor.

screenshot

  • Mude a posição inicial do ‘Jogador 2’, mudando seu código:

    vá para x:(-190) y:(-150)

  • Exclua o código que usa o mouse para controlar o barco:

    se <(distância até [ponteiro do mouse v]) > [5]> então
        aponte para [ponteiro do mouse v]
        mova (1) passos
    end

…e substitua com o código para controlar o barco usando as setas do teclado.

Este é o código que você precisará para mover o barco para a frente:

    se <tecla [seta acima v] pressionada?> então
        mova (1) passos
    end

Você também vai precisar de código para girar o barco quandoa as setas esquerda e direita são pressionadas.

Salve seu projeto

Desafio: Mais níveis!

Você pode criar cenários adicionais e permitir que o jogador escolha entre níveis?

    quando pressionar tecla [espaço v]
    próximo pano de fundo

Salve seu projeto

Community Contributed Translation

This project was translated by Leonardo Nerone and Luis Moneda. Our amazing translation volunteers help us give children around the world the chance to learn to code. You can help us reach more children by translating a Code Club project via Github or by getting in touch with us at .