xxxxxxxxxx
119
/* self portrait with
variables
*/
var x= 200;
var y= 200;
var facecolor = '#DA81F5';
var eyecolor = '#8A2908';
var greenhair = '#21610B';
var blackhair = '#000000';
function setup() {
createCanvas(400, 400);
}
function mouseClicked() {
save ();
}
function draw() {
background('#0489B1');
//my face
noStroke();
var y = mouseY;
var x = mouseX;
var offset = 0;
var r = 0; // red
var b = mouseY; // blue
var g = mouseX; // green
fill(r, b, g);
ellipse(x, y, 100, 200);
//left Eye
ellipseMode(RADIUS);
fill(255);
ellipse(y - 25, x - 30, 15); // Outer white ellipse
ellipseMode(CENTER);
fill(eyecolor);
ellipse(y - 25, x - 20, 12); // Inner gray ellipse
// rigth eye
ellipseMode(RADIUS);
fill(255);
ellipse(x + 25, y - 30, 15); // Outer white ellipse
ellipseMode(CENTER);
fill(eyecolor);
ellipse(x + 25, y - 20, 12); // Inner gray ellipse
//Mouth
rectMode(CENTER);
stroke(eyecolor);
//noFill();
//strokeWeight(4);
rect(x, y + 55, 50, 25, 10);
arc(x + 5, y + 10, 20, 45, +PI / 2, -PI / 2) //Nose
// inner mouth
rectMode(CENTER);
stroke(0);
fill(facecolor);
rect(x , y + 55, 40, 15, 10);
// hair
noStroke();
fill(blackhair);
ellipse(x - 20, y - 100, 40);
fill(greenhair);
ellipse(x - 40, y - 70, 40);
fill(blackhair);
ellipse(x - 50, y - 90, 40);
fill(greenhair);
ellipse(x + 10, y - 100, 40);
fill(blackhair);
ellipse(x + 30, y - 100, 40);
fill(greenhair);
ellipse(x + 50, y - 70, 40);
fill(blackhair);
ellipse(x + 60, y - 90, 40);
fill(greenhair);
ellipse(x + 20, y - 70, 40);
fill(blackhair);
ellipse(x + 5, y - 70, 40);
fill(greenhair);
ellipse(x, y - 70, 40);
fill(blackhair);
ellipse(x + 30, y - 120, 40);
fill(greenhair);
ellipse(x + 50, y - 120, 40);
fill(blackhair);
ellipse(x - 50, y - 120, 40);
fill(greenhair);
ellipse(x + 10, y - 130, 40);
fill(blackhair);
ellipse(x, y - 140, 40);
fill(greenhair);
ellipse(x - 5, y - 130, 40);
fill(blackhair);
ellipse(x - 20, y - 90, 40);
fill(greenhair);
ellipse(x - 20, y - 120, 40);
}