Workshop Programmeren

46
 Workshop Programmeren Page 1 Wor kshop Programm eren Introductie Wie ben ik? Wat gaan we doen? St ap voor stap een spel maken (in een professionele programmeert aal) Iedere st ap wo rd uitgelegd. Je zal wat dingen kunnen spelen met de code.

Transcript of Workshop Programmeren

Page 1: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 1/46

Workshop Programmeren

PageWorkshop Programmeren 

Introductie

Wie ben ik?

Wat gaan we doen?

Stap voor stap een spel maken (in een professionele programmeertaal)

Iedere stap word uitgelegd.Je zal wat dingen kunnen spelen met de code.

Page 2: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 2/46

Workshop Programmeren

PageWorkshop Programmeren 

Het doel van deze workshop ...

Page 3: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 3/46

Workshop Programmeren

PageWorkshop Programmeren 

... is om een duidelijker beeld van programmeren te krijgen

Page 4: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 4/46

Workshop Programmeren

PageWorkshop Programmeren 

De 1e programmeurs

Page 5: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 5/46

Workshop Programmeren

PageWorkshop Programmeren 

De 1e computerprogramma's

Page 6: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 6/46

Workshop Programmeren

PageWorkshop Programmeren 

De 1e computers

Page 7: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 7/46

Workshop Programmeren

PageWorkshop Programmeren 

De 1e computerbug

Page 8: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 8/46

Workshop Programmeren

PageWorkshop Programmeren 

Tegenwoordig: Programmeren word steeds belangrijker

Page 9: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 9/46

Workshop Programmeren

PageWorkshop Programmeren 

De taal die wij gaan gebruiken

Page 10: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 10/46

Workshop Programmeren

Page Workshop Programmeren 

Start Greenfoot

Page 11: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 11/46

Workshop Programmeren

Page Workshop Programmeren 

Maak een nieuw scenario

Klik in het menu "File" op "New"

Page 12: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 12/46

Workshop Programmeren

Page Workshop Programmeren 

Het nieuwe scenario

Wat zien we hier?

Page 13: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 13/46

Workshop Programmeren

Page Workshop Programmeren 

Maak de wereld

Page 14: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 14/46

Workshop Programmeren

Page Workshop Programmeren 

Geef wereld een naam en achtergrond

Page 15: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 15/46

Workshop Programmeren

Page Workshop Programmeren 

Klasse toegevoegd

Page 16: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 16/46

Workshop Programmeren

Page Workshop Programmeren 

Maak een acteur

Page 17: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 17/46

Workshop Programmeren

Page Workshop Programmeren 

Geef acteur een naam en afbeelding

Page 18: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 18/46

Workshop Programmeren

Page Workshop Programmeren 

Compileren

Merk op dat de klassen gestreept zijn. Dit betekent dat ze veranderd zijn. Compileer ze om deveranderingen door te voeren.

Page 19: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 19/46

Workshop Programmeren

Page Workshop Programmeren 

Menselijk leesbare code ...

Page 20: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 20/46

Workshop Programmeren

Page Workshop Programmeren 

... omgezet in machine taal

Page 21: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 21/46

Workshop Programmeren

Page Workshop Programmeren 

Na het compileren

Nu zijn de veranderingen doorgevoerd.

Page 22: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 22/46

Workshop Programmeren

Page Workshop Programmeren 

Plaats een krab ...

Page 23: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 23/46

Workshop Programmeren

Page Workshop Programmeren 

... op de wereld

Page 24: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 24/46

Workshop Programmeren

Page Workshop Programmeren 

Kijk wat er gebeurt als je op run drukt

Wat gebeurt er als je op run drukt?

Page 25: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 25/46

Workshop Programmeren

Page Workshop Programmeren 

Bekijk de broncode

Page 26: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 26/46

Workshop Programmeren

Page Workshop Programmeren 

De act functie

Dit is de Java code voor de Crab. Je hoeft niet alle te begrijpen, het belangrijkste hier is de codetussen de krulhaakjes. Op dit moment is het alleen nog een commentaarregel en gebeurt er dushelemaal niks.

Page 27: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 27/46

Workshop Programmeren

Page Workshop Programmeren 

Laat de Crab bewegen

Het is belangrijk dat je tot op de puntkomma overneemt wat hier staat.Een hoofdletter M zal niet werken. Het weglaten van de puntkomma zal ook niet werken.

Page 28: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 28/46

Workshop Programmeren

Page Workshop Programmeren 

Compileer de Crab

• Je kan op pause drukken en de krab weer terugzetten zodat hij weer naar recht beweegt.• Plaats een aantal krabben in de wereld en kijk wat er gebeurt.• Probeer een ander cijfer uit in move()

Page 29: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 29/46

Workshop Programmeren

Page Workshop Programmeren 

Eerste keer runnen

Page 30: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 30/46

Workshop Programmeren

Page Workshop Programmeren 

Verander de Crab van richting

Kijk ook eens wat er gebeurt als je de cijfers groter of kleiner maakt

Page 31: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 31/46

Workshop Programmeren

Page Workshop Programmeren 

Bestuur de Crab met het toetsenbord

• Plaats meerdere Crabs. Je bestuurd ze allemaal tegelijk.• Wat gebeurt er als je beide knoppen indrukt? Waarom zou dat zo zijn?

Page 32: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 32/46

Workshop Programmeren

Page Workshop Programmeren 

Maak eten voor de Crab

De zeester bevat nog geen code en zal dus stil zitten en makkelijk door onze krab opgegetenkunnen worden.Dat laten we voorlopig even zo.

Page 33: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 33/46

Workshop Programmeren

Page Workshop Programmeren 

Code voor om de Crab te laten eten

Nu schrijven we de code voor de krab om de zeester op te kunnen eten.

Page 34: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 34/46

Workshop Programmeren

Page Workshop Programmeren 

Probeer het eten van de Crab uit.

Compileer de code en laat de krab alle zeesterren opeten.

Page 35: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 35/46

Workshop Programmeren

Page Workshop Programmeren 

Maak zelf functies

Voordat we verder gaan, ruimen we onze code op.We maken nieuwe functies die geen resultaat geven en geen input nodig hebben (net als deAct functie) dus we maken hem op dezelfde manier als de act() functie.

Page 36: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 36/46

Workshop Programmeren

Page Workshop Programmeren 

Maak een vijand

Onze Crab heeft een vijand nodig om het spelletje spannend te maken.

Page 37: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 37/46

Workshop Programmeren

Page Workshop Programmeren 

Tip: Save the World

Zo hoef je niet iedere keer alle acteurs op het veld te plaatsen.

Page 38: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 38/46

Workshop Programmeren

Page Workshop Programmeren 

Maak de slang gevaarlijk

Wat kan je doen om de slang gevaarlijk te maken?

Page 39: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 39/46

Workshop Programmeren

Page Workshop Programmeren 

Tip: Kopieer eat() van Crab ...

Page 40: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 40/46

Workshop Programmeren

Page Workshop Programmeren 

... en vervang Starfish voor Crab

De code was eerst bedoeld voor de krab om zeester te eten. Vervang Starfish dus voor Crab.

Page 41: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 41/46

Workshop Programmeren

Page Workshop Programmeren 

Laat de slang bewegen

Bij het runnen, zul je zien dat de slang nu wel beweegt, maar slecht 1 kant op gaat.

Page 42: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 42/46

Workshop Programmeren

Page Workshop Programmeren 

Laat de slang wat onvoorspelbaar bewegen

Nu beweegt hij onvoorspelbaar, maar is hij nog steeds niet gevaarlijk.

Page 43: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 43/46

Workshop Programmeren

Page Workshop Programmeren 

Voorkom dat de slang rondjes draait

Page 44: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 44/46

Workshop Programmeren

Page Workshop Programmeren 

Zorg dat de slang ook naar links kan draaien

Page 45: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 45/46

Workshop Programmeren

Page Workshop Programmeren 

Zorg dat de slang niet bij de rand blijft

Page 46: Workshop Programmeren

5/11/2018 Workshop Programmeren - slidepdf.com

http://slidepdf.com/reader/full/workshop-programmeren 46/46

Workshop Programmeren

Page Workshop Programmeren 

Ideeen voor uitbreiding van het spel

• Laat de zeesterren ook langzaam bewegen

• Maak een nieuwe krab als je op een toets drukt

• Maak een nieuwe krab op het moment dat de krab een zeester opeet