xxxxxxxxxx
23
let mic;
let mouthHeight=40;
function setup() {
createCanvas (800,600); //creem un canvas que és un espai per dibuixar de 800 pixels d'ample que és el primer aargument i 600 pixels és l'alçada de la zona de dibuix i és el segon argument de la funció Createcanvas
//setup signfifica la configuració de la meva pantalla i del meu dibuix i és una funció que té dintre instruccións com createcanvas i dintrende cada instrucció hi ha els arguments o paràmetres que en aquest cas son l'amplada i l'alçada de la pantalla on dibuixaré.
}
function draw(){
background('white');
//és una funció per dibuixar dintre té instruccións com fill que significa omplir color,el primer paràmetre o argument és un número que correspon al color vermell,el segon correspon al color verd,i el tercer paràmetre és un número que correspon al color blau.Éls números van des de zero que no hi ha color fins a 255 que és el màxim.Aixì el color vermelll pur seria (255,0,0);el color verd pur seria fill(0,255,0); i el color blau pur és (0,0,255); en el nostre cas és(255,234,0); té el màxim de vermell,molt verd i res de blau i això dona vermell verd i blau i donen 255 per 255 per 255 és igual a 16.000.000 (16.581.375) colors diferents. El color també es pot fer d'una altra manera amb números no decimals són del 0 al 9 i els números que utilitzaren es diuen hexadecimals (base 16): 0 al 9,A, B, C, D, E, F.El color FF0000 és el mateix color
//cara
fill('#FFEA00'); //L'elipse té quatre paràmetres o arguments el primer número és la posició x del centre el segon número és la posició y del centre el tercer número és la amplada i el quart número és la alçada.Les diferents elipses estan en diferents posicións per exemple l'ull esquerre té una alçada i amplada molt més petita que la cara i al posició del centre de l'ull que són els primers dos números han d'estar més a l'esquerra sumo 70 pixels a la x i més cap amunt que el centre de la cara menys 50 pixels
ellipse (mouseX,mouseY,400,400);//Hem sustituit el centre de la ellipse
//ull esquerre
fill('#0000FF');
ellipse (mouseX-70,mouseY-50,60,60);
//ull dret
fill('#0000FF');
ellipse (mouseX+70,mouseY-50,60,60);
//boca
fill('#FF0000');
arc (mouseX,mouseY+90,90,30,0,PI);
}