{"id":70735,"date":"2022-09-09T14:20:47","date_gmt":"2022-09-09T18:20:47","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=70735"},"modified":"2022-09-09T14:20:47","modified_gmt":"2022-09-09T18:20:47","slug":"project-1-my-self-portrait-22","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/09\/project-1-my-self-portrait-22\/","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><p>The most challenging part was figuring out the math for the arc shapes and matching them up to the rest of my face.<\/p>\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-124.js\" data-width=\"300\" 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=\"300\" height=\"600\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/*\n    Joan Lee\n    Section D\n*\/\n\nfunction setup() {\n    createCanvas(300, 400);\n    background(220);\n    text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n    background(200);\n\n    \/\/hair behind face\n    noStroke();\n    fill(53, 25, 15);\n    rect(65, 100, 170, 300);\n    ellipse(70, 260, 70, 350);\n    ellipse(230, 260, 70, 350);     \/\/background hair\n    ellipse(115, 120, 120, 130);\n    ellipse(185, 120, 120, 130);\n  \n     \/\/body\n    fill(223, 205, 230);\n    triangle(150, 200, 230, 400, 70, 400);\n\n    \/\/face\n    fill(250, 230, 180);\n    noStroke();\n    quad(75, 100, 225, 100, 230, 230, 70, 230);     \/\/head\n    quad(70, 230, 230, 230, 165, 285, 135, 285);    \/\/jaw\n\n    \/\/eyebrows\n    stroke(73, 45, 35);\n    strokeWeight(5);\n    line(171, 150, 206, 152);\n    line(94, 152, 129, 150);\n\n    \/\/eyes\n    fill(245, 245, 245);\n    stroke(0);\n    strokeWeight(3);\n    arc(110, 180, 35, 25, PI, TWO_PI);\n    arc(185, 180, 35, 25, PI, TWO_PI);  \/\/eyeballs and lash line\n    fill(63, 35, 11);\n    stroke(0);\n    strokeWeight(2);\n    circle(111, 177, 17);\n    circle(184, 177, 17);   \/\/pupils and irises\n    fill(255, 225, 215);\n    stroke(205, 179, 156);\n    strokeWeight(1);\n    ellipse(110, 183, 35, 7);\n    ellipse(185, 183, 35, 7);   \/\/undereye silkworms\n\n    \/\/nose\n    triangle(148, 180, 165, 220, 132, 220);\n\n    \/\/mouth\n    stroke(255, 210, 200);  \/\/lips\n    strokeWeight(5);\n    fill(255);\n    arc(148, 233, 70, 50, 0, PI, CHORD);\n\n    \/\/front hair\n    stroke(53, 25, 15);\n    strokeWeight(1);\n    noFill();\n    arc(70, 100, 70, 200, TWO_PI, PI - HALF_PI);\n    arc(230, 100, 80, 240, PI - HALF_PI, PI);\n    arc(240, 100, 150, 190, PI - HALF_PI, PI);\n    arc(100, 100, 100, 80, TWO_PI, PI - HALF_PI);\n    arc(200, 100, 100, 80, PI - HALF_PI, PI);   \/\/lil baby hairs\n    noStroke();\n    fill(53, 25, 15);\n    arc(60, 95, 110, 170, TWO_PI, PI - HALF_PI);\n    arc(230, 100, 80, 170, PI - HALF_PI, PI);   \/\/side bangs\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>The most challenging part was figuring out the math for the arc shapes and matching them up to the rest of my face. sketch \/* Joan Lee Section D *\/ function setup() { createCanvas(300, 400); background(220); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } function draw() { background(200); \/\/hair behind face noStroke(); fill(53, 25, 15); rect(65, &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/09\/project-1-my-self-portrait-22\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 1: My Self Portrait&#8221;<\/span><\/a><\/p>\n","protected":false},"author":698,"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\/70735"}],"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\/698"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=70735"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70735\/revisions"}],"predecessor-version":[{"id":70738,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70735\/revisions\/70738"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=70735"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=70735"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=70735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}