p5.js-web-editor/doc/cheatsheet.md at c1810ed47ff8b7eb4ea98c41fe9eeac44fe9b8f8

Ruben van de Ven c1810ed47f loadImages in preload of basic images

2020-10-09 18:20:01 +02:00

title

documentclass

classoption

Cheatsheet

scrartcl

twocolumn

Punten op het gezicht

detection.points: Alle bovenstaande punten. Ieder punt bestaat uit x en y. Bijvoorbeeld detection.points[33].x is het x-coördinaat van het puntje van de neus.
detection.parts.nose: punten 27--35
detection.parts.leftEye: punten 36--41
detection.parts.rightEye: punten 42--47
detection.parts.rightEyeBrow: punten 22--26
detection.parts.leftEyeBrow: punten 17--21
detection.parts.jawOutline: punten 0--16
detection.box: de 'bounding box' van het gezicht.
detection.box.x: x coordinaat van de bounding box.
detection.box.y: y coordinaat van de bounding box.
detection.box.width: Breedte van de bounding box
detection.box.height: Hoogte van de bounding box
detection.center.x & detection.center.y: Het midden van de bounding box

drawPoints(punten): Teken punten
strokePoints(punten): Teken lijnen tussen een set punten
rect(x, y, breedte, hoogte): teken een rechthoek. x en y bepalen de linker bovenhoek.
circle(cx, cy, radius): Teken een cirkel. cx en cy bepalen het midden. Radius is de straal.

image(naam, x, y, breedte, hoogte): Toon een ingeladen afbeelding. x en y bepalen de linker bovenhoek.; Zie hieronder voor alle beschikbare afbeeldingen
getBoundingBox(punten): Bepaald het rechthoek waarbinnen de punten vallen.
mergePoints(punten, anderePunten): Voeg meerdere sets van punten samen. Bijvoorbeeld mergePoints( detection.parts.rightEyeBrow, detection.parts.leftEyeBrow )

Kleuren kunnen op verschillende manieren worden opgeven:

als engelse naam. Bijvoorbeeld fill('orange'), fill('darkblue').
Op basis van drie getallen tussen 0 en 255. Dit zijn de rood, groen, en blauwe componenten van de kleur. Bijvoorbeeld fill(0, 0, 255) geeft een blauwe vulling. fill(100,100,100) is grijs.
Op basis van vier getallen. Dit werkt hetzelfde als met drie. Het vierde getal bepaald transparantie. 0 is volledig tranparant, 255 helemaal geen transparantie. Dus fill(0, 0, 255, 130) geeft een half transparante blauwe vulling.