{"id":65159,"date":"2021-09-07T19:25:36","date_gmt":"2021-09-07T23:25:36","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=65159"},"modified":"2021-09-10T18:49:42","modified_gmt":"2021-09-10T22:49:42","slug":"project-1-my-self-portait","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/07\/project-1-my-self-portait\/","title":{"rendered":"Project 1: My Self Portait"},"content":{"rendered":"\n

chapman_SelfPortrait<\/a><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">function setup() {\n createCanvas(500,600);\n background(195,159,220);\n}\n\nfunction draw() {\n noLoop();\n noStroke();\n \n \/\/hair back\n fill(90,39,14); \/\/brown\n ellipse(140,180,80);\n ellipse(360,180,80);\n ellipse(130,220,90);\n ellipse(370,220,90);\n fill(255,193,87); \/\/blonde\n rect(150,100,200,400,80,80,80,80);\n rect(130,150,35,400,80,80,80,80);\n rect(335,150,35,400,80,80,80,80); \n \n \/\/body\n fill(21,13,3);\n rect(137.5,400,225,300,80,80,80,80);\n\n \/\/shoulder hair\n fill(90,39,14);\n rect(110,140,50,390,80,80,80,80);\n rect(340,140,50,390,80,80,80,80);\n rect(85,200,50,310,80,80,80,80);\n rect(365,200,50,310,80,80,80,80);\n rect(75,260,50,210,80,80,80,80); \/\/outermost hair\n rect(65,310,50,160,80,80,80,80);\n rect(375,260,50,210,80,80,80,80); \/\/outermost hair\n rect(385,310,50,160,80,80,80,80);\n \/\/hair strands\n fill(255,193,87);\n rect(185,300,35,175,80,80,80,80);\n rect(285,300,35,175,80,80,80,80);\n\n \/\/head\n fill(255,211,155);\n rect(150,100,200,250,80,80,80,80);\n rect(227.5,300,50,100,20,20,80,80); \/\/neck \n fill(225,162,0);\n rect(215,370,75,75,20,20,80,80);\n fill(21,13,3); \n rect(215,360,75,75,20,20,80,80); \/\/turtleneck\n\n \/\/hair front\n fill(90,39,14);\n rect(150,100,200,50,80,80,80,80); \/\/top hair\n rect(165,90,90,50,80,20,20,80); \/\/partL\n rect(250,90,90,50,20,80,80,20); \/\/partR\n rect(145,110,25,125,80,80,80,80); \/\/sideburnsL\n rect(330,110,25,125,80,80,80,80); \/\/sideburnsL\n rect(120,110,125,75,150,80,150,80); \/\/bangsL\n ellipse(170,125,50);\n rect(260,110,125,75,150,80,150,80); \/\/bangsR\n ellipse(330,125,50);\n\n \/\/ears\n fill(255,211,155);\n rect(120,200,45,75,80,80,80,80);\n rect(340,200,45,75,80,80,80,80);\n \/\/earrings\n fill(225,162,0);\n rect(135,260,10,40,80,80,80,80);\n rect(360,260,10,40,80,80,80,80);\n\n \/\/eyes\n fill(45,139,81);\n ellipse(210,240,30);\n ellipse(290,240,30);\n\n \/\/blush\n fill(255,146,146,90);\n ellipse(185,280,80);\n ellipse(315,280,80);\n\n \/\/glasses\n strokeWeight(5);\n stroke(160,160,160)\n fill(300,300,300,70)\n ellipse(200,240,70);\n ellipse(300,240,70);\n line(235,240,265,240);\n\n \/\/smile\n noStroke();\n fill(255,146,146);\n ellipse(250,275,30);\n fill(255,211,155);\n rect(235,260,30,15);\n}\n\n\n\/*'Thank you to Michelle Dang for helping me with the\nrounded rectangle corners, guiding the style for the\nportait.*\/\n\/\/black (21,13,3)\n\/\/brown hair (90,39,14)\n\/\/blonde hair (255,193,87)\n\/\/skin (255,211,155)\n\/\/eyes (45,139,81)\n\/\/glasses (220,220,220)\n\/\/purple bkg (195,159,220)\n\/\/gold (225,162,0)\n\/\/blush (255,146,146)\n<\/code><\/pre><\/p>\n\n\n\n<p>I found it most challenging to correctly place all “strands” of my hair. <\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>chapman_SelfPortrait function setup() { createCanvas(500,600); background(195,159,220); } function draw() { noLoop(); noStroke(); \/\/hair back fill(90,39,14); \/\/brown ellipse(140,180,80); ellipse(360,180,80); ellipse(130,220,90); ellipse(370,220,90); fill(255,193,87); \/\/blonde rect(150,100,200,400,80,80,80,80); rect(130,150,35,400,80,80,80,80); rect(335,150,35,400,80,80,80,80); \/\/body fill(21,13,3); rect(137.5,400,225,300,80,80,80,80); \/\/shoulder hair fill(90,39,14); rect(110,140,50,390,80,80,80,80); rect(340,140,50,390,80,80,80,80); rect(85,200,50,310,80,80,80,80); rect(365,200,50,310,80,80,80,80); rect(75,260,50,210,80,80,80,80); \/\/outermost hair rect(65,310,50,160,80,80,80,80); rect(375,260,50,210,80,80,80,80); \/\/outermost hair rect(385,310,50,160,80,80,80,80); \/\/hair strands fill(255,193,87); rect(185,300,35,175,80,80,80,80); rect(285,300,35,175,80,80,80,80); \/\/head fill(255,211,155); rect(150,100,200,250,80,80,80,80); rect(227.5,300,50,100,20,20,80,80); \/\/neck fill(225,162,0); rect(215,370,75,75,20,20,80,80); … <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/07\/project-1-my-self-portait\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Project 1: My Self Portait”<\/span><\/a><\/p>\n","protected":false},"author":644,"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\/65159"}],"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\/644"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=65159"}],"version-history":[{"count":5,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65159\/revisions"}],"predecessor-version":[{"id":65377,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65159\/revisions\/65377"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=65159"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=65159"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=65159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}