Update index.md

spiekbriefjes toegevoegd, taalfoutjes verbeterd.

index.md

@@ -16,7 +16,7 @@ Kunst maken in de browser.
 
 ## Introductie
 
-Naast kunst met [Scratch](/instructies/scratch-art/) en [Python](/instructies/python-art/), kan je ook kunst programmeren met [Processing](https://processing.org/).
+Naast kunst met [Scratch](/instructies/scratch-art/) en [Python](/instructies/python-art/), kun je ook kunst programmeren met [Processing](https://processing.org/).
 
 Er is een Processing variant voor in de browser. Deze heet [p5.js](https://p5js.org/). We gaan er in deze instructie mee aan de slag. Eerst een voorbeeld van wat je ermee kunt doen:
 
@@ -56,11 +56,13 @@ function draw() {
 {{< /highlight >}}
 {{< /voorbeeld >}}
 
+Een nuttig spiekbriefje voor P5.js <a href="https://bmoren.github.io/p5js-cheat-sheet/nl.html" target="_blank">vind je hier</a>.
+Een nog uitgebreider spiekbriefje <a href="https://bmoren.github.io/p5js-cheat-sheet/nl.html" target="_blank">staat hier</a> maar die is wel in het Engels.
+
 ### Editor
 
-p5.js is een Javascript bibliotheek. Deze kun je in elke webpagina integreren. 
-Je kunt "sketches" schrijven in een editor op je PC en het resultaat dan bekijken in een webbrowser. Het is echter makkelijker om een editor in de browser
-zelf te gebruiken. Ga daarvoor naar <a href="p5.js-widget/p5-widget.html" target="_blank">deze editor</a>.
+p5.js is open-source software die je in websites kunt gebruiken. 
+Je kunt 'sketches' schrijven in een editor op je PC en het resultaat dan bekijken in een webbrowser. Wat ook kan, is een editor in de browser zelf te gebruiken. Ga daarvoor naar <a href="p5.js-widget/p5-widget.html" target="_blank">deze editor</a>.
 
 De volgende instructies en voorbeelden gaan ervan uit dat je deze editor gebruikt.
 
@@ -109,7 +111,7 @@ We zullen stap voor stap door de code heen lopen:
    * `background(255)` maakt de achtergrond kleur wit (waarde 255).
    * `translate(width / 2, height / 2)` zorgt ervoor dat het vierkant midden in het tekenblad komt.
    * `rotate(frameCount / 50)` draait het vierkant iedere keer dat dit wordt uitgevoerd. `frameCount` staat voor het
-     aantal schermvernieuwingen per seconde. Daardoor bepaald `frameCount / 50` de snelheid waarmee het vierkant draait.
+     aantal schermvernieuwingen per seconde. Daardoor bepaalt `frameCount / 50` de snelheid waarmee het vierkant draait.
    * tenslotte tekent `rect(-26, -26, 52, 52)` het vierkant.
 
 **Opdracht 1**: neem de code over in de editor en kijk of er een draaiend vierkant wordt getekend door op de speel knop
@@ -277,7 +279,7 @@ function draw() {
 }
 {{< /highlight >}}
 
-Met het commando `color` op regel 8 kunnen we een kleur maken. Het commando heeft 3 parameters. Het eerste bepaald de
+Met het commando `color` op regel 8 kunnen we een kleur maken. Het commando heeft 3 parameters. Het eerste bepaalt de
 hoeveelheid rood (R), het tweede de hoeveelheid groen (G) en het derde en laatste de hoeveelheid blauw (B). Deze RGB
 waarde zorgt samen een mengsel van de drie kleuren. Daarbij zorgt `color(255, 255, 255)` voor wit (alle kleuren maximaal)
 en `color(0, 0, 0)` voor zwart (alle kleuren uit).