Introductie tot Scratch

Een van de hoogtepunten van mijn week is de Code Club die ik op mijn plaatselijke school run. Elke donderdag breng ik een uur door met een paar ontluikende coders, zodat ze de grondbeginselen van code leren.

Samen met andere codeclubs en vergelijkbare organisaties en groepen, begon onze groep te programmeren met behulp van Scratch. Scratch is een online tool waarmee kinderen de basisprincipes leren van hoe code werkt en waarmee ze hun eigen animaties, games en meer kunnen maken.

Scratch is een hulpmiddel, maar een community: gebruikers kunnen hun projecten delen, van elkaar kopiëren en ze 'remixen', wat een beetje overeenkomt met code in GitHub en bestaat uit het kopiëren van het project van iemand anders en het toevoegen van je eigen project verbeteringen of wijzigingen erin. In plaats van te verwachten dat leerlingen hun code helemaal opnieuw schrijven, biedt Scratch hen een reeks blokken: regels code die ze op hun plaats slepen om hun code te maken.

In deze reeks zelfstudies geef ik je een gedetailleerde introductie tot Scratch en hoe je het kunt gebruiken. Dit eerste deel geeft een overzicht van hoe Scratch werkt en de belangrijkste componenten en concepten. Ik zal het volgende behandelen:

  • Ermee beginnen
  • projecten
  • activa: achtergronden, sprites, kostuums en geluiden
  • scripts
  • waar hulp te krijgen

Ten eerste, hier is hoe u aan de slag kunt met Scratch.

Aan de slag met Scratch

Scratch werd voor het eerst ontwikkeld in 2003 aan het Massachusetts Institute of Technology. Het begon als downloadbare software maar is nu een online tool. Het is volledig gratis en wordt gefinancierd door subsidies van verschillende organisaties, waaronder de National Science Foundation, Microsoft, Google en de LEGO Foundation.

Ga om te beginnen naar de Scratch-website en meld u aan voor een account met uw e-mailadres.

Klik in de rechterbovenhoek van het scherm op Sluit je aan bij Scratch. Je krijgt het scherm voor het aanmelden te zien:

Maak een gebruikersnaam en wachtwoord voor uzelf en klik vervolgens op de volgende om naar het volgende scherm te gaan:

Hier wordt u gevraagd om een ​​informant over uzelf te informeren, die Scratch gebruikt om het type mensen te controleren dat het platform gebruikt. Klik volgende nogmaals om verder te gaan:

Geef uw e-mailadres op en u ontvangt een e-mailbevestiging. U moet op de link in uw e-mail klikken als u uw projecten wilt delen (als u niet wilt delen, kunt u doorgaan zonder dit te doen, maar krijgt u een zeurende herinnering aan de bovenkant van uw scherm elke keer als u Log in).

Nadat u uw e-mailadres hebt opgegeven en hebt geklikt volgende, je ziet een welkomstscherm:

Nu wanneer u klikt OK, laten we gaan! of log in op je account, je zult de startpagina zien met details van wat er in de Scratch-community gebeurt, inclusief activiteit door de mensen die je volgt. Zoals je kunt zien in de schermafbeelding, volg ik een aantal mensen die druk zijn geweest!

Vanuit dit scherm kun je de projecten van andere mensen verkennen, inhalen wat je vrienden hebben gedaan en toegang krijgen tot je eigen projecten.

projecten

Elke keer dat je iets in Scratch maakt, werk je aan een project. U kunt zoveel projecten maken als u wilt, deze delen en kopiëren. Elk project staat op zichzelf en kan niet worden gekoppeld aan andere projecten.

U kunt uw projecten op twee manieren openen via het startscherm: door op de map rechtsboven op de beheerbalk met het pictogram 'S' te klikken of door op uw gebruikersnaam te klikken in de rechterbovenhoek en vervolgens te klikken Mijn spullen in het vervolgkeuzemenu dat verschijnt.

Dit brengt je naar de Mijn spullen scherm:

Dit scherm toont alle projecten die u hebt gemaakt, evenals de studios je bent lid van. Je kunt studio's gebruiken om je werk te delen met een groep vrienden of andere Scratch-gebruikers - ik gebruik een studio om werk te delen tussen lid van de Code Club die ik run.

Om een ​​nieuw project aan te maken, klikt u gewoon op +nieuwe projectknop boven uw projecten. Hiermee gaat u naar het projectscherm:

Als u op de startpagina bent, kunt u een nieuw project maken zonder naar het scherm Mijn spullen te gaan. Klik op de creëren item in het beheerdersmenu en dit opent een nieuw project voor u.

Elk nieuw project ziet er als volgt uit, tenzij je werkt met een kopie van een bestaand project dat je remixt.

Het projectvenster bevat een aantal belangrijke gebieden:

  • De stadium, met een kat-sprite op zijn plaats waar je mee kunt werken of verwijderen.
  • Onder het podium, de achtergronden en sprites je gebruikt in je project.
  • Links van de etappe, de deelvenster met scripts. Dit bevat codeblokken (scripts genoemd) die u in uw project kunt gebruiken. Dit paneel heeft nog twee tabbladen: kostuums en Sounds. Ik zal uitleggen hoe deze werken in de volgende sectie van deze tutorial.
  • De canvas, waar je je scripts plaatst en kostuums en geluiden maakt of bewerkt. U kunt meerdere scripts op het canvas plaatsen.

Zodra je aan je project hebt gewerkt, moet je het opslaan. Geef het een gedenkwaardige naam door er een in het veld boven het werkgebied in te typen (ik ben vergeten hoeveel keer ik studenten heb verteld dat hun projecten een betere naam nodig hebben dan Untitled!). 

Links van de Mijn spullen mappictogram in de beheerbalk zal wat tekst zijn die zal lezen opgeslagen of Nu opslaan. Als het leest opgeslagen, dan is je project opgeslagen, zodat je niets hoeft te doen. Als het leest Nu opslaan, klik op de tekst en Scratch zal een up-to-date voor u bewaren.

Activa: achtergronden, sprites, kostuums en geluiden

Elk project dat u maakt, heeft een aantal activa nodig. Er zijn vier soorten activa: achtergrondensprites, kostuums en klanken. Kostuums en geluiden worden toegewezen aan spites, dus begin met het maken van de sprite, en dan kun je hem een ​​aantal kostuums en geluiden geven. Gebruik scripts om het kostuum van de sprite te veranderen wanneer er iets gebeurt, of om een ​​geluid te activeren wanneer er iets gebeurt.

Hier is een voorbeeldproject genaamd Rock Band, dat ik heb gemaakt voor mijn Code Club. Het bevat een paar sprites, elk met wat kostuums en geluiden. Klik op de groene vlag om het project te starten en klik vervolgens op de zanger en de instrumenten om hun kostuums en geluiden te veranderen. 

Je kunt het zelf in Scratch maken en er aan werken als je dat wilt. Dit wordt remixen genoemd en betekent dat je bestaande projecten kunt nemen en er je eigen draai aan kunt geven. Ga hiervoor naar de projectpagina en klik op de Zie Inside knop. Dit brengt je naar het projectscherm waar je bekend mee zult zijn in het vorige gedeelte van deze tutorial:

Als u bent aangemeld bij Scratch, ziet u a Remix knop links van de Zie projectpagina knop in de rechterbovenhoek van het scherm. Het is niet zichtbaar in de bovenstaande schermafbeelding omdat het project van mij is, dus ik kan het niet remixen. Hiermee wordt een nieuw project in uw account gemaakt dat u kunt bekijken en bewerken.

De schermafbeelding laat zien dat dit project twee achtergronden heeft: je kunt de actieve achtergrond zien onder de hoofdpodium, aan de linkerkant. U kunt scripts gebruiken om van achtergrond te wisselen terwijl uw project vordert of uw gebruiker bijvoorbeeld door de niveaus van een spel beweegt.

Het project heeft ook vier sprites, die je onder het podium kunt zien. Het heeft ook een achtergrondafbeelding. Je kunt zelf sprites en achtergronden maken door afbeeldingen te uploaden, of je kunt ze importeren vanuit de bibliotheek die is voorzien van Scratch. Dit is een veel eenvoudigere manier om aan de slag te gaan. Je leert hoe je dit later in deze tutorialserie moet doen.

Elk van de sprites in mijn project heeft twee kostuums: in de onderstaande schermafbeelding ziet u de kostuums voor de Drum1-sprite:

Ik heb beide kostuums uit de Scratch-bibliotheek geïmporteerd en ik heb een script toegevoegd dat het kostuum verandert wanneer de gebruiker op de trommel klikt.

Als je je eigen spites wilt maken, doe je dat door hier kostuums aan te maken, met behulp van de verstrekte tekenhulpmiddelen of door een png-bestand te importeren.

Laten we eens kijken naar de Sounds ruit. In de onderstaande schermafbeelding kunt u zien dat de Singer1-sprite twee bijbehorende geluiden heeft:

Nogmaals, ik heb in mijn project een script gebruikt om deze geluiden uit te voeren wanneer de gebruiker op de zangersprite klikt. U kunt uw eigen geluiden opnemen vanuit Scratch als u dat wilt, of ze importeren uit de meegeleverde bibliotheek.

scripts

Met scripts maakt u uw spullen in Scratch. Ze bestaan ​​uit codeblokken die u op het canvas naar de gewenste positie sleept en die onder tien categorieën vallen:

  • Beweging: scripts die je sprites positioneren en ze laten bewegen.
  • looks: scripts die de manier waarop je sprites eruit zien veranderen, inclusief het veranderen van hun kostuum en het verbergen ervan.
  • Geluid: scripts om geluiden af ​​te spelen en het volume te wijzigen.
  • Pen: scripts waarmee de gebruiker kan schrijven of tekenen op het project.
  • Gegevens: scripts waarmee je variabelen kunt instellen en gebruiken, bijvoorbeeld om een ​​score of tijd bij te houden voor een game.
  • Evenementen: deze maken dingen gebeuren, en omvatten de startvlag waarop wordt geklikt, de gebruiker klikt op een sprite of een uitzending die u kunt maken en laat uw sprites reageren op.
  • Controle: deze omvatten loops, voorwaardelijke statements en pauzes.
  • sensing: deze scripts voelen aan wanneer dingen gebeuren, zoals de muis die wordt gebruikt of sprites die elkaar raken. Ze omvatten ook interacties zoals het stellen van een vraag aan de gebruiker.
  • operators: gebruik deze om waarden te vergelijken, misschien op basis van het antwoord van uw gebruiker op een vraag of op een variabele die u hebt gedefinieerd. U kunt bijvoorbeeld het aantal keren tellen dat de gebruiker op het verkeerde ding klikt en een operator gebruiken om te controleren wanneer dit een bepaald aantal bereikt, zodat u een bericht kunt weergeven.
  • Meer blokken: hier voeg je je eigen aangepaste blokken toe.

Scripts bieden u een enorme variëteit en flexibiliteit en kunnen op krachtige manieren worden gecombineerd om geavanceerde projecten te maken. Terwijl we deze reeks tutorials doornemen, laat ik je zien hoe je verschillende soorten blokken gebruikt om animaties, interacties en games te maken..

Elk script dat u maakt, heeft of betrekking op een sprite of op de achtergrond, wat betekent dat het onafhankelijk is van uw sprites. In mijn Rock Band-project heeft de Drum1-sprite bijvoorbeeld scripts die bepalen wat er gebeurt wanneer op de sprite wordt geklikt:

De andere sprites hebben elk vergelijkbare scripts en de achtergrond heeft ook zijn eigen scripts:

Deze hebben betrekking op volume-instellingen, die onafhankelijk zijn van de afzonderlijke sprites.

Zoals je aan deze voorbeelden kunt zien, kan op elke sprite meerdere scripts worden toegepast. Wanneer u begint te werken met meer geavanceerde projecten, kan het bijhouden van al deze scripts en wat ze doen behoorlijk verwarrend zijn, vooral als u uw project moet debuggen. Dit is het canvas voor een ander project van mij, Flappy Parrot, met meer (en grotere) scripts:

Om dingen bij te houden, kunt u opmerkingen toevoegen aan uw scripts. Hiertoe klikt u met de rechtermuisknop op het script en klikt u in het menu dat wordt weergegeven Voeg commentaar toe, en typ je commentaar in. Hieronder kunt u zien dat ik een opmerking aan een van mijn scripts heb toegevoegd:

Je kunt opmerkingen zo gedetailleerd maken als je wilt en ze helpen je als je na een tijdje terugkomt in je project en je niet meer weet wat alles doet.

Hulp krijgen

Een van de geweldige dingen over Scratch is dat er veel inhoud is om je te helpen het platform te begrijpen en aan de slag te gaan. Hier zijn enkele van de beschikbare bronnen:

  • Contextspecifieke hulp: klik met de rechtermuisknop op een blok of item en klik op Help in het snelmenu om informatie te bekijken over wat dat blok of item doet.
  • Tips: klik op het vraagtekenpictogram uiterst rechts op het projectscherm (rechts van het canvas) om tips te bekijken.
  • Tutorials: klik op de tips vraagteken om toegang te krijgen tot tutorials om je op weg te helpen. U kunt een nieuw project maken en deze vanuit uw projectscherm bekijken, zodat u de zelfstudie kunt volgen terwijl u werkt.
  • Hoe kan ik: een andere optie in de tips-sectie is Hoe, die u informatie geeft over het maken van specifieke soorten projecten.
  • Help-schermen: klik op Helpen in de beheerbalk voor toegang tot verschillende hulpschermen, waaronder startersprojecten, kraskaarten, videohandleidingen en handleidingen voor het gebruik van Scratch.
  • ScratchEd: een online community voor docenten die Scratch met studenten gebruiken.
  • De Scratch Wiki bevat diepgaande informatie over de componenten van Scratch.

Samenvatting

Scratch is een fantastische, gratis tool die kinderen (en ook volwassenen!) Helpt om code te schrijven zonder de code te hoeven typen. Het betekent dat ze kunnen leren hoe code is gestructureerd en wat het doet zonder de frustratie van het moeten leren van syntaxis en helpt hen snel aan de slag te gaan.

Het is ook heel leuk om te gebruiken en heeft een enorme gemeenschap van gebruikers wiens projecten je kunt bekijken en kopiëren, waardoor je op een praktische manier leert.

In deze tutorial heb je geleerd over hoe Scratch werkt en de belangrijkste componenten van een Scratch-project. Terwijl je deze serie doorwerkt, leer je hoe je al deze componenten kunt gebruiken om je eigen projecten te maken. In het volgende deel beginnen we met het maken van je podium en sprites.