{"id":70284,"date":"2022-09-06T23:37:09","date_gmt":"2022-09-07T03:37:09","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=70284"},"modified":"2022-09-06T23:38:31","modified_gmt":"2022-09-07T03:38:31","slug":"project-01-self-portrait-2","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/06\/project-01-self-portrait-2\/","title":{"rendered":"Project 01: 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><p>self portrait <\/p>\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-69.js\" data-width=\"400\" data-height=\"600\">sketch<\/a>\n\n\n\n<p>The most challenging part of this project was figuring out which new components go on which coordinates (this part took quite a lot of trial and error).<\/p>\n\n\n\n\/\/ Kathy Lee, Section D\n\nfunction setup() {\n    createCanvas(500, 500);\n    background(230);\n    text(&ldquo;My Self Portrait&rdquo;, 10, 15);\n}\n\nfunction draw() {\n    \/\/my hair\n    fill(0);\n    ellipse(250, 245, 200, 270);\n    fill(0);\n    rect(152, 220, 75, 200);\n    fill(0);\n    rect(273, 220, 75, 200);\n    \n    \/\/face\n    fill(223, 172, 107);\n    ellipse(275-25, 275-25, 150, 225);\n    \n    \/\/neck\n    fill(223, 172, 107);\n    rect(200+12.5, 300, 75, 125);\n    fill(223, 172, 107);\n    ellipse()\n\n    \/\/my rectangular shirt\n    noStroke()\n    fill(255);\n    rect(100, 400, 300, 300, 50);\n\n    \/\/front hair that flows down past the shirt\n    fill(0);\n    rect(151, 375, 62, 100);\n    fill(0);\n    rect(287, 375, 62, 100);\n\n    \/\/eyes\n    fill(0);\n    ellipse(223, 220, 30, 20); \/\/ left eye (full pupil)\n    fill(0);\n    ellipse(277, 220, 30, 20); \/\/ right eye (full pupil)\n    fill(223, 172, 107);\n    ellipse(223, 225, 30, 20); \/\/ left eye skin tone\n    fill(223, 172, 107);\n    ellipse(277, 225, 30, 20); \/\/ right eye skin tone \n\n    \/\/nose\n    fill(208, 161, 101);\n    triangle(250, 250, 230, 280, 270, 280);\n\n    \/\/mouth\n    fill(203, 117, 100);\n    ellipse(250, 300, 50, 25); \/\/ pink lip color\n    fill(223, 172, 107);\n    ellipse(250, 290, 50, 20); \/\/ skin tone to highlight smiling mouth\n\n    \/\/ears\n    fill(223, 172, 107);\n    ellipse(180, 250, 40, 50); \/\/ left ear\n    fill(15, 126, 47);\n    ellipse(170, 275, 15, 15); \/\/ earring\n    fill(223, 172, 107);\n    ellipse(320, 250, 40, 50); \/\/ right ear\n    fill(15, 126, 47);\n    ellipse(330, 275, 15, 15); \/\/ earring\n\n\n    \/\/eyebrows\n    fill(208, 161, 101);\n    rect(210,190, 30, 7); \/\/ left eyebrow\n    \/\/ I wanted to make the eyebrows with lines and change the strokeweight but then all the shapes get outlined? \n    \/\/ Not sure exactly what&rsquo;s going on so I will stick to rectangles for now\n    fill(208, 161, 101);\n    rect(260, 190, 30, 7); \/\/ right eyebrow\n\n}\n<iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"400\" height=\"600\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/ Kathy Lee, Section D\n\nfunction setup() {\n    createCanvas(500, 500);\n    background(230);\n    text(\"My Self Portrait\", 10, 15);\n}\n\nfunction draw() {\n    \/\/my hair\n    fill(0);\n    ellipse(250, 245, 200, 270);\n    fill(0);\n    rect(152, 220, 75, 200);\n    fill(0);\n    rect(273, 220, 75, 200);\n    \n    \/\/face\n    fill(223, 172, 107);\n    ellipse(275-25, 275-25, 150, 225);\n    \n    \/\/neck\n    fill(223, 172, 107);\n    rect(200+12.5, 300, 75, 125);\n    fill(223, 172, 107);\n    ellipse()\n\n    \/\/my rectangular shirt\n    noStroke()\n    fill(255);\n    rect(100, 400, 300, 300, 50);\n\n    \/\/front hair that flows down past the shirt\n    fill(0);\n    rect(151, 375, 62, 100);\n    fill(0);\n    rect(287, 375, 62, 100);\n\n    \/\/eyes\n    fill(0);\n    ellipse(223, 220, 30, 20); \/\/ left eye (full pupil)\n    fill(0);\n    ellipse(277, 220, 30, 20); \/\/ right eye (full pupil)\n    fill(223, 172, 107);\n    ellipse(223, 225, 30, 20); \/\/ left eye skin tone\n    fill(223, 172, 107);\n    ellipse(277, 225, 30, 20); \/\/ right eye skin tone \n\n    \/\/nose\n    fill(208, 161, 101);\n    triangle(250, 250, 230, 280, 270, 280);\n\n    \/\/mouth\n    fill(203, 117, 100);\n    ellipse(250, 300, 50, 25); \/\/ pink lip color\n    fill(223, 172, 107);\n    ellipse(250, 290, 50, 20); \/\/ skin tone to highlight smiling mouth\n\n    \/\/ears\n    fill(223, 172, 107);\n    ellipse(180, 250, 40, 50); \/\/ left ear\n    fill(15, 126, 47);\n    ellipse(170, 275, 15, 15); \/\/ earring\n    fill(223, 172, 107);\n    ellipse(320, 250, 40, 50); \/\/ right ear\n    fill(15, 126, 47);\n    ellipse(330, 275, 15, 15); \/\/ earring\n\n\n    \/\/eyebrows\n    fill(208, 161, 101);\n    rect(210,190, 30, 7); \/\/ left eyebrow\n    \/\/ I wanted to make the eyebrows with lines and change the strokeweight but then all the shapes get outlined? \n    \/\/ Not sure exactly what's going on so I will stick to rectangles for now\n    fill(208, 161, 101);\n    rect(260, 190, 30, 7); \/\/ right eyebrow\n\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>self portrait sketch The most challenging part of this project was figuring out which new components go on which coordinates (this part took quite a lot of trial and error). \/\/ Kathy Lee, Section D function setup() { createCanvas(500, 500); background(230); text(&ldquo;My Self Portrait&rdquo;, 10, 15); } function draw() { \/\/my hair fill(0); ellipse(250, 245, &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/06\/project-01-self-portrait-2\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 01: Self Portrait&#8221;<\/span><\/a><\/p>\n","protected":false},"author":736,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,58],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70284"}],"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\/736"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=70284"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70284\/revisions"}],"predecessor-version":[{"id":71062,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70284\/revisions\/71062"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=70284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=70284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=70284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}