Les 4 - P5js

Lesvideo's

Alle informatie die tijdens deze les is behandeld is terug te vinden in de Syllabus onder het kopje Javascript / P5js, JavaScript-Basis.

Een uitwerking van de voorbeeldcode uit de les staat hieronder. Als je het commentaar in de code die onder de verschillende stappen benoemd staat weghaalt (ctr/cmd + /) dan kan je stapsgewijs een aantal dingen uitproberen.

//----------------------STAP 4a:
//let y = 0;

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

  //----------------------STAP 1:
  // line(0,0,800,600); //lijn tekenen -> coordinaten worden duidelijk

  //----------------------STAP 3a:
  // let y = 0;
}

function draw() {
  //----------------------STAP 6:
  // let y = 0; //waarom werkt het nu niet meer om de lijn te laten dalen?

  //----------------------STAP 7:
  // console.log(y); //wordt nu duidelijk waarom de lijn niet daalt?

  //----------------------STAP 2:
  // background(0);
  // stroke(255);
  // line(800,0,0,600); //waarom is andere lijn nu niet meer zichtbaar?

  //----------------------STAP 3b:
  // line(0,y,800,y); //waarom doet ie het nu niet?

  //----------------------STAP 4b
  // line(0,y,800,y); //waarom doet ie het nu wel?  

  //----------------------STAP 5:
  // hoe kunnen we de lijn nu laten dalen:
  // y++; // zo dus!

}