Paint Box. Introductie. Scratch. In dit project leer je hoe je jouw eigen tekenprogramma maakt! Activity Checklist.

Transcriptie

1 Scratch 1 Paint Box All Code Clubs must be registered. By registering your club we can measure our impact, and we can continue to provide free resources that help children learn to code. You can register your club at codeclubworld.org. Introductie In dit project leer je hoe je jouw eigen tekenprogramma maakt! Activity Checklist Test your Project Save your Project Follow these INSTRUCTIONS one by one Click on the green flag to TEST your code Make sure to SAVE your work now 1

2 Stap 1: Maak een potlood Laten we beginnen met het maken van een potlood welke jij kan gebruiken om dingen te tekenen op het speelveld. Activiteiten Checklist Begin een nieuw Scratch project en verwijder de kat, zodat jouw project leeg is. Je kan de online Scratch editor vinden via jumpto.cc/scratch-new. Voeg de pencil sprite toe aan jouw project. Klik op Uiterlijken, and delete the pencil-b costume. Verander de naam van jouw uiterlijk naar pencil-blue en gebruik het kleur een vorm gereedschap om het potlood blauw te maken. 2

3 Omdat je de muis gaat gebruiken om te tekenen, wil je dat het potlood de muis volgt door middel van herhaal. Voeg het volgende programma toe aan jouw potlood sprite: Probeer jouw programma uit door op de vlag te klikken en daarna de muis over het speelveld te bewegen. Werkt het zoals jij had verwacht? Is het jouw opgevallen dat het midden van potlood de muis volgt, niet de punt van het potlood? Om dit op te lossen klik jet op het pencil-blue uiterlijk van jouw pencil sprite en klik je op Middelpunt van uiterlijk. 3

4 Je zou een draadkruis over jouw uiterlijk moeten zien verschijnen. Nu kan je net onder de punt van het potlood klikken, zodat dat punt het middelpunt van de sprite wordt. Klik op de Scripts tab en probeer jouw potlood opnieuw uit - werkt het deze keer beter dan de vorige keer? Vervolgens gaan wij jouw potlood laten tekenen als op de muis wordt geklikt. Voeg het volgende programma toe aan jouw pencil sprite: 4

5 Probeer jouw programma opnieuw uit. Beweeg het potlood deze keer over het speelveld en houdt de muisknop ingedrukt. Kan je tekenen met jouw potlood? Sla jouw project op Stap 2: Gekleurde potloden Laten we verschillende kleuren potloden aan jouw project toevoegen en laten we de gebruiker toestaan om te kiezen welke hij wilt gebruiken! Activiteiten Checklist Klik op jouw pencil sprite, klik op Uiterlijken en kopieer jouw pencil-blue uiterlijk. Hernoem jouw nieuwe uiterlijk pencil-green, en kleur het potlood groen. 5

6 Maak nog twee nieuwe sprites, die je gaat gebruiken om het blauwe of groene potlood te selecteren. Wanneer er op het groene selectie icoon wordt geklikt, moet je via zend signaal een boodschap sturen naar de pencil sprite, waarin je deze verteld dat hij van uiterlijk en kleur moet veranderen. Om dit te doen voeg je eerst het volgende programma toe aan het groene selectie icoon: Om het zend signaal blok te maken, klik op de pijlomlaag en selecteer nieuw bericht. 6

7 Je kan dan green typen om jouw nieuwe bericht te maken. Je moet nu nog jouw pencil sprite vertellen wat hij moet doen wanneer hij het bericht ontvangt. Voeg het volgende programma toe aan jouw pencil sprite: Om het potlood in te stellen op kleur green, klik op het gekleurde vakje in het maak penkleur blok en klik tenslotte op het groene selectie icoon om groen te kiezen als jouw potloodkleur. Je kan nu hetzelfde doen met het blauwe potlood icoon, door het volgende programmatoe te voegen aan de blauwe selectie sprite: 7

8 en het volgende programm toe te voegen aan de potlood sprite: Tenwslotte moet je jouw pencil sprite vertellen welk uiterlijk en potloodkleur gekozen moet worden, evenals het scherm op te schonen op het moment dat jouw project wordt gestart. Voeg de volgende programma blokken toe aan het begin van het wanneer vlag wordt aangeklikt programma (voor de herhaal loop): Als je dat wilt, kan je met een andere kleur potlood beginnen! Probeer jouw programma uit. Kan je wisselen tussen een blauw en een groen potlood? Sla jouw project op 8

9 Step 3: Fouten maken Soms worden er fouten gemaakt, dus laten we een knop om te wissen en een gum aan ons project toevoegen! Activiteiten Checklist We beginnen met een knop toe te voegen die het speelveld leeg maakt. Om dit te doen, voeg je de X-block letter sprite toe aan het speelveld en maak deze rood van kleur. Voeg de volgende programma blokken toe aan jouw nieuwe wis-knop om het speelveld leeg te maken, zodra erop geklikt wordt. Het valt je misschien op dat je geen boodschap hoeft te verdenden om het speelveld leeg te maken, omdat iedere sprite dat kan doen! Je kan ook een gum maken. Als het goed is heeft de clubleider jou Resources map gegeven of staat deze al op de computer. Klik op Upload uiterlijk en voeg de eraser.svg afbeelding toe. 9

10 Als je de eraser.svg afbeelding niet hebt, kan je in plaats hiervan ook een nieuw wit potlood maken! Je moet ook de gum afbeelding aan jouw speelveld als een nieuwe selectie sprite. Nu zou jouw speelveld er zo uit moeten zien: Je kan het volgende programm toevoegen aan de gum selectie sprite, om het potlood naar een gum te laten veranderen. 10

11 Zodra het potlood deze boodschap ontvangt, kan je een gum maken door het potlood-uiterlijk te veranderen naar een gum, en de potloodkleur te wijzigen in dezelfde kleur als het speelveld! Probeer jouw nieuwe project uit, om te controleren of je op jouw speelveld kan gummen en je jouw speelveld kan wissen. Er is nog een probleem met het potlood - Je kan overal op het speelveld tekenen, zelfs in de buurt van en over de selectie icoontjes! Om dit op te lossen, moeten we het potlood vertellen dat het alleen mag tekenen als er op de muis wordt geklikt 11

12 en als de y-positie van de muis groter is dan -110 ( muis y > -110 ). Verander jouw potlood s als instructie zodat het er als volgt uitziet: Probeer jouw project uit; het zou nu niet meer mogelijk moeten zijn om in de buurt van de selectie blokjes te tekenen. Sla jouw project op 12

13 Stap 4: De breedte van het potlood wijzigen Laten we de gebruiker toestaan te tekenen met een aantal verschillende potlood formaten. Activiteiten Checklist Als eerste moeten we een variablele toevoegen die we width gaan noemen. Als je niet zeker meet weet hoe dit moet, kan het Ghostbusters project jouw verder helpen. Voeg het volgende programma blok toe aan de herhaal loop van programma van jouw potlood: De breedte van jouw potlood zal nu herhaaldelijk worden ingesteld op de waarde van jouw breedte variabele. Je kan de weergave van deze variabele veranderen, door met de rechter muistoets op de variabele in jouw speelveld te klikken en op schuif te klikken. Je kan de schuifregelaar slepen om zo de waarsde van de variabele te wijzigen. 13

14 Probeer jouw project uit en kijk of je de breedte van jouw potlood kan aanpassen. Als je dat wilt, kan je een minimum en een maximum waarde toekennen aan de width variabele. Om dit te doen klik je weer rechts op de variabele en klik je op stel min en max van schuif in. Geef het minumum en maximum van jouw variabele een zinvolle waarde, zoals 1 en 20. Probeer jouw width variabele net zolang uit tot je tevreden bent over de breedte. Sla jouw project op 14

15 Uitdaging: Sneltoetsen Kan je sneltoetsen via jouw toetsenbord maken voor jouw opdrachten? Bijvoorbeeld: b = overschakelen naar blauw potlood g = overschakelen naar groen potlood e = overschakelen naar gum c = scherm wissen Je kan de gebruiker ook toestaan de breedte van het potlood in te stellen door middel van de pijltjes toetsen! Sla jouw project op 15

16 Uitdaging: nog meer potloden Kan je ook nog een rood, geel en zwart potlood toevoegen aan jouw tekenprogramma? Je vindt alle afbeeldingen die je nodig hebt in jouw Resources map. Vergeet niet om sneltoetsen toe te wijzen voor deze nieuwe potloden! Kan je al jouw potloden gebruiken om een tekening te maken? 16