{"id":65170,"date":"2021-09-07T19:26:31","date_gmt":"2021-09-07T23:26:31","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=65170"},"modified":"2021-09-07T19:45:31","modified_gmt":"2021-09-07T23:45:31","slug":"project-1-my-self-portrait-22","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/07\/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><a class=\"p5_sketch_link\" data-width=\"800\" data-height=\"1000\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/Georgia-Portrait.js\">file<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"800\" height=\"1000\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/Georgia Miller \n\/\/Section D\nfunction setup() {\n    createCanvas(800,1000,);\n    background(229,255,204);\n    text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n    fill(204,102,0);\n    strokeWeight(0);\n    ellipse(315,490,480,720); \/\/back of hair\n    ellipse(340,340,440,430); \/\/mid piece\n    fill(255,229,191); \n    ellipse(500,525,240,200); \/\/cheek\n    ellipse(215,520,50,150); \/\/ear\n    ellipse(425,400,400,380); \/\/forehead\n    beginShape(QUADS); \/\/chin and jaw\n    vertex(255,580);\n    vertex(320,695);\n    vertex(530,720);\n    vertex(555,710);\n    endShape(CLOSE);\n    beginShape(QUADS); \/\/chin and jaw\n    vertex(320,695);\n    vertex(530,720);\n    vertex(555,710);\n    vertex(580,590);\n    endShape(CLOSE);\n    beginShape(QUADS); \/\/chin and jaw\n    vertex(230,460);\n    vertex(255,580);\n    vertex(500,690);\n    vertex(525,570);\n    endShape(CLOSE);\n\n    fill(88,45,0);\n    beginShape(); \/\/eyebrows\n    vertex(600,380)\n    bezierVertex(480,330,540,365,510,357);\n    bezierVertex(540,300,590,335,600,380);\n    endShape();\n    beginShape();\n    vertex(480,370);\n    bezierVertex(455,430,460,350,295,410);\n    bezierVertex(330,350,435,346,480,370);\n    endShape();\n\n    fill(204,102,0); \/\/bangs\n    beginShape();\n    vertex(450,155);\n    bezierVertex(760,100,675,435,625,475);\n    bezierVertex(560,230,610,345,450,155);\n    endShape();\n    beginShape();\n    vertex(450,155);\n    bezierVertex(645,100,610,380,570,430);\n    bezierVertex(530,230,610,400,450,155);\n    endShape();\n    beginShape();\n    vertex(450,155);\n    bezierVertex(530,205,550,400,515,430);\n    bezierVertex(500,200,530,345,450,155);\n    endShape();\n    beginShape();\n    beginShape();\n    vertex(400,200);\n    bezierVertex(390,250,350,300,380,440);\n    bezierVertex(340,350,315,234,400,200);\n    endShape();\n    beginShape();\n    vertex(385,130);\n    bezierVertex(320,360,230,100,330,490);\n    bezierVertex(380,370,300,300,385,130);\n    endShape();\n    beginShape();\n    fill(250)\n    vertex(300,130);\n    bezierVertex(260,360,170,100,240,490);\n    bezierVertex(300,370,220,300,300,130);\n    endShape();\n    strokeWeight(0);\n\n\n    fill(0) \/\/eyeliner\n    beginShape(QUADS);\n    vertex(330,430);\n    vertex(450,435);\n    vertex(500,465);\n    vertex(410,465);\n    endShape();\n    beginShape(QUADS);\n    vertex(610,430);\n    vertex(545,435);\n    vertex(530,465);\n    vertex(580,450);\n    endShape();\n    beginShape(TRIANGLES); \/\/eyelashes\n    vertex(395,465);\n    vertex(400,470);\n    vertex(380,475);\n    endShape();\n    beginShape(TRIANGLES);\n    vertex(410,475);\n    vertex(425,475);\n    vertex(405,490);\n    endShape();\n    beginShape(TRIANGLES);\n    vertex(580,470);\n    vertex(585,470);\n    vertex(590,465);\n    endShape();\n    beginShape(TRIANGLES);\n    vertex(590,460);\n    vertex(595,450);\n    vertex(600,465);\n    endShape();\n\n\n    fill(250)\n    ellipse(430,450,85,40) \/\/white of eyes\n    ellipse(560,450,60,40);\n    stroke(0);\n    strokeWeight(2);\n    line(525,450,570,525); \/\/nose bridge\n    line(535,550,560,550);\n    line(560,550,570,525);\n\n    strokeWeight(0) \/\/lips\n    fill(243,176,176)\n    beginShape();\n    vertex(490,630);\n    vertex(520,590);\n    vertex(540,600);\n    vertex(555,590);\n    vertex(570,605);\n    vertex(565,630);\n    vertex(530,640);\n    endShape();\n \n    stroke(100) \/\/cheekbone\n    strokeWeight(1)\n    line(250,520,405,590);\n    line(405,590,450,665);\n\n    strokeWeight(0);  \/\/cheekbone\n    fill(255,229,191); \n    beginShape();\n    vertex(255,580);\n    vertex(280,800);\n    vertex(230,885);\n    vertex(420,940);\n    vertex(580,910);\n    vertex(515,870);\n    vertex(490,710);\n    endShape();\n\n    strokeWeight(2);\/\/jawline\n    stroke(0);\n    line(530,720,555,710);\n    line(320,695,530,720);\n    line(555,710,580,590);\n    line(230,460,255,580);\n    line(255,580,320,695);\n\n    ellipseMode(RADIUS); \/\/eyeballs\n    fill(171,228,242);\n    strokeWeight(0)\n    ellipse(425, 450, 20, 20); \/\/ Outer white ellipse\n    ellipseMode(CENTER);\n    fill(0);\n    ellipse(425, 450, 18, 18); \/\/ Inner gray ellipse\n    fill(171,228,242);\n    ellipseMode(RADIUS); \n    ellipse(560, 450, 17, 17); \/\/ Outer white ellipse\n    ellipseMode(CENTER);\n    fill(0);\n    ellipse(560, 450, 15, 15); \/\/ Inner gray ellipse\n\n    fill(255,44,199,50); \/\/blush\n    ellipse(515,505,300,36);\n\n    fill(255); \/\/nose shine\n    ellipse(550,520,20,20);\n    noLoop();\n\n}\n<\/code><\/pre><\/p>\n\n\n\n<p>The most challenging thing about this project was trying to find a way to create my bangs. I ended up using really long code.<\/p>\n\n\n\n<p><\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>file \/\/Georgia Miller \/\/Section D function setup() { createCanvas(800,1000,); background(229,255,204); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } function draw() { fill(204,102,0); strokeWeight(0); ellipse(315,490,480,720); \/\/back of hair ellipse(340,340,440,430); \/\/mid piece fill(255,229,191); ellipse(500,525,240,200); \/\/cheek ellipse(215,520,50,150); \/\/ear ellipse(425,400,400,380); \/\/forehead beginShape(QUADS); \/\/chin and jaw vertex(255,580); vertex(320,695); vertex(530,720); vertex(555,710); endShape(CLOSE); beginShape(QUADS); \/\/chin and jaw vertex(320,695); vertex(530,720); vertex(555,710); vertex(580,590); endShape(CLOSE); beginShape(QUADS); &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/07\/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":660,"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\/f2021\/wp-json\/wp\/v2\/posts\/65170"}],"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\/660"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=65170"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65170\/revisions"}],"predecessor-version":[{"id":65270,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65170\/revisions\/65270"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=65170"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=65170"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=65170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}