Workshop Uitleg. Code, Processing, Box Adventure en meer. Laat je leerlingen spelendwijs kennismaken met coderen

Transcriptie

1 Workshop Uitleg Code, Processing, Box Adventure en meer Laat je leerlingen spelendwijs kennismaken met coderen

2 Inhoudsopgave Inleiding 3 Wat is code? 4 Processing 5 Wat is een grid? 6 Wat is een variabele? 7 Box Adventure 8

3 Inleiding In dit document staat alle informatie die nodig is om onze workshop te kunnen geven en de leerlingen te helpen het spel uit te spelen en zo veel mogelijk te leren. Het doel van deze workshop is niet dat ze leren programmeren, maar juist dat er kennisgemaakt kan worden met code en de mogelijkheden die daarmee ontstaan. We hebben niet alleen dit tekstdocument met informatie, maar ook een presentatie voorbereid. Daarmee is het grootste deel van alle voorbereiding al gedaan. Ter ondersteuning van dit document staan er op de website ook nog drie videotutorials op de website. 3

4 Wat is code? Code is een manier van communiceren met een computer. Door het gegeven van bepaalde commando s vraag je een resultaat van het programma of van de computer. Eigenlijk alles wat digitaal is, werkt op een frame van code. Je computer, je telefoon en alle programma s en applicaties. Coderen kan dan ook in allerlei verschillende talen. Waarbij iedere taal zijn eigen doel heeft. Alle websites die je vindt op internet staan in de talen HTML en CSS. Maar die zijn voor vandaag niet van belang. Ons spel, Box Adventure, is gemaakt in een programma Processing heet. Binnen dit programma werk je met een taal genaamd Java. Ons doel is echter niet om jullie te leren coderen, maar juist om kennis te leren maken met coderen en vooral om het logisch denken te stimuleren. Om creatieve oplossingen te kunnen bedenken op een digitale manier. Code heeft niet alleen toepassingen binnen techniek, maar ook in kunst en wetenschap. Zo werken artiesten als Casey Reas en Joshua Davis met Processing om de mooiste generatieve beelden te maken. Programmeren is dus niet alleen bedoeld voor technische uitingen. 4

5 Processing Processing is een computerprogramma waarin je door middel van code in staat bent om (interactieve) beelden te creëren. Binnen Processing werk je in twee verschillende vensters. Het scherm waar je de code in schrijft. Waarin je het programma vertelt wat het moet doen. Met als resultaat een scherm waarin je het resultaat te zien krijgt. Beide schermen hebben een verschillende lay-out, passend bij de verschillende doeleinden. Het eerste scherm is nu niet zo belangrijk. Om te weten hoe alles in zijn werk gaat is vooral het tweede scherm belangrijk. De Sketch. In de sketch wordt het resultaat van de code weergegeven. Dit kun je zien als een grafiek. Met linksboven in de hoek het nulpunt. De oorsprong. Horizontaal loopt de x-as en verticaal loopt de y-as. Hoe verder naar rechts hoe hoger de waarde van X. Hoe verder naar beneden hoe hoger de waarde van Y. Binnen Box Adventure werken we met een grid. Een frame bestaande uit vakjes van 500x500 pixels. 5

6 Wat is een grid? Een grid is in de simpelste vorm een vierkant opgedeeld in allemaal kleine vierkantjes. Vergelijkbaar met een schaakbord, of een ruitjesschrift. Een schaakbord werkt met de telling A1, A2 etc. bij processing is dat iets anders. Namelijk van 0 tot... ( de lengte van je sketch) horizontaal en van 0 tot... ( de hoogte van de sketch) verticaal. Een grid begint altijd vanaf links boven. De grootte van je grid is afhankelijk van de grootte van je sketch. Dus als je sketch (300,300) is dan is je sketch 300 pixels breed en 300 pixels hoog. Een vierkantjes is 1 pixel bij 1 pixel groot. Alles wordt gepositioneerd aan de hand van pixels. Denk maar aan een vierkant en cirkel. 6

7 Wat is een variabele? Een variabele is een stukje geheugen in je computer. Je kunt een variabele vergelijken met een doos. Je kunt er iets in opslaan, je kunt het meenemen en je kunt er een label op plakken, zodat je deze altijd weer terug kunt vinden. Er zijn veel variabelen die we kunnen aanpassen zoals de grootte, de positie, de kleur maar ook de snelheid en kracht. De mogelijkheden zijn eindeloos. 7

8 Box Adventure Het middel dat wij aanleveren om de leerlingen kennis te laten maken met code is Box Adventure. Een puzzle adventure game waarin ze uitgedaagd worden doormiddel van variabele. In de game heb je de personages Saar en Mike. Daar zul je in de game mee spelen. In het spel kun je de variabele aanpassen van Mike en Saar en van de obstakels in de game. De variabelen kun je aanpassen door op het personage te klikken en nieuwe waardes in te vullen bij de variabele die jij verandert wilt hebben. We laten een voorbeeld zien, de hele hand-out van het spel kun je terug vinden op de website. Hierin staat per level uitgelegd wat je moet doen. 1. Het personage kan niet over het blokje springen omdat de springhoogte niet hoog genoeg staat. 2. Klik op het personage om de variabele springhoogte aan te kunnen passen. 3. Verander de springhoogte naar bv Klik op accept void om de nieuwe waarde toe te passen. 8

9

10