{"id":65145,"date":"2021-09-07T19:25:24","date_gmt":"2021-09-07T23:25:24","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=65145"},"modified":"2021-09-07T19:28:08","modified_gmt":"2021-09-07T23:28:08","slug":"project-1-my-self-portrait-18","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/07\/project-1-my-self-portrait-18\/","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=\"500\" data-height=\"600\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/selfportrait.js\">selfportrait<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"500\" height=\"600\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">function setup() {\n    createCanvas(500, 600);\n    background(234,224,213);\n    \n}\n\nfunction draw() {\n    noStroke();\n\n    fill(104,131,186)\n    ellipse(250,300,400,400)\n\n    fill(34,51,59)\n    rect(60,400,380,400,170) \/\/ shirt\n\n    fill(228, 194, 149)\n    ellipse(250,400,120,100) \/\/neck 1\n\n    fill(228, 194, 149)\n    rect(190,300,120,100) \/\/neck 2\n\n    fill(255,219,172)\n    ellipse(250,280,180,250) \/\/face\n\n    fill(0)\n    ellipse(250,190,200,110) \/\/ hair bottom\n\n    fill(0)\n    ellipse(320,190,80,90) \/\/right hair\n\n    fill(0)\n    ellipse(165,230,40,60) \/\/hair\n\n    fill(0)\n    ellipse(338,220,40,60) \/\/hair\n\n    fill(0)\n    rect(150,220,30,85) \/\/sideburn left\n\n    fill(0)\n    rect(320,200,30,80) \/\/sideburn right\n\n    fill(0)\n    ellipse(165,200,50,70) \/\/ hair and sideburn connection\n\n    fill(255,219,172)\n    ellipse(160,300,45,70) \/\/left ear\n\n    fill(255,219,172)\n    ellipse(340,300,45,70) \/\/right ear\n\n    fill(217,164,144)\n    ellipse(340,300,35,50) \/\/inner ear R\n\n    fill(255,219,172)\n    ellipse(338,303,35,50) \/\/inner ear 2 R\n\n    fill(217,164,144) \n    ellipse(160,300,35,50) \/\/inner ear L\n\n    fill(255,219,172)\n    ellipse(162,302,35,48) \/\/inner ear 2 L\n\n    fill(255,219,172)\n    ellipse(155,308,25,48) \/\/inner ear 2 L\n\n    fill(0)\n    rect(195,270,34,10,10) \/\/ left eyebrow\n\n    fill(0)\n    rect(273,270,34,10,10) \/\/ right eyebrow\n\n    fill(0)\n    ellipse(213,297,14,14) \/\/left eye\n\n    fill(0)\n    ellipse(290,297,14,14) \/\/right eye\n\n    fill(255)\n    ellipse(250,345,80,70) \/\/ white smile\n\n    fill(255,219,172)\n    rect(200,305,100,50) \/\/smile rectangle\n\n    fill(203,168,123)\n    ellipse(250,325,30,25) \/\/ nose\n\n    fill(255,219,172)\n    ellipse(250,320,30,25) \/\/nose\n    \n    fill(254,212,208,200)\n    ellipse(195,330,40,40)\n\n    fill(254,212,208,200)\n    ellipse(305,330,40,40)\n\n}\n<\/code><\/pre><\/p>\n\n\n\n<p>The most challenging part about this project was creating the hair because that was the most unsymmetrical part and I wanted it to not just be one shape so I had to think about the shapes I wanted to use to create a &ldquo;full&rdquo; look to my hair.<\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>selfportrait function setup() { createCanvas(500, 600); background(234,224,213); } function draw() { noStroke(); fill(104,131,186) ellipse(250,300,400,400) fill(34,51,59) rect(60,400,380,400,170) \/\/ shirt fill(228, 194, 149) ellipse(250,400,120,100) \/\/neck 1 fill(228, 194, 149) rect(190,300,120,100) \/\/neck 2 fill(255,219,172) ellipse(250,280,180,250) \/\/face fill(0) ellipse(250,190,200,110) \/\/ hair bottom fill(0) ellipse(320,190,80,90) \/\/right hair fill(0) ellipse(165,230,40,60) \/\/hair fill(0) ellipse(338,220,40,60) \/\/hair fill(0) rect(150,220,30,85) \/\/sideburn left fill(0) rect(320,200,30,80) \/\/sideburn &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/07\/project-1-my-self-portrait-18\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 1: My Self Portrait&#8221;<\/span><\/a><\/p>\n","protected":false},"author":653,"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\/65145"}],"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\/653"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=65145"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65145\/revisions"}],"predecessor-version":[{"id":65220,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65145\/revisions\/65220"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=65145"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=65145"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=65145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}