{"id":70365,"date":"2022-09-19T09:30:48","date_gmt":"2022-09-19T13:30:48","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=70365"},"modified":"2022-09-19T09:33:52","modified_gmt":"2022-09-19T13:33:52","slug":"project-one-portrait-project","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/19\/project-one-portrait-project\/","title":{"rendered":"Project 1 &#8211; Portrait Project"},"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>For this project, I used different shapes to make a self-portrait.<\/p>\n\n\n\n<div class=\"wp-block-file\"><a class=\"p5_sketch_link\" data-width=\"300\" data-height=\"300\" id=\"wp-block-file--media-a2a9992e-42bc-46c3-8df3-f91a1e8425b2\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-319.js\">csavitzv &ndash; 1<\/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=\"300\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\"> function setup() {\n}\n function setup() {\n  createCanvas(300, 300);\n   background(253);\n}\n\/\/Background\n  function draw() {\n    background(206, 193, 232);\n    strokeWeight(0)\n    fill(153, 134, 191,150);\n    circle(50,150,200);\n    fill(182, 139, 214,150);\n    circle(150,190,200);\n    fill(163, 116, 158,100);\n    circle(220,90,200);\n    fill(224, 112, 212,90);\n    circle(60,20,200);\n    fill(224, 112, 212,90);\n    circle(300,220,200);\n    fill(153, 134, 191,50);\n    circle(100,250,200);\n    \n\/\/Face Outline\n    fill(242, 196, 177);\n    stroke(103,74,43);\n    strokeWeight(4);\n    beginShape();\n    vertex(95, 95);\n    vertex(77, 140);\n    vertex(80, 146); \n    vertex(77, 158);   \n    vertex(95, 246);\n    vertex(120, 270); \n    vertex(155, 265);\n    vertex(185, 225);  \n    vertex(197, 168);\n    vertex(195, 148); \n    vertex(175, 92); \n    endShape(CLOSE);\n\n\/\/Nose\n    stroke(103,74,43);\n    strokeWeight(4);  \n    line(130, 160, 115, 155);\n    line(123, 200, 130, 160);\n    line(123, 200, 131, 202);\n    \n\/\/Mouth\n    bezier(150, 232, 145, 235, 125, 225, 108, 234);\n\n\/\/Eye Sockets\n    stroke(255,255,255);\n    fill(255,255,255);\n    arc(107, 170, 20, 13, 0, PI + QUARTER_PI, CHORD);\n    fill(255,255,255);\n    arc(151, 164, 24, 25, 0, HALF_PI + QUARTER_PI, CHORD);\n \n\/\/Iris\n    stroke(185,143,61);\n    fill(185,143,61);\n    arc(110, 169, 8, 8, 0, PI + QUARTER_PI, CHORD);\n    stroke(185,143,61);\n    fill(185,143,61);\n    arc(151, 166, 9, 13, 0, HALF_PI + QUARTER_PI, CHORD);\n\n\/\/Eyebrows\n    noFill();\n    stroke(90,48,11);\n    strokeWeight(8);\n    curve(140, 126, 180, 136, 145, 155, 193, 121);\n    stroke(90,48,11);\n    curve(110, 136, 115, 156, 80, 140, 120, 150);\n    \n\/\/Hair\n    strokeWeight(5);\n    fill(105, 88, 44);\n    stroke(79, 54, 36);\n    quad(195,176,185,155,162,123,190,128)\n    beginShape();\n    vertex(182,106);\n    vertex(190,108);\n    vertex(192,110);\n    vertex(193,112);\n    vertex(196,118);\n    vertex(197,123);\n    vertex(198,130);\n    vertex(199,135);\n    vertex(200,136);\n    vertex(201,138);\n    vertex(202,140);\n    vertex(201,140);\n    vertex(199,139);\n    vertex(190,138);\n    endShape();\n    triangle(164,101,178,119,180,75)\n    beginShape();\n    vertex(150, 113);\n    vertex(159, 114);\n    vertex(170, 108);\n    vertex(165, 98);\n    vertex(163, 94);\n    vertex(160, 90);\n    vertex(150, 85);\n    vertex(145, 80);\n    vertex(135, 76);\n    vertex(125, 74);\n    vertex(115, 70);\n    vertex(110, 65);\n    vertex(111, 70);\n    vertex(115, 76);\n    vertex(120, 84);\n    endShape();\n    beginShape();\n    vertex(74, 78);\n    quadraticVertex(180, 90, 160, 110);  \n    quadraticVertex(180, 110, 160, 130);\n    endShape();\n    line(75,79,90,90)\n    beginShape();\n    vertex(100, 90);\n    quadraticVertex(180, 100, 120, 130);\n    quadraticVertex(20, 180, 80, 180);\n    vertex(80, 180);\n    vertex(100, 90);\n    quadraticVertex(10, 100, 50, 130);\n    quadraticVertex(20, 180, 80, 180);\n    vertex(80, 180);\n    endShape();\n    arc(188, 115, 45, 20, 20, PI + QUARTER_PI);\n    arc(165, 115, 45, 10, 160, 300, HALF_PI + QUARTER_PI);\n    stroke(105, 88, 44);\n    strokeWeight(7);\n    line(99,95,88,141)\n    \n    \n    \n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>For this project, I used different shapes to make a self-portrait.<\/p>\n","protected":false},"author":757,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,55],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70365"}],"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\/757"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=70365"}],"version-history":[{"count":7,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70365\/revisions"}],"predecessor-version":[{"id":72458,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70365\/revisions\/72458"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=70365"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=70365"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=70365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}