xxxxxxxxxx
196
/*
My self portrait.
It's not literally me. Rather, it's an expression of myself.
*/
//Variables for cloud
var cloudColor = "Black";
var cloud1X = 200;
var cloud1Y1 = 70;
var cloud1Y2 = 100;
var cloud1W = 150;
var cloud1H = 120;
var cloud2X1 = 95;
var cloud2X2 = 300;
var cloud2Y = 80;
var cloud2W = 125;
var cloud2H = 130;
//Variables for thoughts
var P = "Pink";
var L = "Thistle";
var B = "LightBlue";
var thoughtsX1 = 200;
var thoughtsX2 = 140;
var thoughtsX3 = 80;
var thoughtsX4 = 260;
var thoughtsX5 = 320;
var thoughtsY = 130;
var thoughtsY1 = 100;
var thoughtsY2 = 70;
var thoughtsWH = 30;
//Variables for raindrops
//3
var raindrops3TriX1 = 130;
var raindrops3TriX2 = 150;
var raindrops3TriX3 = 140;
var raindrops3TriY1 = 200;
var raindrops3TriY2 = 170;
var raindrops3ElliX1= 140;
var raindrops3ElliX2= 200;
var raindrops3TriX4 = 190;
var raindrops3TriX5 = 210;
var raindrops3TriX6 = 200;
var raindrops3ElliY= 200;
var raindrops3TriX7 = 255;
var raindrops3TriX8 = 275;
var raindrops3TriX9 = 265;
var raindrops3ElliX3 = 265;
//2
var raindropsW = 18.8;
var raindropsH = 25;
var raindrops2TriX1 = 161;
var raindrops2TriX2 = 181;
var raindrops2TriX3 = 171;
var raindrops2TriY= 260;
var raindrops2TriY2 = 230;
var raindrops2ElliX = 171;
var raindrops2ElliY= 260;
var raindrops2TriX4 = 225;
var raindrops2TriX5 = 245;
var raindrops2TriX6 = 235;
var raindrops2ElliX2 = 235;
//1
var raindrop1TriX1 = 190;
var raindrop1TriX2 = 210;
var raindrop1TriX3 = 200;
var raindrop1TriY = 310;
var raindrop1TriY2 = 280;
var raindrop1ElliX = 200;
var raindrop1ElliY = 310;
//Variable for heart
var heartX1 = 180;
var heartX2 = 220;
var heartY = 360;
var heartW = 43;
var heartH = 50;
var heartTriX1 = 200;
var heartTriX2 = 240;
var heartTriX3 = 160;
var heartTriY = 420;
var heartTriY2 = 370;
var holeX = 200;
var holeY = 376;
var holeWH = 30;
function setup() {
createCanvas(390, 430);
}
function draw() {
background("Gray");
//Cloud/brain
fill(cloudColor);
//Top
noStroke();
ellipse(cloud1X, cloud1Y1, cloud1W, cloud1H);
//Bottom
ellipse(cloud1X, cloud1Y2, cloud1W, cloud1H);
//Left
ellipse(cloud2X1, cloud2Y, cloud2W, cloud2H);
//Right
ellipse(cloud2X2, cloud2Y, cloud2W, cloud2H);
//The circles/thoughts
fill(P);
ellipse(thoughtsX1, thoughtsY, thoughtsWH, thoughtsWH);
fill(L);
ellipse(thoughtsX2, thoughtsY1, thoughtsWH, thoughtsWH);
fill(B);
ellipse(thoughtsX3, thoughtsY2, thoughtsWH, thoughtsWH);
fill(B);
ellipse(thoughtsX1, thoughtsY2, thoughtsWH, thoughtsWH);
fill(L);
ellipse(thoughtsX4, thoughtsY1, thoughtsWH, thoughtsWH);
fill(P);
ellipse(thoughtsX5, thoughtsY2, thoughtsWH, thoughtsWH);
//3 Raindrops/processing
triangle(raindrops3TriX1, raindrops3TriY1,
raindrops3TriX2, raindrops3TriY1,
raindrops3TriX3, raindrops3TriY2
);
ellipse(raindrops3ElliX1, raindrops3ElliY, raindropsW, raindropsH);
fill(L);
triangle(raindrops3TriX4, raindrops3TriY1,
raindrops3TriX5, raindrops3TriY1,
raindrops3TriX6, raindrops3TriY2
);
ellipse(raindrops3ElliX2, raindrops3ElliY, raindropsW, raindropsH);
fill(B);
triangle(raindrops3TriX7, raindrops3TriY1,
raindrops3TriX8, raindrops3TriY1,
raindrops3TriX9, raindrops3TriY2
);
ellipse(raindrops3ElliX3, raindrops3ElliY, raindropsW, raindropsH);
//2 Raindrops/processing
fill(B);
triangle(raindrops2TriX1, raindrops2TriY,
raindrops2TriX2, raindrops2TriY,
raindrops2TriX3, raindrops2TriY2);
ellipse(raindrops2ElliX, raindrops2ElliY, raindropsW, raindropsH);
fill(P)
triangle(raindrops2TriX4, raindrops2TriY,
raindrops2TriX5, raindrops2TriY,
raindrops2TriX6, raindrops2TriY2
);
ellipse(raindrops2ElliX2, raindrops2ElliY, raindropsW, raindropsH);
//1 Raindrops/processing
fill(L);
triangle(raindrop1TriX1, raindrop1TriY,
raindrop1TriX2 , raindrop1TriY,
raindrop1TriX3 , raindrop1TriY2
);
ellipse(raindrop1ElliX, raindrop1ElliY, raindropsW, raindropsH);
//The heart/feelings
fill(cloudColor);
ellipse(heartX1, heartY, heartW, heartH); //Left
ellipse(heartX2, heartY, heartW, heartH); //Right
triangle(heartTriX1, heartTriY, heartTriX2, heartTriY2, heartTriX3, heartTriY2);
fill("Gray"); //Hole
ellipse(holeX, holeY, holeWH, holeWH);
}