Cicle de vida d'una aplicació en p5.js

Pregunta

Com un programa en p5.js pot trencar la seqüenciació?

Condicions

Per generar condicions necessitem utilitzar expresssions booleanes.

Exemples:

5 > 8
// Això evalua a FALSE

2 < 432
// Això evalua a TRUE

Operadors relacionals

Diagrama de fluxe Condició

Pseudocodi

si (expressió booleana) llavors
   sentencia1;
   ...
   sentenciaN;
fsi

Sintaxi en p5.js

if (expressió booleana) {
 sentencia1;
 ...
 sentenciaN;
}

Exemple de if

if (mouseX < 100) {
 background(255,0,0);
}

Exemple sense if 1

function setup(){
  createCanvas(600, 400);
}
function draw(){
  background(0);

  stroke(255);
  strokeWeight(4);
  noFill();
  ellipse(300,200,100,100);
}

Exemple sense if 2

Exemple amb if 1

function setup(){
  createCanvas(600, 400);
}
function draw(){
  background(0);

  stroke(255);
  strokeWeight(4);
  noFill();

  if (mouseX > 300){
    fill(255,0,200);
  }

  ellipse(300,200,100,100);
}

Exemple amb if 2

THANKS

• Hakim El Hattab. Reveal.js
• processing.org
• processingjs.org
• openprocessing.org
• Tutorial de Processing para mentes Macromedia