flow

Wat leer ik?

• De volgorde en manier waarop een computerprogramma wordt uitgevoerd
• De algemene structuur van een computerprogramma

De flow van een programma wijst op de volgorde waarop de code wordt uitgevoerd. Om dit te verduidelijken trekken we de parallel met een computerspel.

In grote lijnen bestaat een game uit 2 grote stukken. In het eerste stuk worden een aantal zaken voor 1 keer "ingesteld". Het tweede stuk is het eigenlijke game, dat loopt tot je het stop zet.

Setup

Wanneer je een game op start, zal je een aantal zaken moeten configureren en instellen. Je kiest bijvoorbeeld een auto, die je kan aanpassen naar je smaak en waar je onderdelen in kan plaatsen. Dit instellen gebeurt slechts 1 keer, vooraleer je het echte spel start. In Processing en P5js heet dit codeblok setup.

Alle code binnen het setup blok wordt 1 keer uitgevoerd bij het starten van je programma.

Draw

Wanneer alles naar wens is in het setup scherm van je game, druk je op start en begint het game te lopen. Dit heet binnen Processing en P5js draw. In tegenstelling tot setup, wordt de code binnen draw 60x per seconde uitgevoerd, in een constante lus. Dit is belangrijk, want ons autospel moet tegen een razend tempo checken of ik heb gas gegeven, aan mijn stuur gedraaid, waar ik ben, waar mijn tegenstanders zijn etc... en dan constant updaten naar de vernieuwde situatie. Dit stopt pas als het game eindigt, of ik het zelf uitschakel.

alle code binnen het draw blok wordt in een continu lus uitgevoerd. Dit stopt enkel als het programma wordt afgesloten.

overzicht

De flow van een programma verwijst naar de volgorde waarop code wordt uitgevoerd. Voor Processing en P5js zijn dat 2 grote codeblokken: setup en draw. Setup wordt 1 keer uitgevoerd bij het starten van je programma, draw wordt in een continu lus uitgevoerd, die stopt als het programma wordt afgesloten.

In de syntax (schrijfwijze) van P5js wordt dit alsvolgt geschreven:

controle vragen