Processing

6. Bouncing Ball

Creat per Isaac Muro
Creative Commons Licence

Pilota que es mou


let x = 0;
function setup(){
  createCanvas(600, 400);
}
function draw(){
  background(0);
  stroke(255);
  strokeWeight(4);
  noFill();
  ellipse(x,200,100,100);
  x = x + 1;
}

Pilota que es mou

Recordatori de if


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

Pregunta

Quina expressió hem d'escriure per a què la condició sigui certa quan arribem al final de l'sketch


if (_____________){

  fesAlgunaCosa();

}

Expressió booleana


if (x > width){

  Què fem aquí???????? dibuixem alguna cosa????

}

Dibuixem un rectangle


if (x > width){

  rect(40, 40, 30, 30);

}

Dibuixem un rectangle

com girem la velocitat?


let x = 0;
let vel = 1;
function setup(){
  createCanvas(600, 400);
}
function draw(){
  background(0);
  stroke(255);
  strokeWeight(4);
  noFill();
  ellipse(x,200,100,100);
  x = x + vel;
}

Revotar


let x = 0;
let vel = 1;
function setup(){
  createCanvas(600, 400);
}
function draw(){
  background(0);
  stroke(255);
  strokeWeight(4);
  noFill();
  ellipse(x,200,100,100);

  if (x > width){
    vel=-1;
  }
  x = x + vel;
}

Revotar

Repte 1

Fes que la pilota quan arribi al principi, torni un altre vegada a moure's cap a la dreta

Repte 2

Fes que la pilota reboti no a la mitad de la pilota, sinó quan toqui el perímetre.

Repte 3

Fes el mateix però vertical. És a dir, que reboti verticalment.

Repte 4

Fes que el moviment de la pilota sigui en diagonal.Fes que reboti per totes les parets.

Repte 5

Fes que la pilota vagi cada cop més ràpid quan toqui un lateral.

THANKS