Introduktion

I dette projekt skal du lave dit eget tegneprogram!

Trin 1: Lav en blyant

Lad os starte med at lave en blyant, som vi kan bruge til at tegne med på scenen.

Arbejdsliste

  • Start et nyt Scratch projekt og slet katte-spriten så dit projekt står tomt. Du kan finde Scratch redigeringsprogrammet online på jumpto.cc/scratch-new.

  • Tilføj blyant-spriten til dit projekt.

screenshot

  • Klik på ‘Kostumer’ og slet ‘pencil-b’ kostumet.

screenshot

  • Omdøb dit kostume til ‘blyant-blå’, og brug ‘Farvelæg en figur’ redskabet til at farve blyanten blå.

screenshot

  • Siden du bruger musen til at tegne, så skal du have blyanten til at følge musen for evigt. Tilføj denne kode til din blyantssprite:

        når du klikker på ⚑
        for evigt 
             gå til [musepil v]
        end

  • Afprøv koden ved at klikke på flaget og dernæst flytte musen rundt på scenen. Virker det som du forventede?

  • Har du lagt mærke til at det er midten af blyanten, og ikke spidsen af blyanten, som følger musemarkøren?

screenshot

Løs dette ved at klikke på ‘blyant-blå’ kostumet på din blyant-sprite, og klik på ‘Sæt kostumets..’.

screenshot

  • Som du kan se er der et kryds over kostumet. Klik lige nedenfor blyantens spids for at sætte dette punkt til kostumets midte.

screenshot

  • Klik på ‘Scripts’ fanen, og afprøv din blyant igen - fungerer den bedre end den gjorde før?

  • Lad os nu få din blyant til at tegne hvis der er blevet klikket med musen. Tilføj denne kode til din blyant-sprite.

screenshot

  • Afprøv din kode igen. Og flyt denne gang din blyant rundt på scenen og hold museknappen nede. Kan du tegne med din blyant?

screenshot

Gem dit projekt

Trin 2: Farveblyanter

Lad os tilføje nogle forskellige farveblyanter til dit projekt og give brugerne mulighed for at vælge mellem dem!

Arbejdsliste

  • Klik på din blyant-sprite og klik så på ‘Kostumer’ og kopiér dit ‘blyant-blå’ kostume.

screenshot

  • Omdøb dit nye kostume til ‘blyant-grøn’, og farv blyanten grøn.

screenshot

  • Lav to nye sprites, der skal bruges sådan, at man kan vælge den blå eller den grønne blyant.

screenshot

  • Når der klikkes på det grønne selektor ikon skal du sende en meddelelse til blyantsspriten og fortælle den, at den skal ændre sit kostume og blyantsfarve.

Start med at tilføje denne kode til det grønne selektor ikon:

        når denne sprite klikkes
        send [grøn v] til alle

For at lave send blokken skal du klikke på den nedadgående pil og vælge ‘ny meddelelse…’.

screenshot

Du kan dernæst taste ‘grøn’ for at lave din meddelelse.

screenshot

  • Du skal nu fortælle din blyant-sprite, hvad den skal gøre, når den modtager meddelelsen. Tilføj denne kode til din blyant-sprite:

            når jeg modtager [grøn v]
            skift kostume til [blyant-grøn v]
            skift penfarve til [#00ff00]

For at sætte blyanten til at farve grøn, så klik på den farvede boks i skift penfarve til blokken, og klik på det grønne selektor ikon for at vælge grøn som din blyantsfarve.

  • Du kan nu gøre det samme med ikonet for den blå blyant ved at tilføje denne kode til den blå selektor sprite:

        når denne sprite klikkes
        send [blå v] til alle

…og tilføje denne kode til blyant-spriten:

        når jeg modtager [blå v]
        skift kostume til [blyant-blå v] 
        skift penfarve til [#0000ff]

  • Til sidst skal du fortælle din blyant hvilket kostume og blyantsfarve der skal vælges, og ligeledes at skærmen skal ryddes når dit projekt startes. Tilføj denne kode til begyndelsen af din blyants når du klikker på ⚑ kode (inden for evigt loopen):

        ryd  
        skift kostume til [blyant-blå v] 
        skift penfarve til [#0000ff]

Hvis du hellere vil, så kan du starte ud med en anden farveblyant!

  • Afprøv dit projekt. Kan du skifte mellem blå og grønne blyanter?

screenshot

Gem dit projekt

Trin 3: At lave fejl

Nogle gange opstår der nogle fejl, så lad os tilføje en ‘ryd’ knap og et viskelæder til vores projekt!

Arbejdsliste

  • Lad os tilføje en knap for at rydde scenen. Tilføj ‘X-block’ bogstavet til din scene og farv bogstavet rødt.

screenshot

  • Tilføj denne kode til din nye annullér knap, som rydder scenen, når der klikkes på knappen.

        når denne sprite klikkes
        ryd

Læg mærke til at du ikke behøver sende en meddelelse for at rydde scenen, for det kan hvilken som helst sprite gøre!

  • Du kan også lave et viskelæder. Hvis din instruktør har givet dig en ‘Projekt Ressourcer’ mappe, så klik på ‘Upload kostume fra fil’ og tilføj ‘eraser.svg’ billedet.

screenshot

Hvis du ikke har eraser.svg billedet, så bare lav en ny hvid blyant i stedet for!

  • Du bør også tilføje viskelæderbilledet som en ny sprite, så du både har viskelæderet som et kostume til din blyant-sprite og som en sprite for sig selv. Din scene bør se således ud:

screenshot

  • Du kan derefter tilføje en kode til din viskelæder-sprite for at fortælle blyanten, at den skal skifte over til et viskelæder.

        når denne sprite klikkes
        send [viskelæder v] til alle

  • Når blyanten modtager denne meddelelse, så kan du lave et viskelæder ved at udskifte blyantskostumet til viskelæderet, og skifte blyantsfarven til at være samme farve som scenen!

        når jeg modtager [viskelæder v]
        skift kostume til [viskelæder v]
        skift penfarve til [#FFFFFF]

  • Afprøv dit projekt for at se, om du kan rydde og viske ud på scenen.

screenshot

  • Der er nogle problemer med blyanten - du kan tegne hvor som helst på scenen, også nær selektor ikonerne!

screenshot

For at løse dette problem bliver du nødt til at fortælle blyanten, at der kun skal tegnes hvis der klikkes med musen og hvis musens y-position er større end -110 (musens y-position> -120). Ændr din blyants hvis erklæring til at se således ud:

screenshot

  • Test dit projekt; nu burde du ikke kunne tegne nær selektor ikonerne.

screenshot

Gem dit projekt

Trin 4: Ændre bredden på din blyant

Lad os give brugeren mulighed for at tegne ved brug af en række forskellige blyantsstørrelser.

Arbejdsliste

  • Start med at tilføje en ny variabel, som du kalder ‘bredde’. Hvis du er usikker på, hvordan du gør det, så kan ‘Balloons’ projektet hjælpe dig.

  • Tilføj denne linje inden i for evigt loopen af koden til din blyant:

        skift penstørrelse til (bredde)

Bredden på din blyant sættes nu repetitivt til værdien af din ‘bredde’ variabel.

  • Du kan ændre det opbevarede tal i denne variabel ved at højreklikke på din variabel (på scenen) og klikke på ‘skyder’.

screenshot

Nu kan du så glide skyderen, under variablen, for at ændre dets værdi.

screenshot

  • Afprøv dit projekt og se om du kan modificere blyantens bredde.

screenshot

Hvis foretrækker, så kan du sætte en tilladt minimum og maksimum værdi på ‘bredden’. Højreklik på din variabel igen og klik på ‘sæt skyderen til min og maks’. Sæt minimum og maksimum værdierne til noget mere fornuftigt, såsom 1 og 20.

screenshot

Bliv ved med at afprøve din ‘bredde’-variabel indtil du er tilfreds.

Gem dit projekt

Udfordring: Genveje

Kan du lave tasteturgenveje til dine kommandoer? For eksempel:

  • b = skift til blå blyant
  • g = skift til grøn blyant
  • v = skift til viskelæder
  • r = ryd skærmen

Du kan ovenikøbet tillade brugeren at ændre blyantsbredden med piletasterne!

Gem dit projekt

Udfordring: Flere blyanter

Kan du tilføje røde, gule og sorte blyanter til dit tegneprogram? Du kan finde alle de billeder, du har brug for i din ‘Ressourcer’ mappe. Husk at tilføje tasteturgenveje til disse nye blyanter!

Kan du bruge dine blyanter til at tegne et billede?

screenshot