{"id":65770,"date":"2021-09-12T21:38:27","date_gmt":"2021-09-13T01:38:27","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=65770"},"modified":"2021-09-12T21:38:27","modified_gmt":"2021-09-13T01:38:27","slug":"self-portrait-2","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/12\/self-portrait-2\/","title":{"rendered":"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=\"350\" data-height=\"400\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/sketch-116.js\">max-self portrait<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"350\" height=\"400\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">function setup() {\n    createCanvas(350,400);\n    background(220);\n    text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n    strokeWeight(0); \/\/background color\n    fill(199,216,199);\n    rect(0,0,350,450);\n\n    fill(243,185,143);       \/\/face shape\n    ellipse(175,225,180,220);\n    fill(243,185,143);\n    circle(175,150,180);\n\n    fill(46,38,34);         \/\/eyebrows\n    ellipse(130,140,50,15);\n    ellipse(108,147,15,20);\n    ellipse(220,140,50,15);\n    ellipse(240,147,15,20);\n\n\n    stroke(243,234,185);\n    strokeWeight(3);\n    fill(64,63,65);    \/\/glasses\n    circle(130,175,65);\n    fill(64,63,65);\n    circle(220,175,65); \n\n    stroke(243,234,185);  \/\/glasses bridge\n    strokeWeight(3);\n    point(165,175);\n    point(170,172.5);\n    point(175,172);\n    point(180,172.5);\n    point(185,175);\n\n\n    strokeWeight(0);\n    fill(243,185,143);    \/\/ears\n    ellipse(75,195,45,80);\n    fill(243,185,143);\n    ellipse(277,195,45,80);\n\n\n    fill(46,38,34);\n    rect(90,50,170,50); \/\/hair\n    circle(100,80,50);\n    circle(100,95,40);\n    ellipse(85,135,20,50);\n    circle(90,100,30);\n    circle(85,102,20);\n    circle(135,95,50);\n    circle(100,75,60);\n    circle(120,70,60); \n    circle(150,60,70);\n    circle(160,55,50);\n    circle(175,60,70);\n    circle(180,70,70);\n    circle(190,60,60);\n    circle(200,75,50);\n    circle(210,70,60);\n    circle(215,80,50);\n    circle(225,70,60);\n    circle(240,70,50);\n    circle(225,52,50);\n    circle(245,70,45);\n    circle(245,65,50);\n    circle(250,75,40);\n    circle(250,85,30);\n    circle(255,90,40);\n    ellipse(265,120,20,50);\n    circle(265,140,20);\n    circle(265,145,15);\n    circle(265,155,10);\n    circle(265,120,30);\n    circle(85,160,10);\n    circle(85,120,30);\n    circle(85,135,23);\n\n\n    fill(46,38,34);\n    ellipse(85,200,8,100);  \/\/beard\n    ellipse(265,200,8,100);\n    circle(87,245,10);\n    circle(87,247,13);\n    circle(87,250,15);\n    circle(85,240,10);\n    circle(89,255,17);\n    circle(91,260,18);\n    circle(94,270,20);\n    circle(95,275,22);\n    circle(96,280,24);\n    circle(98,285,26);\n    circle(100,290,27);\n    circle(101,295,27);\n    circle(102,300,28);\n    circle(105,305,28);\n    circle(110,310,28);\n    circle(112,315,29);\n    circle(115,318,29);\n    circle(120,322,30);\n    circle(125,328,31);\n    circle(128,335,31);\n    circle(135,337,32);\n    circle(140,338,32);\n    circle(145,339,32);\n    circle(150,340,33);\n    circle(160,341,34);\n    circle(165,342,34);\n    circle(170,341,34);\n    circle(175,341,33);\n    circle(180,340,33);\n    circle(185,339,33);\n    circle(190,338,33);\n    circle(195,336,32);\n    circle(200,335,32);\n    circle(205,332,32);\n    circle(210,330,32);\n    circle(215,328,32);\n    circle(220,325,31);\n    circle(225,320,31);\n    circle(230,315,31);\n    circle(235,310,34);\n    circle(240,305,30);\n    circle(235,300,28);\n    circle(240,295,28);\n    circle(245,290,28);\n    circle(245,285,27);\n    circle(246,280,27);\n    circle(247,275,26);\n    circle(248,270,24);\n    circle(249,265,23);\n    circle(250,260,22);\n    circle(252,265,22);\n    circle(253,260,22);\n    circle(254,255,20);\n    circle(255,250,19);\n    circle(260,245,15);\n    circle(258,240,15);\n    circle(258,235,14);\n    circle(259,230,12);\n    circle(262,225,10);\n\n    ellipse(145,260,40,13); \/\/mustache\n    ellipse(200,260,40,13);\n    circle(159,258,13);\n    circle(185,258,13);\n    ellipse(127,268,10,20);\n    ellipse(218,268,10,20);\n    ellipse(172,300,8,20);\n    circle(172,290,10);\n\n\n\n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n    \n    \n\n    \n\n\n\n\n\n\n}\n<\/code><\/pre><\/p>\n\n\n\n<p>For this project, I spent a lot of time using trial and error to figure out how I wanted to create the hair. Overall, I&rsquo;m happy with how it turned out, and I went for a more simplistic look.<\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>max-self portrait function setup() { createCanvas(350,400); background(220); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } function draw() { strokeWeight(0); \/\/background color fill(199,216,199); rect(0,0,350,450); fill(243,185,143); \/\/face shape ellipse(175,225,180,220); fill(243,185,143); circle(175,150,180); fill(46,38,34); \/\/eyebrows ellipse(130,140,50,15); ellipse(108,147,15,20); ellipse(220,140,50,15); ellipse(240,147,15,20); stroke(243,234,185); strokeWeight(3); fill(64,63,65); \/\/glasses circle(130,175,65); fill(64,63,65); circle(220,175,65); stroke(243,234,185); \/\/glasses bridge strokeWeight(3); point(165,175); point(170,172.5); point(175,172); point(180,172.5); point(185,175); strokeWeight(0); fill(243,185,143); \/\/ears ellipse(75,195,45,80); fill(243,185,143); &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/12\/self-portrait-2\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Self Portrait&#8221;<\/span><\/a><\/p>\n","protected":false},"author":686,"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\/65770"}],"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\/686"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=65770"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65770\/revisions"}],"predecessor-version":[{"id":65776,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65770\/revisions\/65776"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=65770"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=65770"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=65770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}