Introdução

Neste projeto, você irá fazer seu próprio programa de pintura!

Passo 1: Fazendo um lápis

Vamos começar criando um lápis, que pode ser usado para desenhar no palco.

Checklist da Atividade

  • Comece um novo projeto Scratch, e delete o ator gato de forma que seu projeto fique vazio. Você pode encontrar o editor online do Scratch em jumpto.cc/scratch-new.

  • Adicione o ator lápis no seu projeto.

    screenshot

  • Clique em ‘Fantasias’, e delete a fantasia ‘lapis-b’.

    screenshot

  • Renomeie sua fantasia para ‘lapis-azul’, e use a ferramenta ‘Colorir uma forma’ para deixar o lápis azul.

    screenshot

  • Como você usará o mouse para desenhar, que vai querer que o lápis siga o mouse sempre. Adicione este código para o lápis:

        quando clicar em ⚑
    sempre
        vá para [mouse pointer v]
    end

  • Teste esse código clicando na bandeira e então mova o mouse em volta do palco. Funcionou como esperado?

  • Você notou que é o centro da lápis, e não a ponta, que segue o ponteiro do mouse?

    screenshot

    Para arrumar isso, clique na fantasia ‘lapis-azul’ do ator lápis, e clique em ‘Especificar centro da fantasia’.

    screenshot

  • Você deve perceber que uma mira aparece na fantasia. Agora você pode clicar logo abaixo da ponta do lápis, para definir este ponto como centro da fantasia.

    screenshot

  • Clique na aba ‘Scripts’, e teste seu lápis novamente - ele funciona melhor que antes?

  • Agora, vamos fazer seu lápis desenhar se se o mouse tiver sido clicado. Adicione este código para o seu lápis:

    screenshot

  • Teste seu código novamente. Agora, mova o lápis pelo palco e pressione o botão do mouse. Você consegue desenhar com seu lápis?

    screenshot

Salve seu projeto

Passo 2 2: Lápis coloridos

Vamos adicionar diferentes cores de lápis ao seu projeto, e permitir que o usuário escolha entre elas!

Checklist da atividade

  • Clique no ator lápis, clique em ‘Fantasias’ e duplique a fantasia ‘lapis-azul’.

    screenshot

  • Renomeie sua nova fantasia para ‘lapis-verde’, e mude a cor do lápis para verde.

    screenshot

  • Crie dois novos atores, os quais você usará para selecionar o lápis azul ou verde.

    screenshot

  • Quando o seletor verde é clicado, você precisa enviar uma mensagem para o ator lápis, dizendo para ele mudar sua fantasia e a cor do lápis.

    Para fazer isso, primeiro adicione este código para o ícone do seletor verde:

        quando este ator for clicado
    envie [green v] a todos

    Para criar o bloco envie, clique na seta para baixo e selecione ‘nova mensagem’.

    screenshot

    Você pode digitar ‘verde’ para criar sua nova mensagem.

    screenshot

  • Você precisa contar para seu ator lápis o que fazer quando ele receber a mensagem. Adicione este código para o lápis:

        quando eu ouvir [green v]
    mude para a fantasia [pencil-green v]
    mude a cor da caneta para [#00ff00]

    Para fazer com que o lápis pinte de verde, clique na caixa colorida do comando mude a cor da caneta para, e clique no ícone do seletor verde para escolher verde para a cor do seu lápis.

  • Você pode, agora, fazer o mesmo para o ícone do lápis azul, adicionando este código para o seletor azul:

        quando este ator for clicado
    envie [blue v] a todos

    …e adicionando esté código para o lápis:

        quando eu ouvir [blue v]
    mude para a fantasia [pencil-blue v]
    mude a cor da caneta para [#0000ff]

  • Finalmente, você precisa contar para o lápis qual fantasia e cor escolher, bem como limpar a tela, quando seu projeto é iniciado. Adicione esté código no começo do código do lápis Quando clicar em (antes do loop sempre):

        apague tudo
    mude para a fantasia [blue-pencil v]
    mude a cor da caneta para [#0000ff]

    Se você quiser, você pode começar com uma cor diferente de lápis

  • Teste seu projeto. Você pode mudar entre as cores azul e verde?

    screenshot

Salve seu projeto

Passo 3: Cometendo erros

Algumas vezes erros acontecem, então vamos acrescentar um botão ‘limpar’ e uma borracha ao seu projeto!

Checklist da Atividade

  • Vamos acrescentar um botão para limpar ao seu palco. Para fazer isso, acrescente o ator letra X ao seu palco, seu nome é ‘X-block’, e mude sua cor para vermelho.

    screenshot

  • Acrescente este código ao seu novo botão Cancelar para limpar o palco, quando este botão for clicado.

        quando este ator for clicado
    apague tudo

    Perceba que você não precisa enviar uma mensagem para limpar o palco, qualquer ator pode fazer isto!

  • Você também pode criar uma borracha. Se seu líder do clube tiver fornecido uma pasta ‘Recursos’, clique em ‘Carregue fantasia a partir de arquivo’ e acrescente a imagem ‘eraser.svg’.

    screenshot

    Se você não tiver a imagem eraser.svg, crie um lápis branco e o utilize!

  • Você deve acrescentar a imagem da borracha como um seletor. É assim que seu palco deve ficar:

    screenshot

  • Você pode acrescentar este código ao ator borracha, para dizer ao lápis para se trocar por uma borracha.

        quando este ator for clicado
    envie [eraser v] a todos

  • Quando o lápis receber esta mensagem, você pode criar uma borracha simplesmente trocando a fantasia de lápis para a fanstasia de borracha e mudando a cor do lápis para a mesma cor do seu palco.

        quando eu ouvir [eraser v]
    mude para a fantasia [eraser v]
    mude a cor da caneta para [#FFFFFF]

  • Teste seu projeto, para ver se você pode limpar e apagar o palco.

    screenshot

  • Ainda temos mais um problema com o lápis - você pode desenhar em qualquer lugar do palco, incluindo a área dos botões seletores!

    screenshot

    Para consertar isto, você tem que dizer ao lápis para desenhar apenas se o mouse estiver clicado e se a posição y for maior que -120 (posição y do mouse> -120). Mude o comando se do seu lápis para isto:

    screenshot

  • Teste seu projeto; agora você não conseguirá mais desenhar perto dos seletores.

    screenshot

Salve seu projeto

Step 4: Mudando o tamanho do lápis

Vamos permitir ao usuário desenhar usando diversas grossuras do traço do lápis.

Checklist da Atividade

  • Primeiro, adicione uma nova variável chamada ‘largura’. Se você não tiver certeza de como fazer isso, o projeto ‘Balloons’ ajudará você.

  • Adicione esta linha dentro do loop sempre do código do seu lápis:

        mude o tamanho da caneta para (largura)

    A largura do seu lápis terá o valor da variável ‘largura’.

  • Você pode mudar o valor armazenado nessa variável clicando com o botão direito na sua variável e clicando em ‘controle deslizante’.

    screenshot

    Agora, você pode arrastar o controle deslizante da variável para mudar seu valor.

    screenshot

  • Teste seu projeto, e veja se você consegue modificar a largura do lápis.

    screenshot

    Se você preferir, você pode escolher um valor mínimo e máximo para a variável ‘largura’. Para fazer isso, clique com o botão direito novamente na sua variável e clique em ‘definir cursor mín. e máx.’. Escolha os valores mínimo e máximo 1 e 20 para sua variável para ter um controle mais sensível.

    screenshot

    Continue testando sua variável ‘largura’ até você ficar feliz.

Salve seu projeto

Desafios: Atalhos

Você consegue criar novos atalhos de teclado para seus comandos? Por exemplo:

  • b = mudar para azul
  • g = mudar para verde
  • e = mudar para borracha
  • c = limpar tela

Você também poderia permitir ao usuário mudar o tamanho do lápis com as setas do teclado!

Salve seu projeto

Desafio: Mais canetas

Você consegue adicionar canetas vermelhas, amarelas e pretas para seu programa de desenhar? Você encontrará todas as imagens que precisar na pasta ‘Resources’. Lembre de adicionar atalhos de teclado para essas novas cores!

Você consegue usar suas canetas para desenhar uma foto?

screenshot