Les 4 Javascript basis

---

De presentatie van les 4 staat hier:

Javascript les 4.pdf

De code gemaakt in Javascript les 4:

//maak variabele aan om y positie van de lijn in te bewaren
let yPos = 0;

function setup() {
  createCanvas(800,600);
  background(255);
}

function draw() {
  //teken een witte actergrond
  background(255);

  //doop omlijning penseel in rode kleur
  stroke(255,0,0);

  //maak omlijning dikker
  strokeWeight(10);

  //tel 1 op bij de yPos
  yPos = yPos + 1;

  //teken lijn van links naar rechts ter hoogte van yPos (let op dat de y-as omgedraaid werkt in p5)
  line(0, yPos, width, yPos);

  //doop het invulpenseel in een groene kleur
  fill(0,255,0);

  //doop het omlijningpenseel in een blauwe kleur
  stroke(0,0,255);

  //teken cirkel in het midden van het scherm
  ellipse(width / 2, height /2, 150);
}