{"id":64995,"date":"2021-09-07T14:05:05","date_gmt":"2021-09-07T18:05:05","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=64995"},"modified":"2021-09-11T23:35:49","modified_gmt":"2021-09-12T03:35:49","slug":"project-1-self-portrait-6","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/07\/project-1-self-portrait-6\/","title":{"rendered":"Project 01: 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\" data-width=\"300\" data-height=\"300\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/sketch-27.js\">jiyeonch_selfportrait<\/a><a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/sketch-27.js\" class=\"wp-block-file__button\" 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=\"300\" height=\"300\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">function setup() {\n    createCanvas(300, 300);\n    background(220);\n    text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n    background(118,148,115);\n    noStroke();\n    fill(246, 153, 138);\n    ellipse(90,102,130,125);\/\/leftheart\n    noStroke();\n    fill(246, 153, 138);\n    ellipse(210,102,130,125);\/\/rightheart\n    noStroke();\n    fill(246, 153, 138);\n    triangle(38,140,width\/2,270,262,140);\/\/heartbottom\n    noStroke();\n    fill(0,0,0);\n    ellipse(150,139,100,110);\/\/hair\n    noStroke();\n    fill(0,0,0);\n    quad(100,145,90,190,210,190,200,145);\/\/hair2\n    noStroke();\n    fill(227,194,148);\n    ellipse(150,150,90,100);\/\/face\n    noStroke();\n    fill(0,0,0);\n    ellipse(130,145,15,10); \/\/left_eyelash\n    noStroke();\n    fill(227,194,148);\n    ellipse(130,143,15,10); \/\/left_eyelid\n    noStroke();\n    fill(0,0,0);\n    ellipse(167,145,15,10); \/\/right_eyelash\n    noStroke();\n    fill(227,194,148);\n    ellipse(167,143,15,10); \/\/right_eyelid\n    noStroke();\n    fill(246, 153, 138);\n    ellipse(175,157,15,10); \/\/right_cheek\n    noStroke();\n    fill(246, 153, 138);\n    ellipse(123,157,15,10); \/\/left_cheek\n    noStroke();\n    fill(0,0,0);\n    ellipse(width\/2,167,20,15); \/\/mouth\n    noStroke();\n    fill(227,194,148);\n    ellipse(width\/2,165,20,15); \/\/mouth2;\n    noStroke();\n    fill(0,0,0);\n    triangle(100,160,width\/2,100,115,100); \/\/hairleft;\n    noStroke();\n    fill(0,0,0);\n    triangle(200,160,width\/2,100,185,100); \/\/hairright;\n    fill(185, 73, 217);\n    triangle(161,120,170,137,185,120);\/\/leftclip\n    fill(185, 73, 217);\n    triangle(195,103,205,120,185,120);\/\/rightclip\n    fill(248, 237, 104);\n    quad(177,118,186,114,190,122,182,127);\/\/clipmiddle\n}\n\n\n<\/code><\/pre><\/div>\n\n\n\n<p>I found it challenging to have to keep guessing and checking where to code the corners of the triangles\/quadrilaterals to go, that was probably the most tedious part of the process. <\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>jiyeonch_selfportraitDownload function setup() { createCanvas(300, 300); background(220); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } function draw() { background(118,148,115); noStroke(); fill(246, 153, 138); ellipse(90,102,130,125);\/\/leftheart noStroke(); fill(246, 153, 138); ellipse(210,102,130,125);\/\/rightheart noStroke(); fill(246, 153, 138); triangle(38,140,width\/2,270,262,140);\/\/heartbottom noStroke(); fill(0,0,0); ellipse(150,139,100,110);\/\/hair noStroke(); fill(0,0,0); quad(100,145,90,190,210,190,200,145);\/\/hair2 noStroke(); fill(227,194,148); ellipse(150,150,90,100);\/\/face noStroke(); fill(0,0,0); ellipse(130,145,15,10); \/\/left_eyelash noStroke(); fill(227,194,148); ellipse(130,143,15,10); \/\/left_eyelid noStroke(); fill(0,0,0); ellipse(167,145,15,10); \/\/right_eyelash noStroke(); &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/07\/project-1-self-portrait-6\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 01: Self Portrait&#8221;<\/span><\/a><\/p>\n","protected":false},"author":646,"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\/64995"}],"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\/646"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=64995"}],"version-history":[{"count":6,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/64995\/revisions"}],"predecessor-version":[{"id":65716,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/64995\/revisions\/65716"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=64995"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=64995"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=64995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}