<\/div>\n\n\n\n

Michelle-Self-Portrait<\/a><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/ Using p5.js, draw a self-portrait using at least 10 graphic elements, \n\/\/such as lines, quads, ellipses, etc. You may use any graphical primitives you please,\n\/\/ with the exception that you may not use drawing functions that require the loading of external assets (e.g. images, fonts). \n\/\/Experiment with the use of at least 2 colors in addition to the background color.\n\nfunction setup() {\n createCanvas(500, 550);\n background(150, 191, 215);\n}\n\nfunction draw() {\n\n\n strokeWeight(0);\n\n fill(31, 29, 19);\n rect(110, 150, 130, 350, 800, 20, 70, 40); \/\/left hair\n rect(255,150, 130, 350, 800, 70, 40, 70); \/\/ right hair\n\n fill (218, 197, 150);\n rect(150, 100, 200, 250, 20, 30, 80,80); \/\/head\n\n fill(31, 29, 19);\n rect(100, 50, 150, 180, 800, 70, 80, 40); \/\/ left bang\n rect(250, 50, 150, 180, 800, 70, 40, 80); \/\/ right bang\n arc(200, 250, 40, 30, PI, 0); \/\/ left eye\n arc(300, 250, 40, 30, PI, 0); \/\/ right eye\n rect(158, 50, 185, 95); \/\/top hair\n\n\n fill (218, 197, 150);\n ellipse(200, 255, 40, 20); \/\/ left eye skin color\n ellipse(300, 255, 40, 20); \/\/right eye skin color\n\n fill (255, 176, 222, 80);\n ellipse(170, 280, 90, 90); \/\/left blush\n ellipse(325, 280, 90, 90); \/\/ right blush\n\n fill(200, 100, 73); \n ellipse(250, 280, 40, 20); \/\/nose\n\n fill (218, 197, 150);\n rect(220, 310, 60, 100); \/\/ neck\n\n fill(225);\n rect(150, 380, 200, 250, 80, 80, 0,0); \/\/ shirt\n\n\n fill (218, 197, 150);\n ellipse(250, 375, 60, 60); \/\/neckline\n\n\n fill(0);\n arc(250, 300, 50, 50, 0, PI); \/\/smile!\n\n\n\n strokeWeight(3); \/\/ necklace\n stroke(192, 169, 70);\n line(220, 380, 250, 420); \n line(280, 380, 250, 420); \n\n noStroke();\n fill(120, 190, 0);\n ellipse(250, 430, 10, 20); \/\/ jade\n\n\n\n\n\n noLoop();\n\n\n\n\n\n\n\n}\n<\/code><\/pre><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>I struggled most with finding the intended location of functions on the x and y axis. I did a lot of guess and checking until I was satisfied with the position, but I hope I can be more intentional in future projects. <\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>I struggled most with finding the intended location of functions on the x and y axis. I did a lot of guess and checking until I was satisfied with the position, but I hope I can be more intentional in future projects.<\/p>\n","protected":false},"author":647,"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\/65121"}],"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\/647"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=65121"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65121\/revisions"}],"predecessor-version":[{"id":65228,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65121\/revisions\/65228"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=65121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=65121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=65121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}