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);  

​

}

​

​

​

​

​