{"id":70713,"date":"2022-09-09T13:11:02","date_gmt":"2022-09-09T17:11:02","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=70713"},"modified":"2022-09-09T13:11:53","modified_gmt":"2022-09-09T17:11:53","slug":"project-1-3","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/09\/project-1-3\/","title":{"rendered":"Project 01"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<html><body><p>Here is me! \ud83d\ude42<\/p>\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-123.js\" data-width=\"1200\" data-height=\"600\">sketch<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"1200\" height=\"600\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/Tracy Meng\n\/\/Section B\n\nfunction setup() {\n    createCanvas(600, 600);\n    background(220);\n    text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n    \/\/BACKGROUND\n    background(225,246,255);        \/\/ light blue sky\n\n    \/\/CLOUDS\n    noStroke();\n    fill(255);                      \/\/ cloud color (white)\n    circle(200,90,70);              \/\/ cloud 1\n    circle(150,70,100);\n    circle(100,90,80);\n    circle(50,90,60);\n\n    circle(340,180,80);             \/\/ cloud 2\n    circle(400,160,120);\n    circle(450,180,100);\n    circle(500,180,90);\n    circle(550,180,50);\n\n    \/\/HILLS\n    fill(186,245,190);              \/\/ light green\n    circle(150,550,300);            \/\/ hill 1\n    circle(0,520,100);              \/\/ hill 2\n    circle(450,520,200);            \/\/ hill 3\n    circle(550,570,150);            \/\/ hill 4\n\n    \/\/TREES\n    fill(104,193,110);              \/\/ dark green\n    ellipse(50,500,70,300);         \/\/ tree 1\n    ellipse(145,400,90,height);      \/\/ tree 2\n    ellipse(480,500,70,500);        \/\/ tree 3\n\n    \/\/SHRUBS\n    fill(77,235,87);                \/\/ light green 2\n    ellipse(85,550,60,200);         \/\/ shrub 1\n    ellipse(530,550,70,360);        \/\/ shrub 2\n\n    \/\/BACK OF HAIR\n    fill(102,58,14);                \/\/ hair color (dark brown)\n    rect(185,308,230,height);       \n\n    \/\/HAIR HIGHLIGHTS\n    stroke(166,111,0);              \/\/ light brown\n    strokeWeight(3);                \/\/ highlight thickness\n    line(200,308,200,height);  \n    line(240,308,240,height);\n    line(225,308,225,432); \n    line(380,400,380,height);\n    line(400,308,400,height);   \n\n    \/\/HEAD SHAPE\n    noStroke();\n    fill(255,220,177);              \/\/ skin color (nude)\n    ellipse(width\/2,height\/2,220,250); \/\/ head shape & location\n\n    \/\/EARS\n    fill(255,220,177);              \/\/ skin color (nude)\n    ellipse(190,308,30,50);         \/\/ left ear\n    ellipse(410,308,30,50);         \/\/ right ear\n\n    \/\/BODY\n    \/\/SHIRT\n    fill(243,18,153);               \/\/ shirt color (hot pink)\n    ellipse(width\/2,490,250,100);   \/\/ shoulders\n    quad(175,485,125,height,475,height,425,485); \/\/ rest of tshirt\n\n    \/\/SHIRT COLLAR\n    noFill();                       \n    stroke(255);                    \/\/ collar color (white)\n    strokeWeight(10);\n    arc(width\/2,450,80,80,0,PI);\n\n    \/\/NECK\n    noStroke();\n    fill(255,220,177);              \/\/ skin color (nude)\n\n    rect(260,410,80,35);  \n    ellipse(width\/2,450,80,80);     \/\/ neckline    \n\n    \/\/EAR HOLES\n    noFill();\n    strokeWeight(2);\n    stroke(230,145,20);             \/\/ brown ear stroke\n    arc(190,308,10,30,PI\/2,PI\/2+PI); \/\/ left hole\n    arc(410,308,10,30,-PI\/2,PI\/2);   \/\/ right hole\n\n    \/\/CHIN DEFINITION\n    arc(width\/2,422,20,10,0,PI);\n\n    \/\/EARRINGS\n    \/\/LEFT TRIANGLE EARRING \n    strokeWeight(2);\n    stroke(255,157,58);             \/\/ orange outline\n    fill(255,239,0);                \/\/ gold \n    triangle(180,333,200,333,190,350);\n\n    \/\/RIGHT TRIANGLE EARRING\n    triangle(400,333,420,333,410,350);\n\n    \/\/LEFT EARRING DANGLES 1\n    strokeWeight(4);                \/\/ thicker orange outline\n    fill(185,63,255);               \/\/ purple\n    quad(190,350,170,365,190,385,210,365); \n\n    \/\/RIGHT EARRING DANGLES 1\n    quad(410,350,390,365,410,385,430,365); \n\n    \/\/LEFT EARRING DANGLE 2\n    noFill();\n    stroke(0,233,194);              \/\/ teal dangle outline\n    quad(190,385,180,395,190,410,200,395); \n\n    \/\/RIGHT EARRING DANGLE 2\n    quad(410,385,400,395,410,410,420,395); \n\n    \/\/SUNGLASSES\n    \/\/FRAME + LENSES\n    stroke(250,145,164);            \/\/ rim color (pink)\n    strokeWeight(8);                \/\/ rim thickness\n    fill(28,28,28);                 \/\/ lenses color (dark grey)\n    rect(220,260,65,65,10);         \/\/ rectangle lense 1 (left)\n    rect(315,260,65,65,10);         \/\/ rectangle lense 2 (right)\n\n    line(285,295,315,295);          \/\/ connect rims\n    line(220,295,195,295);          \/\/ left band\n    line(380,295,405,295);          \/\/ right band\n\n    \/\/PEARLS\n    strokeWeight(4);                \/\/ thickness of point\n    stroke(255);                    \/\/ pearl color (white)\n    point(230,260);                 \/\/ top left rim\n    point(240,260);\n    point(250,260);\n    point(260,260);\n    point(270,260);\n\n    point(230,325);                 \/\/ bottom - left rim\n    point(240,325);\n    point(250,325);\n    point(260,325);\n    point(270,325);\n\n    point(220,275);                 \/\/ left - left rim\n    point(220,285);\n    point(220,295);\n    point(220,305);\n    point(220,315);\n\n    point(285,275);                 \/\/ right - left rim\n    point(285,285);\n    point(285,295);\n    point(285,305);\n    point(285,315);\n\n    point(330,260);                 \/\/ top - right rim\n    point(340,260);\n    point(350,260);\n    point(360,260);\n    point(370,260);\n\n    point(330,325);                 \/\/ bottom - right rim\n    point(340,325);\n    point(350,325);\n    point(360,325);\n    point(370,325);\n\n    point(315,275);                 \/\/ left - right rim\n    point(315,285);\n    point(315,295);\n    point(315,305);\n    point(315,315);\n\n    point(380,275);                 \/\/ right - right rim\n    point(380,285);\n    point(380,295);\n    point(380,305);\n    point(380,315);\n\n    \/\/GLARE LINES\n    stroke(238,238,255);            \/\/ glare color (grey - white)\n    strokeWeight(3);                \/\/ glare thickness\n    line(242,304,264,282);          \/\/ glare left\n    line(337,304,359,282);          \/\/ glare right\n\n    \/\/NOSE\n    noFill();\n    stroke(230,145,20);             \/\/ brown nose stroke\n    strokeWeight(2);                \/\/ nose stroke weight\n \n    arc(290,350,20,20,PI\/2,PI\/2+PI) \/\/ arc left: PI = Half of a circle\n    arc(310,350,20,20,-PI\/2,PI\/2);  \/\/ arc right: PI = Half of a circle\n\n    line(290,340,290,322);          \/\/ nose line left\n    line(310,340,310,322);          \/\/ nose line right\n\n    \/\/NOSTRILS\n    noStroke();\n    fill(222,171,95);               \/\/ light brown\n    ellipse(292,353,10,5);          \/\/ left nostril\n    ellipse(308,353,10,5);          \/\/ right nostril\n\n    \/\/LIPS\n    \/\/BOTTOM LIP\n    stroke(255,122,162);            \/\/ lip liner color\n    fill(255,132,168);              \/\/ lip color (light red)\n\n    ellipse(width\/2,390,25,15);\n\n    \/\/TOP LIP\n    noStroke();\n    fill(255,78,132);               \/\/ lip color (deep red)\n\n\n    ellipse(292,385,27,13);         \/\/ left side\n    ellipse(308,385,27,13);         \/\/ right side\n\n    \/\/MAKEUP HIGHLIGHT\n    \/\/LIP SPARKLE\n    stroke(255,238,210);            \/\/ sparkle color\n    strokeWeight(5);                \/\/ sparkle thickness\n    point(width\/2,376);             \/\/ top sparkle\n    point(width\/2,402);             \/\/ bottom sparkle\n\n    \/\/NOSE SPARKLE\n    line(width\/2,340,width\/2,322);\n\n    \/\/ROSY CHEEKS\n    noStroke();\n    fill(255,200,228);              \/\/ rose\n    ellipse(245,340,60,20);         \/\/ blush left\n    ellipse(355,340,60,20);         \/\/ blush right\n      \n    \/\/HAIR BANGS\n    stroke(166,111,0);              \/\/ light brown stroke (match highlight)\n    strokeWeight(3);\n    fill(102,58,14);                \/\/ bangs color (dark brown)  \n    point(220,220);                 \/\/ left\n    point(380,220);                 \/\/ right\n\n    bezier(300,175,120,180,250,300,150,430); \/\/ left bangs\n    bezier(300,175,480,180,350,300,450,430); \/\/ right bangs   \n\n    \/\/HIGHLIGHT BANGS\n    \/\/LEFT\n    bezier(280,195,150,200,260,320,170,400);\n\n    \/\/RIGHT\n    bezier(320,195,450,200,340,320,430,400);\n\n\n \n\n}\n\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>Here is me! \ud83d\ude42 sketch\/\/Tracy Meng \/\/Section B function setup() { createCanvas(600, 600); background(220); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } function draw() { \/\/BACKGROUND background(225,246,255); \/\/ light blue sky \/\/CLOUDS noStroke(); fill(255); \/\/ cloud color (white) circle(200,90,70); \/\/ cloud 1 circle(150,70,100); circle(100,90,80); circle(50,90,60); circle(340,180,80); \/\/ cloud 2 circle(400,160,120); circle(450,180,100); circle(500,180,90); circle(550,180,50); \/\/HILLS fill(186,245,190); \/\/ &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/09\/project-1-3\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 01&#8221;<\/span><\/a><\/p>\n","protected":false},"author":745,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,56],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70713"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/users\/745"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=70713"}],"version-history":[{"count":5,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70713\/revisions"}],"predecessor-version":[{"id":70718,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70713\/revisions\/70718"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=70713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=70713"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=70713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}