Blog

V5: ook die andere delen niet vergeten

Standaard functies P5

Deze moet je gewoon kunnen gebruiken. Uit je hoofd de parameters weten. Opzoeken in de Reference

• circle, rect, ellipse, square, triangle, vertex, arc
• mouseX, mouseY, pmouseX, pmouseY
• let
• mousePressed() versus mouseIsPressed
• color() // zie onder

Coding Style

• Gebruik camelCase notatie.
• Eenvoudige Functies

Kleurgebruik

RGB Color: Red, Green, Blue

Je moet weten wat deze begrippen betekenen en hoe RGB werkt. Uitleg

• 0 <= R <= 255
• 0 <= G <= 255
• 0 <= B <= 255

RGB In Hex

RGB kleuren worden ook als Hexadecimaal genoteerd. Zie https://lesmateriaal.voeten.com/blog/rgb-hsb-en-hex-kleuren/

HSB Color: Hue, Saturation, Brightness

Je moet weten wat deze begrippen betekenen en hoe HSB werkt. Uitleg

• 0 <= Hue <= 360
• 0 <= Saturation <= 100
• 0 <= Brightness <= 100

$$$ Je moet kunnen voorspellen wat er met een kleur gebeurt als je aan 1 van deze 3 draait.

Color Functies

• colorMode(HSB) en colorMode(RGB)
• fill(c)
• stroke(c)
• color (a,b,c) zowel in HSB als in RGB

Lijnen en Bogen

• strokeWeight
• arc(x,y,w,h,start, stop)
  • start en stop:
    • 0 en TWO-PI // 3 uur
    • HALF_PI // 6 uur
    • PI // 9 uur
    • PI + HALF_PI // 12 uur

Scope van Variabelen

Waar is de variabele geldig en waar werkt het anders?

Zie https://p5js.nl/unit-1/unit-1-la3/u1-la-3-6-scope-van-variabelen/

$$$ Eigen functies

Je moet eigen functies kunnen schrijven op basis van een tekst en gegeven referentie codes. Dit kan ook een nieuwe code zijn, waarvan je de referentie erbij krijgt.

Types van variabelen

In Javascript (op niveau Unit 1) kan een variabele een waarde hebben van 1 van deze types:

• integer = getal, bijv 41
• string = tekst, bijv “camel”
• ….

Einde van Unit 1.