Introdução

Neste projeto vais criar o teu proprio programa de desenho!

1ºPasso: Criar um lápis

Vamos começar por criar um lápis, que utilizaremos para desenhar no palco.

Lista de tarefas da atividade

  • Cria um novo projeto no Scratch, e apaga o objeto gato de maneira a que o projeto fique totalmente vazio. Podes encontrar o editor online do Scratch em jumpto.cc/scratch-new.

  • Insere o objeto lápis no teu projeto.

    screenshot

  • Faz clique em “Trajes”, e apaga o traje “lápis-b”.

    screenshot

  • Troca o nome do traje por “lápis-azul”, e usa a ferramenta “colorir uma forma” para fazer que o lápis seja azul.

    screenshot

  • Como vais utilizar o rato para desenhar, vais querer que o lápis siga o rato sempre. Insere este código ao teu lápis:

    screenshot

  • Experimenta o código fazendo clique na bandeira e logo movendo o rato pelo palco. Funciona como esperavas?

  • Já reparas te que é o meio do lápis, e não a ponta, o que segue o ponteiro do rato?

    screenshot

    Para reparar isso, faz clique no traje “lápis-azul” do objeto lápis, e depois faz clique em “Especificar centro do traje”.

    screenshot

  • Deveras ver uma cruz que aparece no traje. Agora faz clique debaixo da ponta do lápis para fixar esse ponto como o meio do traje.

    screenshot

  • Faz clique na janela “Giões”, e experimenta o teu lápis mais uma vez. Funciona melhor do que antes?

  • Agora faremos que o lápis desenhe se fizermos clique no rato. Insere este código ao objeto lápis:

    screenshot

+Experimenta o teu código novamente. Esta vez mexe o lápis pelo palco e mantem apertado o botão do rato. Consegues desenhar melhor com o lápis?

![screenshot](paint-draw.png)

Guarda o teu projeto

2ºPasso: Lápis de cores

Vamos inserir lápis de cores diferentes ao teu projeto e vamos permitir que o usuário possa escolher entre eles!

Lista de tarefas da atividade

  • Faz clique no objeto lápis, faz clique em “trajes” e duplica o traje “lápis-azul”.

    screenshot

  • Renomeia o novo traje para “lápis-verde” e pinta o lápis de cor verde.

    screenshot

  • Cria dos novos objetos que utilizaras para selecionar o lápis azul ou o verde.

    screenshot

  • Ao fazer clique sobre o item de seleção verde, precisas de enviar uma mensagem ao objeto lápis, dizendo lhe que tem de trocar o seu traje e a cor do lápis.

    Para fazer isto, insere este código ao objeto de seleção verde:

        when this sprite clicked
    broadcast [green v]

    Para criar o bloco enviar faz clique na seta para baixo e seleciona “nova mensagem…”.

    screenshot

    Depois escreve “Verde” para criar a tua nova mensagem.

    screenshot

  • Agora precisas de dizer ao teu objeto lápis o que tem de fazer quando recebe a mensagem. Insere este código ao objeto lápis:

        when I receive [green v]
    switch costume to [pencil-green v]
    set pen color to [#00ff00]

    Para fazer que o lápis pinte de cor verde, faz clique na caixa da cor do bloco fixar cor , e depois faz clique no ícone de seleção verde para escolher o verde como a cor para o teu lápis.

  • Agora podes fazer o mesmo para o lápis azul, inserindo este código ao objeto de seleção azul:

        when this sprite clicked
    broadcast [blue v]

    …e insere este código ao objeto lápis:

        when I receive [blue v]
    switch costume to [pencil-blue v]
    set pen color to [#0000ff]

  • Por ultimo precisas de dizer ao objeto lápis que traje e que cor de lápis deve escolher, e que depois deve limpar o ecrã quando começar o projeto. Insere este código ao objeto lápis no começo do código ao pressionar a bandeira verde (antes do bloco por sempre ):

        clear
    switch costume to [blue-pencil v]
    set pen color to [#0000ff]

    Se quiseres, podes começar com uma cor de lápis diferente!

  • Experimenta o teu projeto. Podes trocar entre o lápis azul e o verde?

    screenshot

Guarda o teu projeto

3ºPasso: Cometer erros

As vezes cometem se erros, por isso vamos inserir um botão de “limpar” e uma borracha ao nosso projeto!

Lista de tarefas da atividade

  • Vamos inserir um botão para limpar o palco. Para fazer isto inserimos o objeto da letra ‘X-block’ ao palco e depois pintamos a letra de vermelho.

    screenshot

  • Insere este código ao teu novo botão de cancelar para limpar o palco ao pressionar nele.

        when this sprite clicked
    clear

    Repara que não precisas de enviar uma mensagem para limpar o palco já que qualquer objeto pode faze lo!

  • Também podes criar uma borracha. Se o líder do club te deu um portefólio de “Recursos” faz clique em “carregar traje deste arquivo” e insere a imagem “eraser.svg”.

    screenshot

    Se não tens a imagem eraser.svg cria no seu lugar um novo lápis branco!

  • Também deves inserir a imagem da borracha como um novo objeto de seleção. O teu palco deveria se parecer com este:

    screenshot

  • A continuação podes inserir este código ao objeto de seleção borracha para dizer ao lápis que se convirta numa borracha.

        when this sprite clicked
    broadcast [eraser v]

  • Quando o lápis receber está mensagem podes criar uma borracha fazendo que se troque o traje do lápis ao da borracha, e trocar a cor do lápis pela mesma cor do palco!

        when I receive [eraser v]
    switch costume to [eraser v]
    set pen color to [#FFFFFF]

  • Prova o teu projeto para ver se consegues limpar e apagar no palco.

    screenshot

  • Há outro problema com o lápis – podes desenhar em qualquer parte do palco, até perto dos ícones de seleção!

    screenshot

    Para configurar isto tens que dizer ao lápis que so desenhe se se faz clique no rato e se a posição do rato for maior que -110 (mouse y> -120). Troca a instrução se do teu lápis para que seja como esta:

    screenshot

  • Experimenta o teu projeto. Agora não deverias poder desenhar perto dos blocos de seleção.

    screenshot

Guarda o teu projeto

4ºPasso: Trocar a grossura do lápis

Vamos fazer que o usuário possa desenhar utilizando diferentes tamanhos de lápis.

Lista de tarefas da atividade

  • Primeiro insere uma nova variável que se chame “grossura”. Se não te lembras como se faz o projeto “Globos” pode te ajudar.

  • Insere esta linha dentro do bloco de código para sempre do teu lápis:

        set pen size to (width)

    Agora a grossura do teu lápis fixara se repetidamente ao valor da variável “grossura”.

  • Podes trocar o valor guardado nesta variável fazendo clique com o botão direito sobre a variável (no palco) e selecionando “deslizador”.

    screenshot

    Agora podes arrastar o deslizador que há debaixo da variável para trocar o seu valor.

    screenshot

  • Experimenta o teu projeto e comprova se podes modificar a grossura do teu lápis.

    screenshot

    Se preferires podes fixar o valor mínimo e máximo de “grossura” permitido. Para fazer isso faz clique de novo com o botão direito sobre a variável e seleciona “fixar rango do deslizador”. Fixa os valores mínimos e máximos da tua variável entre 1 e 20.

    screenshot

    Segue provando a tua variável grossura até estares satisfeito.

Guarda o teu projeto

Desafio: Acessos diretos

Podes criar acessos diretos no teclado para os teus comandos.Por exemplo:

  • a = Trocar para o lápis azul
  • v = Trocar para o lápis verde
  • b = Trocar para a borracha
  • l = Limpar ecrã

Incluso poderias fazer que o usuário pode se trocar a grossura do lápis com as teclas das setas!

Guarda o teu projeto

Desafio: Mais lapises

Podes inserir lápis de cor vermelho, amarelo e preto ao teu programa para pintar. Encontraras todas as imagens necessárias no portefólio “Recursos”. Lembra te de inserir os acessos diretos no teclado paras estos novos lapises.

Podes usar os teus lapises para fazer um desenho?

screenshot