Processing

5. Condicions

Creat per Isaac Muro
Creative Commons Licence

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

cicle de vide p5.js

Pregunta

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

Condicions

Per generar condicions necessitem utilitzar expresssions booleanes.

boolean

Exemples:


5 > 8
// Això evalua a FALSE

2 < 432
// Això evalua a TRUE

					

Operadors relacionals

Operador Descripció
< Menor
<= Menor o igual
> Major
>= Major o igual
== Igual
!= Diferent

Diagrama de fluxe Condició

flow diagram If

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