1. Multimedia Technology 2
Lessenreeks door Tom Luyten
voor Communicatie- en Multimedia Design Maastricht
Werkcollege 5
Functies zonder
parameters
Gebaseerd op het boek “Learning Processing” door Daniel Schiffman
En de PowerPoint van Donald W. Smith

2. Les 5 : Functies
LESSON 3: Organisation
Functies (p. 101  120)
• Modulariteit
• Een functie declareren en definiëren
• Een functie aanroepen
• Parameters doorgeven
• Een waarde teruggeven
• Hergebruiken

3. Les 5 : Functies
LESSON 3: Organisation
Functies (p. 101  120)
• Modulariteit
• Een functie declareren en definiëren
• Een functie aanroepen
• Parameters doorgeven
• Een waarde teruggeven
• Hergebruiken

4. Modulariteit
Functies zijn een manier om stukken van je programma te bundelen in
modulaire stukken.
Maakt het schrijven en aanpassen van grote programma’s
overzichtelijker.
vb. Space invaders
void draw(){
background(0);
drawSpaceShip();
moveShip();
moveEnemies();
}

5. Modulariteit
void draw(){
background(0);
drawSpaceShip();
moveShip();
moveEnemies();
}
We missen de definitie van deze functies, we weten niet wat erachter zit.
Functies aanroepen doen we al lang, bv. line(), rect(),…
Maar nu…eigen functies schrijven…

6. Modulariteit
Waarom eigen functies schrijven?
modulariteit
Functies breken een groter programma in
kleinere stukjes, die makkelijker te managen en
te lezen zijn.
Hergebruikbaarheid
Functies laten toe dat je code kan hergebruiken
zonder dat je ze opnieuw moet typen

7. Les 5 : Functies
LESSON 3: Organisation
Functies (p. 101  120)
• Modulariteit
• Een functie declareren en definiëren
• Een functie aanroepen
• Parameters doorgeven
• Een waarde teruggeven
• Hergebruiken

8. Eigen functies

9. Eigen functies
Een functie zonder arguments:
void drawBlackCircle(){
fill(0);
ellipse(50,50,20,20);
}
Deze maak je aan als nieuwe codeblok.
Dus buiten setup() en draw()
(bij voorkeur onderaan)

10. Les 5 : Functies
LESSON 3: Organisation
Functies (p. 101  120)
• Modulariteit
• Een functie declareren en definiëren
• Een functie aanroepen
• Parameters doorgeven
• Een waarde teruggeven
• Hergebruiken

11. Eigen functies
Vervolgens aanroepen/uitvoeren in de draw loop:
drawBlackCircle();

12. uitvoeren
2
1
declareren

13. Eigen functies
Nu gebeurt alles in 1 functie, ok, maar…
Handiger als we het verder opbreken.
Maakt de structuur van het programma, het ontwerpen in
stapjes (pseudo programmeren) én het debuggen later
makkelijker
Dus we willen een functie voor: (?)
1.
X die de hele tijd veranderd (update)
2.
Te checken of X de rand heeft geraakt + dan van richting
veranderd (test)
3.
Alles te tekenen (een cirkel in dit geval) (teken)

14. Eigen functies
20 min.
Deel het programma in, in 3 functies
1.
X die de hele tijd veranderd (update)
2.
Te checken of X de rand heeft geraakt + dan van richting
veranderd (test)
3.
Alles te tekenen (een cirkel in dit geval) (teken)
Draw ziet er zo uit:
draw(){
update();
test();
teken();
}

16. Eigen functies
Draw() is heel simpel geworden
Enkel function calls
Voordelen
Updatebaar
In plaats van balletje wil ik een vierkant
update gewoon de display() functie
Debuggen
Door functies uit te commenten, snel fout gevonden

17. Eigen functies
30 min.
Voeg een test toe: elke 3de keer dat de cirkel de rand raakt,
Veranderd deze naar een vierkant. (en weer terug na 3 keer)
Nodig:
een teller
een boolean
een functie tekenCirkel();
een functie tekenVierkant();

18. Opdracht
Herschrijf je monstertje door gebruik te maken van functies:
1. update (x of y wordt berekend)
2. test (als x of y buiten rand  omkeren)
3. Teken (je monstertje wordt op x en y getekend)