{"id":65339,"date":"2021-09-10T17:07:39","date_gmt":"2021-09-10T21:07:39","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=65339"},"modified":"2021-09-10T23:32:41","modified_gmt":"2021-09-11T03:32:41","slug":"project-1-my-self-portrait-31","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/10\/project-1-my-self-portrait-31\/","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><div class=\"wp-block-file\"><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/sketch-69.js\" data-width=\"600\" data-height=\"600\">self portrait<\/a><a class=\"wp-block-file__button\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/sketch-69.js\" download=\"\">Download<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"600\" height=\"600\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">function setup() {\n    createCanvas(600, 600);\n    background(123, 151, 180);\n}\n\nfunction draw() {\n    stroke(0);\n    strokeWeight(4);\n    fill(247, 205, 174); \/\/skin color\n    ellipse(300, 300, 340, 380); \/\/face\n    line(200, 270, 270, 270); \/\/left eyebrow\n    line(330, 270, 400, 270); \/\/right eyebrow\n    stroke(0);\n    strokeWeight(3);\n    fill(127, 62, 41); \/\/brown left eye\n    ellipse(235, 300, 30, 50);\n    ellipse(365, 300, 30, 50); \/\/right eye\n    fill(236, 121, 67); \/\/nose orange\n    triangle(300, 330, 290, 350, 310, 350);\n    fill(236, 121, 134); \/\/mouth pink\n    arc(300, 390, 80, 50, -radians(5),radians(185),CHORD);\n    fill(246, 190, 185); \/\/left cheek pink \n    ellipse(170, 360, 80, 30);\n    fill(246, 190, 185); \/\/right cheek pink \n    ellipse(430, 360, 80, 30);\n    fill(248, 157, 54); \/\/hat yellow\n    rect(180, 110, 240, 33);\n    triangle(210, 70, 180, 110, 240, 110);\n    triangle(270, 70, 240, 110, 300, 110);\n    triangle(330, 70, 300, 110, 360, 110);\n    triangle(390, 70, 360, 110, 420, 110);\n    fill(48, 0, 0); \/\/hair brown\n    circle(120, 180, 80, 80);\n    circle(480, 180, 80, 80);\n    fill(243, 75, 44); \/\/jewel red\n    square(204, 60, 12);\n    square(264, 60, 12);\n    square(324, 60, 12);\n    square(384, 60, 12);\n    noLoop();\n}\n<\/code><\/pre><\/div>\n\n\n<p>The most interesting part of the project is figuring out which shapes work best for each facial feature and how a slight angle change can change the entire expression. <\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>self portraitDownload function setup() { createCanvas(600, 600); background(123, 151, 180); } function draw() { stroke(0); strokeWeight(4); fill(247, 205, 174); \/\/skin color ellipse(300, 300, 340, 380); \/\/face line(200, 270, 270, 270); \/\/left eyebrow line(330, 270, 400, 270); \/\/right eyebrow stroke(0); strokeWeight(3); fill(127, 62, 41); \/\/brown left eye ellipse(235, 300, 30, 50); ellipse(365, 300, 30, 50); \/\/right &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/10\/project-1-my-self-portrait-31\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 1: My Self Portrait&#8221;<\/span><\/a><\/p>\n","protected":false},"author":671,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"image","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65339"}],"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\/671"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=65339"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65339\/revisions"}],"predecessor-version":[{"id":65408,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65339\/revisions\/65408"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=65339"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=65339"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=65339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}