{"id":65142,"date":"2021-09-07T19:26:17","date_gmt":"2021-09-07T23:26:17","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=65142"},"modified":"2021-09-07T19:29:12","modified_gmt":"2021-09-07T23:29:12","slug":"project-1-my-self-portrait-21","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/07\/project-1-my-self-portrait-21\/","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=\"600\" data-height=\"700\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/Yash-self-portrait.js\">Yash-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=\"600\" height=\"700\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/Yash Mittal\n\/\/ Section D\nfunction setup() {\n    createCanvas(600,700);\n    background(255,196,206);\n}\n\nfunction draw() {\n    noStroke();\n    fill(34,10,11);\n    ellipse(300,360,230,80); \/\/shoulder\n    fill(150,117,86);\/\/neck\n    quad(280,300,320,300,340,340,260,340); \/\/neck\n    ellipse(300,340,80,40); \/\/neck ellipse\n    fill(80,77,67);\/\/shadow\n    ellipse(315,325,33,10);\n    quad(260,290,318,290,332,325,300,327);\/\/shadow\n    fill(150,117,86);\n    ellipse((width\/2),(height\/2)-140,150,200); \/\/face\n    fill(34,10,11);\n    rect(186,360,228,240);\/\/main body\n    fill(255,243,139);\/\/belt\n    rect(186,600,228,20);\n    fill(81,192,248);\/\/legs\n    rect(186,620,85,200);\n    rect(329,620,85,200);\n    fill(34,10,11);\/\/arms\n    rotate(20\/3.0);\n    ellipse(320,388,60,300);\n    rotate(20\/3.0);\n    ellipse(530,-120,63,300);\n    fill(150,117,86); \/\/ hands\n    ellipse(489,365,60,60); \/\/ left hand\n    ellipse(530,-250,63,63)\/\/right hand\n    fill(35,42,51);\/\/glasses\n    stroke(255,243,139);\n    strokeWeight(2);\n    ellipse(325,-55,40,40);\n    ellipse(365,-94,40,40);\n    line(312,-40,291,-25);\n    line(380,-110,395,-128);\n    line(341,-71,350,-80)\n    stroke(1,0,0);\/\/mouth\n    line(386,-10,415,-30);\n    line(300,-74,320,-85);\/\/eyebrows\n    line(335,-100,350,-120);\n    noStroke();\/\/hat\n    rotate(-40\/3.0);\n    fill(223,103,72);\n    ellipse(300,128,180,30);\/\/hat\n    rect(250,70,100,70);\n    ellipse(300,70,100,30)\n    fill(211,213,216);\/\/hat highlight\n    arc(265,132,100,9,TWO_PI,PI);\n    arc(274,110,50,6,TWO_PI,PI);\n}\n    \n<\/code><\/pre><\/p>\n\n\n\n<p>The most challenging part about this project was definitely trying to arrange the elements in their proper exact location. It took me a lot of attempts to get, for example the shadow, to line up perfectly with the rest of the elements.<\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>Yash-self portrait \/\/Yash Mittal \/\/ Section D function setup() { createCanvas(600,700); background(255,196,206); } function draw() { noStroke(); fill(34,10,11); ellipse(300,360,230,80); \/\/shoulder fill(150,117,86);\/\/neck quad(280,300,320,300,340,340,260,340); \/\/neck ellipse(300,340,80,40); \/\/neck ellipse fill(80,77,67);\/\/shadow ellipse(315,325,33,10); quad(260,290,318,290,332,325,300,327);\/\/shadow fill(150,117,86); ellipse((width\/2),(height\/2)-140,150,200); \/\/face fill(34,10,11); rect(186,360,228,240);\/\/main body fill(255,243,139);\/\/belt rect(186,600,228,20); fill(81,192,248);\/\/legs rect(186,620,85,200); rect(329,620,85,200); fill(34,10,11);\/\/arms rotate(20\/3.0); ellipse(320,388,60,300); rotate(20\/3.0); ellipse(530,-120,63,300); fill(150,117,86); \/\/ hands ellipse(489,365,60,60); \/\/ left hand ellipse(530,-250,63,63)\/\/right hand fill(35,42,51);\/\/glasses &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/07\/project-1-my-self-portrait-21\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 1: My Self Portrait&#8221;<\/span><\/a><\/p>\n","protected":false},"author":661,"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\/65142"}],"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\/661"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=65142"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65142\/revisions"}],"predecessor-version":[{"id":65227,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65142\/revisions\/65227"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=65142"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=65142"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=65142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}