{"id":64933,"date":"2021-09-07T13:46:06","date_gmt":"2021-09-07T17:46:06","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=64933"},"modified":"2021-09-07T13:46:06","modified_gmt":"2021-09-07T17:46:06","slug":"project-1-my-self-portrait-8","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/07\/project-1-my-self-portrait-8\/","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\"><p><a class=\"p5_sketch_link\" data-width=\"600\" data-height=\"500\" data-fontsize=\"9\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/sketch-18.js\">beans-sketch<\/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=\"500\"><\/iframe><pre class=\"language-javascript\" style=\"font-size:9px !important; line-height:13.05px !important\"><code class=\"p5_editor language-javascript\" style=\"font-size:9px !important;\">\/\/Yeon Lee, Section C\n\/\/Project 01: Self-Portrait (Face)\n\nfunction setup() {\n    createCanvas(600, 500);\n    background(255, 192, 203);\n}\n\nfunction draw() {\n    noStroke();\n\n    \/\/hair\n    fill(32, 20, 7);     \n    rect(165, 210, 270, 300);\n    ellipse(300, 220, 270, 270);\n\n    \/\/shoulder\n    fill(251, 206, 158);    \n    rect(150, 450, 300, 140);\n    ellipse(300, 450, 320, 50);\n\n    \/\/cloth\n    fill(63, 146, 208);    \n    rect(140, 470, 320, 100);\n    ellipse(150, 475, 40, 100);\n    ellipse(450, 475, 40, 100);\n\n    \/\/neck\n\tfill(251, 206, 158);    \n    rect(270, 380, 60, 60);\n\n    \/\/ear\n    ellipse(207, 280, 50, 50); \n\n    \/\/side hair\n    fill(32, 20, 7);   \n    ellipse(200, 270, 10, 80); \n\n    \/\/neck shadow\n    fill(238, 189, 138);    \n    ellipse(300, 380, 60, 40);\n\n    \/\/face\n    fill(251, 206, 158);    \n    ellipse(300, 260, 202, 250);\n\n    \/\/eyebrow\n    fill(26, 15, 3);    \n    arc(250, 250, 35, 13, PI, 0);\n    arc(350, 250, 35, 13, PI, 0);\n    \n    \/\/left eye\n    fill(26, 15, 3);    \n    ellipse(250, 280, 27, 32);\n    fill(255, 255, 255);\n    ellipse(255, 275, 7, 7);\n    fill(238, 189, 138);\n    arc(248, 298, 27, 10, PI, 0);\n\n    \/\/right eye\n    fill(26, 15, 3);    \n    ellipse(350, 280, 27, 32);\n    fill(255, 255, 255);\n    ellipse(355, 275, 7, 7);\n    fill(238, 189, 138);\n    arc(348, 298, 27, 10, PI, 0);\n    \n    \/\/nose\n    fill(238, 189, 138);    \n    arc(300, 315, 20, 10, PI, 30);\n\n    \/\/mouth\n    fill(216, 100, 100);    \n\tarc(300, 335, 50, 45, 0, PI, CHORD);\n\n    \/\/tongue\n\tfill(193, 66, 66);     \n\tellipse(300, 348, 20, 10);\n\n    \/\/teeth\n\tfill(255, 255, 255);    \n\tellipse(300, 335, 40, 5);\n\n    \/\/earring\n    fill(255, 255, 255);    \n    rect(199.5, 310, 1, 25);\n    ellipse(200, 340, 10, 10);\n    ellipse(200, 330, 7, 7);\n\n    \/\/front hair\n    fill(32, 20, 7);     \n    rect(168, 400, 35, 180);\n    rect(395, 245, 40, 260);\n    arc(190, 150, 270, 220, -0.2, HALF_PI);\n    rotate(.80);\n    translate(-180, -145)\n    ellipse(580, 10, 150, 60);\n\n    noLoop();\n}<\/code><\/pre><\/p><\/div>\n\n\n\n<p>For this first project, it was quite challenging to work with arc(), PI\/CHORD, rotate(), and translate() functions but it was really fun to explore with the codes. I had fun playing around with different colors and changing the sizes of the image I wanted to create.<\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>beans-sketch \/\/Yeon Lee, Section C \/\/Project 01: Self-Portrait (Face) function setup() { createCanvas(600, 500); background(255, 192, 203); } function draw() { noStroke(); \/\/hair fill(32, 20, 7); rect(165, 210, 270, 300); ellipse(300, 220, 270, 270); \/\/shoulder fill(251, 206, 158); rect(150, 450, 300, 140); ellipse(300, 450, 320, 50); \/\/cloth fill(63, 146, 208); rect(140, 470, 320, 100); ellipse(150, &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/07\/project-1-my-self-portrait-8\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 1: My Self Portrait&#8221;<\/span><\/a><\/p>\n","protected":false},"author":630,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,57],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/64933"}],"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\/630"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=64933"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/64933\/revisions"}],"predecessor-version":[{"id":64986,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/64933\/revisions\/64986"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=64933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=64933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=64933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}