{"id":64849,"date":"2021-09-07T11:30:21","date_gmt":"2021-09-07T15:30:21","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=64849"},"modified":"2021-09-07T11:33:07","modified_gmt":"2021-09-07T15:33:07","slug":"project-1-my-self-portrait-7","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/07\/project-1-my-self-portrait-7\/","title":{"rendered":"Project 1: My Self Portrait"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<html><body><div class=\"wp-block-file\"><a class=\"p5_sketch_link\" data-width=\"10000\" data-height=\"500\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/kstargio-01-project-copy.js\">kstargio-01-selfportrait<\/a><a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/kstargio-01-project-copy.js\" class=\"wp-block-file__button\" download=\"\">Download<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"10000\" height=\"500\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/ Katherine Stargiotti, kstargio, B\n\nfunction setup() {\n    createCanvas(1000, 500);\n    background(220);\n    text(\"kstargio, Self-Portrait Project1\", 10, 15);\n}\n\nfunction draw() {\n\/\/HEAD:\n    noStroke();\n\tfill(221,159,131);\t\t\t\t\t\t\t\/\/skin tone\n\tellipse(500, 200, 280, 300);\n\tellipse(500, 270, 215, 305);\n\tquad(633,240, 367,240, 421,375, 579,375);\n\tline(637.5,200,725,300);\n\tellipse(433, 280, 95, 125);\n\tellipse(567, 280, 95, 125);\t\t\t\t\t\/\/head\n\t\tfill(231,159,133);\n\tellipse(434, 285, 85, 70);\n\tellipse(566, 285, 85, 70);\t\t\t\t\t\/\/cheeks\n\/\/EYES:\n\t\tfill(255);\t\t\/\/white\n\tellipse(450, 250, 50, 20);\n\tellipse(550, 250, 50, 20);\n\tarc(450, 250, 50, 26, PI, 0);\n\tarc(550, 250, 50, 26, PI, 0);\t\t\t\t\/\/eyeballs\n\t\tfill(58,27,25);\t\t\/\/brown\n\tarc(450, 246, 25, 25, PI+HALF_PI+QUARTER_PI, PI+(QUARTER_PI), OPEN);\n\tarc(550, 246, 25, 25, PI+HALF_PI+QUARTER_PI, PI+QUARTER_PI, OPEN);\t\t\t\n\t\tfill(0);\t\t\t\/\/black\n\tellipse(450, 246.5, 15, 15);\n\tellipse(550, 246.5, 15, 15);\t\t\t\t\/\/pupils\n\t\tfill(255);\n\tellipse(455, 245, 5, 5);\n\tellipse(555, 245, 5, 5);\n\tellipse(456, 249, 2, 2);\n\tellipse(556, 249, 2, 2);\t\t\t\t\t\/\/glare\n\/\/EYELINER:\n\t\tnoFill();\n\t\tstroke(0);\n\t\tstrokeWeight(.75);\n\tarc(450, 250, 50, 20, (QUARTER_PI)\/8, PI-(QUARTER_PI)\/8);\n\tarc(550, 250, 50, 20, (QUARTER_PI)\/8, PI-(QUARTER_PI)\/8); \t\t\/\/bottom line\n\t\tstrokeWeight(1);\n \tarc(450, 250, 50, 26, PI, 0);\n\tarc(550, 250, 50, 26, PI, 0); \n\t\tstrokeWeight(1.75);\n \tarc(450, 250, 50, 26, PI, PI+HALF_PI+(7*(HALF_PI)\/8));\n\tarc(550, 250, 50, 26, PI+(QUARTER_PI)\/4, 2*PI); \n\t\tstrokeWeight(2.5);\n \tarc(450, 250, 50, 26, PI, PI+HALF_PI+(6*(HALF_PI)\/8));\n\tarc(550, 250, 50, 26, PI+(QUARTER_PI)\/2, 2*PI); \n\/\/EYELASHES:\n\t    strokeWeight(1);\n\tarc(423, 245, 15, 12, HALF_PI-(QUARTER_PI\/2), PI-(QUARTER_PI)\/2);\t\t\/\/left top\n\tarc(424, 243, 15, 12, HALF_PI+(QUARTER_PI\/8), PI-(QUARTER_PI)\/2);\t\n\tarc(425, 241, 15, 12, HALF_PI-(QUARTER_PI\/2), PI-(QUARTER_PI)\/2);\t\n\tarc(426, 239, 15, 12, HALF_PI-(QUARTER_PI\/2), PI-(QUARTER_PI)\/2);\t\n\tarc(428, 238, 15, 12, HALF_PI+(QUARTER_PI\/8), PI-(QUARTER_PI)\/3);\t\n\tarc(430, 236.5, 15, 12, HALF_PI-(QUARTER_PI\/2), PI-(QUARTER_PI)\/2);\t\n\tarc(432, 235, 15, 12, HALF_PI+(QUARTER_PI\/8), PI-(QUARTER_PI)\/2);\n\tarc(434, 234, 15, 12, HALF_PI+(QUARTER_PI\/8), PI-(QUARTER_PI)\/3);\t\n\tarc(436, 233, 15, 12, HALF_PI-(QUARTER_PI\/2), PI-(QUARTER_PI)\/2);\t\n\tarc(438, 232, 15, 12, HALF_PI+(QUARTER_PI\/8), PI-(QUARTER_PI)\/2);\t\n\tarc(440, 232, 12, 10, HALF_PI+(QUARTER_PI\/8), PI-(QUARTER_PI)\/3);\t\n\tarc(442, 231.5, 12, 10, HALF_PI-(QUARTER_PI\/2), PI-(QUARTER_PI)\/2);\t\n\tarc(445, 231, 12, 10, HALF_PI+(QUARTER_PI\/8), PI-(QUARTER_PI)\/2);\n\t\tstrokeWeight(.75);\n\tarc(447, 232, 12, 10, HALF_PI+(QUARTER_PI\/8), PI-(QUARTER_PI)\/3);\t\n\tarc(449, 231.5, 12, 10, HALF_PI-(QUARTER_PI\/2), PI-(QUARTER_PI)\/2);\t\n\tarc(451, 231, 12, 10, HALF_PI+(QUARTER_PI\/8), PI-(QUARTER_PI)\/2);\n\t\tstrokeWeight(.5);\n\tarc(453, 232, 12, 10, HALF_PI+(QUARTER_PI\/8), PI-(QUARTER_PI)\/3);\t\n\tarc(455, 232, 12, 10, HALF_PI-(QUARTER_PI\/2), PI-(QUARTER_PI)\/2);\t\n\tarc(456, 231, 12, 10, HALF_PI+(QUARTER_PI\/8), PI-(QUARTER_PI)\/2);\n\t\tstrokeWeight(1);\n\tarc(425, 257, 10, 8, PI+(QUARTER_PI)\/2, PI+HALF_PI+(QUARTER_PI)\/2);\t\t\/\/left bottom\n\tarc(426, 258, 9, 8, PI+(QUARTER_PI)\/2, PI+HALF_PI+(QUARTER_PI)\/2);\t\n\t\tstrokeWeight(.5);\n\tarc(427, 259, 8, 8, PI+(2*(QUARTER_PI)\/3), PI+HALF_PI+(QUARTER_PI)\/2);\t\n\tarc(428, 260, 8, 8, PI+(2*(QUARTER_PI)\/3), PI+HALF_PI+(QUARTER_PI)\/2);\t\n\tarc(430, 261, 8, 8, PI+(2*(QUARTER_PI)\/3), PI+HALF_PI+(QUARTER_PI)\/2);\t\n\t\tstrokeWeight(1);\n\tarc(578, 245, 15, 12, QUARTER_PI\/2, HALF_PI+(QUARTER_PI)\/2);\t\t\t\/\/right top\n\tarc(577, 243.5, 15, 12, QUARTER_PI\/3, HALF_PI+(QUARTER_PI)\/8);\t\t\n\tarc(576, 242, 15, 12, QUARTER_PI\/2, HALF_PI+(QUARTER_PI)\/2);\t\t\n\tarc(574, 240.5, 15, 12, QUARTER_PI\/3, HALF_PI+(QUARTER_PI)\/8);\n\tarc(573, 239, 15, 12, QUARTER_PI\/3, HALF_PI+(QUARTER_PI)\/8);\t\t\n\tarc(572, 237, 15, 12, QUARTER_PI\/2, HALF_PI+(QUARTER_PI)\/2);\t\t\n\tarc(569, 236, 15, 12, QUARTER_PI\/4, HALF_PI+(QUARTER_PI)\/8);\n\tarc(569, 235.5, 12, 10, QUARTER_PI\/3, HALF_PI+(QUARTER_PI)\/8);\t\t\n\tarc(568, 234, 12, 10, QUARTER_PI\/2, HALF_PI+(QUARTER_PI)\/2);\t\t\n\tarc(565, 233.5, 12, 10, QUARTER_PI\/3, HALF_PI+(QUARTER_PI)\/8);\t\n\tarc(564, 233, 12, 10, QUARTER_PI\/3, HALF_PI+(QUARTER_PI)\/8);\t\t\n\tarc(562, 232.5, 12, 10, QUARTER_PI\/2, HALF_PI+(QUARTER_PI)\/2);\t\t\n\tarc(560, 232, 12, 10, QUARTER_PI\/3, HALF_PI+(QUARTER_PI)\/8);\n\t\tstrokeWeight(.75);\n\tarc(558, 232, 12, 10, QUARTER_PI\/3, HALF_PI+(QUARTER_PI)\/8);\t\t\n\tarc(556, 231.5, 12, 10, QUARTER_PI\/2, HALF_PI+(QUARTER_PI)\/2);\t\t\n\tarc(554, 231, 12, 10, QUARTER_PI\/2, HALF_PI+(QUARTER_PI)\/8);\n\t\tstrokeWeight(.5);\n\tarc(552, 231.5, 10, 8, QUARTER_PI\/3, HALF_PI+(QUARTER_PI)\/8);\t\t\n\tarc(550, 231.5, 10, 8, QUARTER_PI\/2, HALF_PI+(QUARTER_PI)\/2);\t\t\n\tarc(548, 231.5, 10, 8, QUARTER_PI\/2, HALF_PI+(QUARTER_PI)\/8);\n\t\tstrokeWeight(1);\n\tarc(575, 257, 10, 8, PI+HALF_PI-(QUARTER_PI)\/2, (2*PI)-(QUARTER_PI)\/2);\t\/\/right bottom\n\tarc(574, 258, 9, 8, PI+HALF_PI-(QUARTER_PI)\/2, (2*PI)-(QUARTER_PI)\/2);\n\t\tstrokeWeight(.5);\n\tarc(573, 259, 8, 8, PI+HALF_PI-(QUARTER_PI)\/2, (2*PI)-(QUARTER_PI)\/2);\n\tarc(572, 260, 8, 8, PI+HALF_PI-(QUARTER_PI)\/2, (2*PI)-(QUARTER_PI)\/2);\n\tarc(570, 261, 8, 8, PI+HALF_PI-(QUARTER_PI)\/2, (2*PI)-(QUARTER_PI)\/2);\n\/\/EYEBROWS:\n\t\tfill(50, 26, 25);\t\t\/\/brow brown\n\tquad(423,207, 480,213, 480,223, 423,214);\n\tarc(421.5, 222, 45, 30, PI-(QUARTER_PI)\/2, PI+HALF_PI+(QUARTER_PI)\/2);\n\t\tfill(221,159,131);\t\t\/\/skin tone\n\t\tstroke(50, 26, 25);\n\tarc(425, 226, 55, 21, PI, PI+HALF_PI+(QUARTER_PI)\/2);\n\t\tfill(221,159,131);\t\t\/\/skin tone\n\t\tnoStroke();\n\tarc(425, 226, 53, 21, HALF_PI+QUARTER_PI, PI+HALF_PI);\t\t\t\t\t\t\t\t\t\/\/left brow\n        fill(50, 26, 25);\t\t\/\/brow brown\n\tquad(579,207, 520,213, 520,223, 579,215);\n\tarc(582, 222, 45, 30, PI+QUARTER_PI, QUARTER_PI);\n\t\tfill(221,159,131);\t\t\/\/skin tone\n\t\tstroke(50, 26, 25);\n\tarc(578, 226, 55, 21, PI+HALF_PI, 0);\n\t\tfill(221,159,131);\t\t\/\/skin tone\n\t\tnoStroke();\n\tarc(578, 226, 55, 21, PI, QUARTER_PI);\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/right brow\n\/\/NOSE:\n        noFill();\n\t\tstroke(50);\n\tarc(439, 285, 95, 175, PI+HALF_PI+QUARTER_PI, 0);\n\tarc(561, 285, 95, 175, PI, PI+QUARTER_PI);\n\/\/MASK ELASTIC:\n\t\tfill(172, 198, 209);\n\t\tstroke(172, 198, 209);\n\t\tstrokeWeight(2);\n\tline(430,385, 370,275);\n\tline(572,385, 630,275);\t\n\/\/EARS:\n\t\tnoStroke();\n\t\tfill(221,159,131);\t\t\/\/skin tone\n\tellipse(370,270, 30, 50);\n\tellipse(375,295, 25, 30);\n\tellipse(630,270, 30, 50);\n\tellipse(625,295, 25, 30);\n\n\/\/MASK:\n\t\tfill(172, 198, 209);\n\t\tstroke(172, 198, 209);\n\t\tstrokeWeight(2);\n\tline(375,265, 365,245);\n    line(625,265, 635,245);\n\t\tstrokeWeight(1);\n\tarc(500, 287, 45, 30, PI+(QUARTER_PI)\/2, PI+HALF_PI+QUARTER_PI+(QUARTER_PI)\/2);\n\tquad(500,280, 375,265, 428,385, 475,425);\n\tquad(500,280, 625,265, 574,385, 525,425);\n\tquad(475,425, 525,425, 525,282, 475,282);\n\/\/BUN:\n\t   \tfill(19, 16, 13);\n\t   \tstroke(19, 16, 13);\n\tellipse(525, 50, 130, 90);\n\t\tnoFill();\n\t\tstrokeWeight(1);\n\tarc(530, 75, 155, 145, HALF_PI+QUARTER_PI, QUARTER_PI);\n\t    stroke(37, 29, 26);\n\tarc(527, 78, 154, 142, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(528, 79, 155, 147, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(526, 75, 156, 145, HALF_PI+QUARTER_PI, QUARTER_PI);\t\n\t\tstroke(19, 20, 12);\n\t\tstrokeWeight(4);\n\t\n    arc(527, 77, 45, 135, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(528, 77, 160, 147, HALF_PI+QUARTER_PI, QUARTER_PI\/2);\n\tarc(526, 75, 155, 145, HALF_PI+QUARTER_PI, QUARTER_PI\/2);\n    arc(527, 77, 150, 135, HALF_PI+QUARTER_PI, QUARTER_PI\/2);\n\tarc(528, 77, 145, 147, HALF_PI+QUARTER_PI, QUARTER_PI\/2);\n\tarc(526, 75, 140, 145, HALF_PI+QUARTER_PI, QUARTER_PI\/2);\n\t\n    arc(527, 78, 135, 135, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(528, 79, 130, 147, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(526, 75, 125, 145, HALF_PI+QUARTER_PI, QUARTER_PI);\n\t\tstroke(50, 26, 25);\n    arc(527, 78, 120, 135, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(528, 79, 115, 147, HALF_PI+QUARTER_PI, QUARTER_PI);\n\t\t   \tstroke(19, 16, 13);\n\tarc(526, 75, 110, 145, HALF_PI+QUARTER_PI, QUARTER_PI); \n    arc(527, 78, 100, 135, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(528, 79, 95, 147, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(526, 75, 105, 145, HALF_PI+QUARTER_PI, QUARTER_PI);\n    arc(527, 78, 90, 135, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(528, 79, 85, 147, HALF_PI+QUARTER_PI, QUARTER_PI);\n\t\t\tstroke(41, 31, 29);\n\tarc(526, 75, 80, 145, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(527, 78, 75, 135, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(528, 79, 70, 147, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(526, 75, 65, 145, HALF_PI+QUARTER_PI, QUARTER_PI);\n\t    \tstroke(50, 26, 25);\n    arc(527, 78, 60, 135, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(528, 79, 55, 147, HALF_PI+QUARTER_PI, QUARTER_PI);\n\t\t    stroke(37, 29, 26);\n\tarc(526, 75, 50, 145, HALF_PI+QUARTER_PI, QUARTER_PI); \n    arc(527, 78, 45, 135, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(528, 79, 40, 147, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(526, 75, 35, 145, HALF_PI+QUARTER_PI, QUARTER_PI);\n    arc(527, 78, 30, 135, HALF_PI+QUARTER_PI, QUARTER_PI);\n\t\t   \tstroke(19, 16, 13);\n\tarc(528, 79, 25, 147, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(526, 75, 20, 145, HALF_PI+QUARTER_PI, QUARTER_PI);\n    arc(527, 78, 15, 135, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(528, 79, 10, 147, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(526, 75, 5, 145, HALF_PI+QUARTER_PI, QUARTER_PI);\n    arc(527, 78, 3, 135, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(528, 79, 57, 147, HALF_PI+QUARTER_PI, QUARTER_PI);\n\tarc(526, 75, 103, 145, HALF_PI+QUARTER_PI, QUARTER_PI);\n\/\/HAIR:\n\t\tnoFill();\n\t\tstroke(19, 16, 13);\n\t\tstrokeWeight(32);\n\tarc(500, 200, 230, 250, PI+QUARTER_PI, PI+HALF_PI+QUARTER_PI);\n\t\tstrokeWeight(26);\n\tarc(500, 200, 245, 265, PI+(QUARTER_PI)\/2+(QUARTER_PI)\/4, PI+HALF_PI+QUARTER_PI+(QUARTER_PI)\/4);\n\t\tstrokeWeight(20);\n\tarc(500, 200, 255, 275, PI+(QUARTER_PI)\/2, PI+HALF_PI+QUARTER_PI+(QUARTER_PI)\/2);\n\t\tstrokeWeight(15);\n\tarc(500, 200, 260, 280, PI+(QUARTER_PI)\/4, PI+HALF_PI+QUARTER_PI+(QUARTER_PI)\/2+(QUARTER_PI)\/4);\n\t\tstrokeWeight(11);\n\tarc(500, 200, 265, 285, PI, 0);\n\t\tstrokeWeight(8);\n\tarc(500, 200, 275, 295, HALF_PI+QUARTER_PI+(QUARTER_PI)\/2+(QUARTER_PI)\/4, (QUARTER_PI)\/4);\n\t\tstrokeWeight(5);\n\tarc(500, 200, 275, 300, HALF_PI+QUARTER_PI+(QUARTER_PI)\/2, (QUARTER_PI)\/2);\n\t\tfill(19, 16, 13);\n\tarc(500, 175, 260, 245, PI+(QUARTER_PI)\/2, PI+HALF_PI+QUARTER_PI+(QUARTER_PI)\/2, CHORD);\n\tarc(500, 100, 165, 65, PI+HALF_PI+QUARTER_PI, PI+QUARTER_PI, CHORD);\n}\n<\/code><\/pre><\/div>\n\n\n\n<p>I found this project to be challenging because of the amount of detail I like to use when creating art. With only primitive shapes\/tools at my disposal, it was very difficult to use as much detail as I would have liked. <\/p>\n\n\n\n<p><\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>kstargio-01-selfportraitDownload \/\/ Katherine Stargiotti, kstargio, B function setup() { createCanvas(1000, 500); background(220); text(&#8220;kstargio, Self-Portrait Project1&#8221;, 10, 15); } function draw() { \/\/HEAD: noStroke(); fill(221,159,131); \/\/skin tone ellipse(500, 200, 280, 300); ellipse(500, 270, 215, 305); quad(633,240, 367,240, 421,375, 579,375); line(637.5,200,725,300); ellipse(433, 280, 95, 125); ellipse(567, 280, 95, 125); \/\/head fill(231,159,133); ellipse(434, 285, 85, 70); ellipse(566, 285, &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/07\/project-1-my-self-portrait-7\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 1: My Self Portrait&#8221;<\/span><\/a><\/p>\n","protected":false},"author":673,"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\/f2021\/wp-json\/wp\/v2\/posts\/64849"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/users\/673"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=64849"}],"version-history":[{"count":5,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/64849\/revisions"}],"predecessor-version":[{"id":69551,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/64849\/revisions\/69551"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=64849"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=64849"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=64849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}