Month: August 2018

John Legelis p5.js Self Portrait

JJ-Face-Project

function setup() {
    createCanvas(600, 600);
    background(70,150,0);
}


function draw() {   
    ellipseMode(CENTER);
    noStroke();
    //face ellipse
    fill(198,156,109);
    ellipse(300,300,360,480);

    //cover bottom half of face in green
    fill(70,150,0);
    quad(120,400, 120,600, 480,600, 480,400);

    //jaw trapazoid
    fill(198,156,109);
    quad(136,400, 464,400, 360,520, 240,520);

    //ears left the right
    ellipse(110,300, 40,120);
    ellipse(490,300, 40,120);

    //eye whites left then right
    fill(255,255,255);
    arc(210,300, 70,50, PI, 0, OPEN);
    arc(390,300, 70,50, PI, 0, OPEN);

    //irises left then right
    fill(0,118,163);
    ellipse(210,288,24,24);
    ellipse(390,288,24,24);

    //pupils left then rigt
    fill(0,0,0);
    ellipse(210,288,12,12);
    ellipse(390,288,12,12);

    //lips
    fill(212,62,92)
    beginShape();
    vertex(290,450);
    vertex(300,455);
    vertex(310,450);
    vertex(345,460);
    vertex(315,470);
    vertex(285,470);
    vertex(255,460);


    endShape(CLOSE);

    //nosebridge lines left then right
    stroke(0);
    strokeWeight(1)
    line(290,300,288,400);
    line(310,300,312,400);
    //nose bubbles
    noFill()
    ellipse(285,412,24,24);
    ellipse(315,412,24,24);
    ellipse(300,416,15,15);
    //blockthecircles
    fill(198,156,109);
    noStroke();
    beginShape();
    vertex(288,400);
    vertex(312,400);
    vertex(312,420);
    vertex(288,420);
    endShape(CLOSE);

    //eyebrows left then right
    fill(208,181,55);
    rectMode(CORNERS);
    rect(245,270,175,255);
    rect(355,270,425,255);

    //hair
    beginShape()
    vertex(120,200);
    vertex(130,100);
    vertex(160,60);
    vertex(400,60);
    vertex(420,120);
    vertex(430,70);
    vertex(440,120);
    vertex(455,80);
    vertex(454,120);
    vertex(470,200);
    endShape(CLOSE);
}

As I created this portrait, I felt my intuition increasing with p5.js.  The p5.js.org website was very helpful for discovering new tools that would help with novel shapes. The hair was especially difficult to create.

 

Rebecca Kim-Project 01-Face

rebecca-portrait

/* Rebecca Kim
Section C
rykim@andrew.cmu.edu
Project-01
*/

function setup() {
    createCanvas(600, 600);
    background(250,220,220);

    // text("p5.js vers 0.7.1 test.", 10, 15);
}

function draw() {


	//hair
	strokeWeight(0);
	fill(20,40,20)
	rect(210,150,180,280,90,90,10,10);
	//hairline
	fill(180,145,110);
	rect(298,150,3,20);


	//neck
	fill(220,180,140);
	rect(282,320,35,70,0,0,50,50);
	//neckshadow
	fill(210,160,95);
	ellipse(300,340,37,40);


	//ears
	fill(220,180,140);
	ellipse(220,270,20,30);
	fill(200,160,120);
	ellipse(220,270,15,23);
	fill(220,180,140);
	ellipse(380,270,20,30);
	fill(200,160,120);
	ellipse(380,270,15,23);

	//earrings
	noFill(0);
	strokeWeight(1);
	ellipse(380,302,38,38);
	stroke(151);

	strokeWeight(1);
	ellipse(220,302,38,38);

	//head
	strokeWeight(0);
	fill(220,180,140);
	rect(220,170,160,180,120,120,100,100);


	//right brow
	fill(89,69,44);
	ellipse(330,230,60,20);
	fill(220,180,140);
	ellipse(330,240,60,20);
	rect(300,220,10,20);
	rect(300,231,20,10);
	fill(220,180,140);
	ellipse(340,238,60,20);

	//left brow
	strokeWeight(0);
	fill(89,69,44);
	ellipse(270,230,60,20);
	fill(220,180,140);
	ellipse(330,240,60,20);
	rect(290,220,20,20);
	rect(280,231,20,10);
	fill(220,180,140);
	ellipse(262,238,60,20);


//nose
	strokeWeight(0);
	fill(180,145,110);
	ellipse(300,280,10,5);
	fill(230,190,160);
	ellipse(300,278,8,3);

//eyes
	//fill(0);
	//ellipse(268,253,40,8);
	//fill(220,180,140);
	//ellipse(268,248,50,8);




}

My distinguishing features are my defined (but drawn on) eyebrows and small, upturned nose, so I focused purely on those. My hoop earrings, which I often wear, are also characteristic to me.

Christine Chen-Project-01-Face

Christine Chen-Project-01-Face

/* 
Christine Chen
Section E
cyc1@andrew.cmu.edu
Project-01-Face
*/

function setup() {
    createCanvas(600, 500);
    background(172, 199, 250);
    noStroke();
    smooth();

    //dark brown hair
    var b=color(73, 48, 33); 
    fill(b);
    ellipse(300, 250, 350, 410);

    //neck
    var n=color(241, 192, 156);
    fill(n);
    rect (250, 260, 100, 100);

    //ears
    fill(n);
    ellipse(185, 220, 40, 60);
    ellipse(415, 220, 40, 60);

    //face
    var f=color(253, 211, 181); 
    fill(f);
    ellipse(300, 200, 240, 250);

    //bangs
    fill(b);
    triangle(370, 70, 220, 90, 130, 250);
    ellipse(270, 80, 110, 20);
    triangle(300, 70, 390, 90, 450, 250);

    //brows
    fill(b);
    ellipse(245, 190, 40, 20);
    ellipse(345, 190, 40, 20);
    fill(f);
    ellipse(245, 195, 40, 20);
    ellipse(345, 195, 40, 20);

    //blush
    fill(254, 158, 158);
    ellipse(230, 260, 45, 45);
    ellipse(370, 260, 45, 45);

    //eyes
    fill(40, 40, 40);
    ellipse(255, 220, 20, 20);
    ellipse(345, 220, 20, 20);

    //pupil
    fill(255, 255, 255);
    ellipse(260, 220, 5, 5);
    ellipse(350, 220, 5, 5);

    //nose
    fill(n);
    ellipse(300, 230, 20, 30);

    //lips
    fill(253, 125, 125);
    ellipse(300, 280, 50, 40);
    ellipseMode(CENTER);
    fill(f);
    ellipse(300, 265, 60, 20);

    //shirt
    rectMode(CENTER);
    fill(199, 88, 88);
    rect(300, 480, 220, 270, 60);

    //flower petals
    fill(255, 204, 67);
    ellipse(232, 150, 20, 20); //bottom right petal
    ellipse(215, 150, 20, 20); //bottom left
    ellipse(223.5, 125, 20, 20); //top center
    ellipse(208, 134, 20, 20); //top left
    ellipse(239, 134, 20, 20); //top right

    //flower center
    fill(227, 67, 67);
    ellipse(224, 140, 20, 20); 
    //
}

This is my very first project for this class. Throughout the process of creating the self portrait, I experimented with utilizing various simple geometric shapes to resemble face features. While I haven’t started learning about writing the codes for more complex shapes that may perhaps show some particular feature better, I realized that I could create more complex shapes by layering simpler shapes together! Overall, I enjoyed creating this piece as it fascinates me how codes can be used to control colors and shapes to create aesthetic images!

Victoria Reiter Project-01-Face

sketch

function setup() {
    createCanvas(500, 500);
    background(220);
    background('hsl(155, 84%, 86%)');
    text("~V's Self-Portrait~", 10, 15);
    var a;
	noStroke();
	a = color('hsl(25, 100%, 86%)');
	fill(a); 
	ellipse(250, 285, 270, 290); 
	ellipse(385,260,50,70);
	ellipse(115,260,50,70);
	var b;
	noStroke();
	b = color('hsl(14, 78%, 76%)');
	fill(b); 
	ellipse(390,265,30,50);
	ellipse(110,265,30,50);
	triangle(255,331,240,350,220,325);
	var c;
	noStroke();
	c = color('hsl(14, 78%, 85%)');
	fill(c); 
	ellipse(185,335,60,25);
	ellipse(315,335,60,25);
	var d;
	noStroke();
	d = color('hsl(62, 100%, 76%)');
	fill(d); 
	quad(145,175,190,175,165,265,125,230);
	quad(180,175,215,175,245,260,230,245);
	quad(260,175,305,175,315,255,285,235);
	quad(315,175,355,175,370,220,335,245);
	var e;
	noStroke();
	e = color('hsl(232, 27%, 43%)');
	fill(e); 
	ellipse(250, 190, 300, 75); 
	ellipse(210,140,110,150);
	ellipse(292,140,110,150);
	var f;
	noStroke();
	f = color('hsl(232, 27%, 27%)');
	fill(f); 
	rect(155,152.5,192,30);
	var g;
	stroke('hsl(223, 60%, 50%)');
	g = color('hsl(0, 100%, 100%)');
	fill(g);
	ellipse(200,285,80,80);
	ellipse(305,285,80,80);
	stroke('hsl(0, 0%, 0%)');
	arc(250,360,110,70,0,PI,CHORD);
	var h;
	noStroke();
	h = color('hsl(166, 41%, 40%)');
	fill(h);
	ellipse(200,272,55,55);
	ellipse(305,272,55,55);
	var i;
	noStroke();
	i = color('hsl(1, 0%, 0%)');
	fill(i);
	ellipse(200,260,30,30);
	ellipse(305,260,30,30);
	var j;
	noStroke();
	j = color('hsl(29, 51%, 40%)');
	fill(j);
	ellipse(283,335,10,10);
}

Well, perhaps this is not the most technically-stunning or impressive thing in the universe, but I have to say throughout this project I kept audibly gasping at myself over the very fact that I was actually producing…anything. Literally four days ago I could not even fathom how it was physically possible to make numbers into pretty shapes, so the basic-ness of this project aside /I/ at least am thoroughly impressed with it! It is cute and allowed me to play around with various tools, such as figuring out a good way to choose colors! (I found a website you can kind of test colors out with then take the ‘coordinates'[?] for them and put them into your code here.) I started by drawing a very geometric picture, and writing a quick step-by-step of how I would order and overlap the shapes to get the end product. And I kind of just played around while I was at it!

Self Portrait: Jaclyn Saik

For my self portrait, I wanted to play with the simple shape tools I understood in this program to create shadows, so that I could block out more of the details on my face in an interesting way (as opposed to outlining them with the stoke). When creating this, I learned that the program runs a lot like a physical canvas in the sense that everything is layered on top of each other. It reminds me of painting, since objects/shapes that I want in front of everything else come last in the code and I have to direct which color each one is, even if that color has been used previously in the artwork.

Self Portrait work

function setup() {
    createCanvas(620, 620);
    background(86, 116, 159);
    //text("p5.min.js vers 0.7.1 test.", 10, 15);
}

function draw() {
    //colors 
    s = color(253, 217, 147)
    l = color(255, 242, 216)
    d = color(233, 180, 90)
    g = color(98, 187, 70)

    fill(s);
    noStroke();
    ellipse(443, 251, 724, 785)
    
    fill(l)
    rect(336, -70, 352, 697)
    triangle(244, 425, 336, 207, 336, 425)
   
    fill(s);
    triangle(336, 425, 344, 380, 391, 425)

    fill(d);
    triangle(224, 314, 260, 341, 285, 292)

    //eye-01
    fill(d)
    ellipse(196, 256, 168, 98)
    fill(255)
    ellipse(205, 251, 168, 98)
    fill(g)
    ellipse(239, 244, 73, 73)

    //eye-02
    fill(d)
    ellipse(473, 256, 168, 98)
    fill(255)
    ellipse(482, 251, 168, 98)
    fill(0, 0, 114)
    ellipse(529, 244, 40, 40)

    //eyelids
    fill(s)
    rect(121, 184, 193, 46)
    fill(l)
    rect(391, 184, 193, 46)


    //eyebrow
    fill(s);
    triangle(336, 204, 467, 158, 596, 195)

    //lips
    fill(137, 183, 226)
    triangle(262, 499, 336, 466, 336, 500)
    fill(182, 215, 241)
    triangle(336, 466, 336, 500, 438, 500)
    fill(86, 116, 159)
    triangle(262, 499, 336, 543, 336, 500)
    fill(114, 155, 204)
    triangle(336, 500, 336, 543, 438, 500)



}

Dani Delgado- Looking Outwards-1

An example of Kidmograph’s work exploring motion

Gustavo Torres, also known as Kidmograph, is an Argentinian art director, motion designer and illustrator who focuses on creating interesting motion graphics using the already existing software. This artist uploads their work onto their websites and social media pages roughly every three days, leading me to believe that each graphic takes about two days or so to design.  I’m constantly inspired how Torres uses coding and animation software to create such vibrant images, especially at such a rate.

A digital landscape created by the artist Kidmograph

Many of these projects create worlds that are so surreal that they are only accessible through the digital realm, which I believe is quite the feat. As I am an artist that has primarily been exposed to traditional means, for him to be able to consistently create digital work which could not be reproduced in the physical world by any means is very admirable. His work is part of the reason why I wished to take 15-104 and start to learn at least the basics of coding.

 

Friendly reminder about my Skillshare class I did last year. Motion Graphics in Cinema 4D: Design an 80s-Inspired Animated GIF Link in bio January is a special month in Skillshare, and if you're willing to learn how I do most of my GIFs, you should definitely take this class. I cover the principles of building a scene in Cinema4D, then we go to AfterEffects to add some nice effects and post, and finally exporting the GIF optimized in Photoshop for social media/blogs like my Tumblr. The target is young (or not) people who wants to start doing regular content without being frustrated by the software. I did this course mostly from the side of a daily user, and lover of what I do. And I thought it would be a great opportunity to show how I do the things I do 🙂 #skillshare #course #kidmograph #retrofuture #cyberpunk #lofi #animation #design #cinema4d #aftereffects #photoshop #motiongraphics #mograph #art #newyear #gif

A post shared by Kidmograph® ‬ (@kidmograph) on

The artist started working with traditional means before moving his work to digital realm and since has worked with many large brands such as Adidas, Lolapalluza, and Paramount Pictures to create animations and graphic designs. His work was probably inspired by the psychedelic movements of the 70s and the current music scene which emphasizes originality and outlandish visuals.

While the programs he uses are not customized for him, I believe that such an artist can heavily influence the aesthetics of future designers and artists that have seen his work used by many popular companies.

https://www.kidmograph.com/

Kevin Riordan Looking Outwards-01

This project is called The Healer, and was created by Brian Tessler and Jon Baken as part of their entertainment website, Cool 3D World. I could not find exactly what program they used, but it seems to be something similar to Maya, Daz3D, or Cinema 4D. This video caught my attention because of how different the style is from other animated videos, and how the backgrounds seem realistic but the character models all seem to be purposely weird and lower quality than they could be. I admire how the video doesn’t seem to be inspired by anything, and how Brian Tessler leaves the video up for interpretation, never revealing the meaning behind any of his videos. In an interview, he said that even though the video is meaningful to him, it is up to the viewer to figure out their own personal meaning, and how it affects their life, if it even does at all. He goes on to say that one of his goals with the project is to make the viewer feel all range of emotions from his videos, and even though the content is ridiculous, it can sometimes still be sad, crazy, or even scary.

I got the information from this site:  https://metalmagazine.eu/en/post/interview/brian-tessler-the-internet-in-3d

Project1 – Alexander Chen

sketch

//Alexander Chen
//Section A
//alchen1@andrew.cmu.edu
//Project-01

function setup() {
    createCanvas(400, 400);
    background(73, 153, 173);
    text("p5.js vers 0.5.12 test.", 10, 15);
}

function draw() {
	createCanvas(400, 400);
	background(128, 127, 128);

	//background design
	stroke(255);
	strokeWeight(5);
	if(mouseIsPressed){
		fill(102, 193, 224);
	} else {
		fill(233, 210, 218);
	}
	rect(30, 30, 340, 340);

	//head + neck
	noStroke();
	fill(231, 175, 132);
	ellipse(200, 260, 100, 120);
	fill(231, 175, 132);
	rect(190,310, 20, 30);	
	
	//shirt
	fill(53, 0, 5);
	rect(130, 340, 140, 60, 30, 30, 0 ,0);
	fill(255, 255, 255);
	triangle(200, 340, 180, 340, 190, 330);
	fill(255, 255, 255);
	triangle(200, 340, 220, 340, 210, 330);
	
	//buttons on shirt
	fill(255, 255, 255);
	ellipse(200, 350, 5, 5);
	fill(255, 255, 255);
	ellipse(200, 370, 5, 5);
	fill(255, 255, 255);
	ellipse(200, 390, 5, 5);
	
	//eyes + glasses
	fill(0, 0, 0);
	ellipse(170, 260, 20, 20);
	fill(231, 175, 132);
	ellipse(170, 260, 15, 15);
	fill(0, 0, 0);
	ellipse(210, 260, 20, 20);
	fill(231, 175, 132);
	ellipse(210, 260, 15, 15);
	fill(0, 0, 0);
	rect(180, 258, 20, 3);
	stroke(0);
	strokeWeight(2);
	noFill();
	arc(170, 260, 8, 8, PI, 0);
	stroke(0);
	strokeWeight(2);
	arc(210, 260, 8, 8, PI, 0);

	//mouth
	noStroke();
	fill(193, 52, 27);
	arc(190, 290, 15, 15, 2*PI, (3/4)*PI, OPEN);

	//hair
	fill(0, 0, 0);
	arc(200, 220, 80, 40, PI, 0, CHORD);
	fill(0, 0, 0);
	ellipse(235, 235, 20, 40);
	fill(0, 0, 0);
	ellipse(238, 245, 20, 40);
	fill(0, 0, 0);
	ellipse(240, 245, 20, 40);
	fill(0, 0, 0);
	ellipse(242, 255, 20, 40);

}

This experience was very eye opening for me. I have never written any code before and it was very evident that I had no idea what I was doing. However, after playing around with it and reading a lot on the p5.js I’ve managed to conjure up something that slightly resembles me. I even challenged myself to add in “if” commands with the background changing colors when the mouse is pressed down.

Jenna Kim(Jeeyoon Kim)- Looking Outwards- 1

‘graffiti nature – living in the ruins of a bathhouse’: flowers grow as the visitors walk through the bathhouse

“for thousands of years, people have looked for meaning in the relationship between humans and nature. both exist in an eternal cycle of life and death, ever-evolving with the trials and tribulations of time. throughout history, humanity has caused immense damage to nature, yet has similarly been devastated by it, too. the connection is complex, multi-faceted and of great magnitude to teamlab’s core thinking.” https://www.designboom.com/art/teamlab-mifuneyama-where-gods-live-shiseido-saga-japan-07-24-2017/


(Drawing on the water surface created by the dance of koi and boats: one of the 14 installations by teamLab)

Visitors’ coloring pictures are scanned
Colored pictures applied to the installation.

“A forest where gods live”, by teamLab, is a project in which it transformed a 500,000 square meter garden located in Japan into a grandiose digital art exhibition. It shows 14 artworks, and these designers soften the sharp boundary between nature and manmade. These digital interventions are part of an open air museum where people can interact with nature and also look at the beautiful design. One part of this project that I really liked was the visitor interaction; visitors can color the pictures of the animals or flowers, scan these, and put these colored pictures in the actual installation. This project really inspired me to be interested in media design because I was mesmerized by this design that represented nature in a digital intervention without harming the nature; maybe, I want to be part of this team to continue a project similar to this in the future. The thought that continuity of life and death existing in the nature like the forest, rocks, and animals influenced teamLab to apply digital art to the forest park. teamLab did several similar projects related to nature before “A forest where gods live”. This is a team that collects different professionals in the digital art world. Artists, engineers, mathematicians, graphic designers, and many more people are brought together to create art that is jaw dropping. For this project, it used “project mapping”, which is alike to video mapping and augmented reality, and light and sound technologies. Project mapping, unlike simple projection of a screen, is a display of 3D objects on interactive displays. I have to say that the project is flawless because it accomplished the goal, to create digital art that is not harmful to nature, successfully through just simple projection of digital art, music, and light on to the nature itself.

Curran Zhang-Project-01-Face

sketch

/*Curran Zhang
Section A
curranz@andrew.cmu.edu
project_01*/

function draw() {
	createCanvas(600,600)
	background('royalblue')
	
//Moon
	fill('gold');
	strokeWeight(0);
	ellipse(100,random(50,55),140,140);
	fill('royalblue');
	strokeWeight(0);
	ellipse(150,50,100,100);
//Face
	fill('NavajoWhite');
	strokeWeight(0);
	rect(150,100,300,390,100,100,125,125);
	fill('black');
	strokeWeight(0);
	rect(150,100,300,200,100,100,0,0);
	fill('NavajoWhite');
	strokeWeight(0);
	triangle(150,300,175,270,200,300);
	noStroke();
	fill('NavajoWhite');
	strokeWeight(0);
	triangle(200,300,225,270,250,300);
	fill('NavajoWhite');
	strokeWeight(0);
	triangle(250,300,275,270,300,300);
	fill('NavajoWhite');
	strokeWeight(0);
	triangle(300,300,325,270,350,300);
	fill('NavajoWhite');
	strokeWeight(0);
	triangle(350,300,375,270,400,300);
	fill('NavajoWhite');
	strokeWeight(0);
	triangle(400,300,425,270,450,300);
	fill('NavajoWhite');
	arc(150,315,55,75,HALF_PI,PI+HALF_PI);
	fill('SandyBrown');
	arc(150,315,27,37,HALF_PI,PI+HALF_PI);
	fill('NavajoWhite');
	arc(450,315,55,75,PI+HALF_PI,HALF_PI);
	fill('SandyBrown');
	arc(450,315,27,37,PI+HALF_PI,HALF_PI);
	fill('PaleVioletRed');
	strokeWeight(0);
	arc(300,430,90,45,0,PI);
// EYES
	fill('black');
	strokeWeight(0);
	ellipse(random(369,371),350,55,55);
	fill('gray');
	strokeWeight(0);
	ellipse(random(369,371),350,50,50);
	fill('black');
	ellipse(random(355,359),350,10,10);
	fill('black');
	ellipse(random(381,385),350,10,10);
	fill('black');
	ellipse(random(368,372),337,10,10);
	fill('black');
	ellipse(random(368,372),363,10,10);
	fill('black');
	ellipse(random(231,233),350,55,55);
	fill('gray');
	ellipse(random(231,233),350,50,50);
	fill('black');
	ellipse(random(215,219),350,10,10);
	fill('black');
	ellipse(random(241,245),350,10,10);
	fill('black');
	ellipse(random(228,232),337,10,10);
	fill('black');
	ellipse(random(228,232),363,10,10);
//Glasses
	strokeWeight(4);
	stroke(51);
	noFill();
	rect(330, 317, 80, 65,10);
	strokeWeight(4);
	stroke(51);
	noFill();
	rect(192, 317, 80, 65,10);
	line(272,330,330,330)
	stroke(4)
//Cup One
	fill('white');
	strokeWeight(1);
	rect(50,525,50,15);
	fill('white');
	strokeWeight(1);
	quad(55,540,95,540,90,600,60,600);
	fill('white');
	strokeWeight(1);
	quad(55,525,95,525,90,520,60,520);
//Cup Two
	fill('white');
	strokeWeight(1);
	rect(275,525,50,15);
	fill('white');
	strokeWeight(1);
	quad(280,540,320,540,315,600,285,600);
	fill('white');
	strokeWeight(1);
	quad(280,525,320,525,315,520,285,520);
//Cup Three
	fill('white');
	strokeWeight(1);
	rect(500,525,50,15);
	fill('white');
	strokeWeight(1);
	quad(505,540,545,540,540,600,510,600);
	fill('white');
	strokeWeight(1);
	quad(505,525,545,525,540,520,510,520);
//Steam One
	noFill();
	stroke('SaddleBrown');
	strokeWeight(2)
	bezier(75, 370, 55, 400, 90, 470, 75, 510);
	noFill();
	stroke('Sienna');
	strokeWeight(2)
	bezier(65, 370, 45, 400, 80, 470, 65, 510);
	noFill();
	stroke('Sienna');
	strokeWeight(2)
	bezier(85, 370, 65, 400, 100, 470, 85, 510);
//Steam Two
	noFill();
	stroke('SaddleBrown');
	strokeWeight(2)
	bezier(300, 370, 280, 400, 315, 470, 300, 510);
	noFill();
	stroke('Sienna');
	strokeWeight(2);
	bezier(290, 370, 270, 400, 305, 470, 290, 510);
	noFill();
	stroke('Sienna');
	strokeWeight(2);
	bezier(310, 370, 290, 400, 325, 470, 310, 510);
//Steam Three
	noFill();
	stroke('SaddleBrown');
	strokeWeight(2)
	bezier(525, 370, 505, 400, 540, 470, 525, 510);
	noFill();
	stroke('Sienna');
	strokeWeight(2)
	bezier(515, 370, 495, 400, 530, 470, 515, 510);
	noFill();
	stroke('Sienna');
	strokeWeight(2)
	bezier(535, 370, 515, 400, 550, 470, 535, 510);
//Text
	fill('black');
	textSize(32);
	noStroke(0);
	text('Can I Sleep Now???',random(248,258),50);
	}

This project started out with basic geometries of rectangles and ellipse. After incorporating different types of geometries, I decided to try adding some motions within geometry. Thus, I created some geometry that had varying x or y coordinates.