{"id":64732,"date":"2021-09-07T09:06:23","date_gmt":"2021-09-07T13:06:23","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=64732"},"modified":"2021-09-07T09:18:48","modified_gmt":"2021-09-07T13:18:48","slug":"project-1-my-self-portrait","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/07\/project-1-my-self-portrait\/","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\" data-width=\"600\" data-height=\"600\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/Cody-portrait.js\">Cody-portrait<\/a><a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/Cody-portrait.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=\"600\" height=\"600\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">function setup() {\n    createCanvas(600,600);\n    background(220);\n    text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n    background(150,150,150);\n    ellipse((width\/2),(height\/2), 400,500);\n    ellipse(225,220,80,40) \/\/orbit left\n    fill(0)\n    ellipse(225,220,37,37) \/\/eyeball left\n    fill(255)\n    ellipse(375,220,80,40) \/\/orbit right\n    fill(0)\n    ellipse(375,220,37,37) \/\/eyeball right\n    fill(255,0,0)\n    arc((width\/2), 420, 150, 100, 0, 3.14) \/\/mouth\n    fill(255,192,203)\n    triangle(300, 280, 280, 350, 320, 350) \/\/nose\n    fill(255)\n    stroke(0,0,150)\n    strokeWeight(6)\n    arc(225, 200, 80, 40, 3.2, -0.04) \/\/eyebrow left\n    arc(375, 200, 80, 40, 3.2, -0.04) \/\/eyebrow right\n    stroke(0)\n    line(300, 50, 80, 300) \/\/hair left\n    line(300, 50, 80, 290)\n    line(300, 50, 90, 280)\n    line(300, 50, 90, 270)\n    line(300, 50, 95, 260)\n    line(300, 50, 95, 250)\n    line(300, 50, 100, 240)\n    line(300, 50, 100, 230)\n    line(295, 50, 100, 220)\n    line(290, 50, 100, 210)\n    line(285, 50, 100, 200)\n    line(280, 50, 100, 200)\n    line(275, 50, 100, 190)\n    line(270, 50, 100, 190)\n    line(265, 51, 100, 180)\n    line(260, 51, 100, 180)\n    line(250, 53, 100, 175)\n    line(240, 54, 100, 175)\n    line(230, 55, 100, 175)\n    line(300, 50, 520, 300) \/\/hair right\n    line(300, 50, 520, 290)\n    line(300, 50, 510, 280)\n    line(300, 50, 510, 270)\n    line(300, 50, 505, 260)\n    line(300, 50, 505, 250)\n    line(300, 50, 500, 240)\n    line(300, 50, 500, 230)\n    line(305, 50, 500, 220)\n    line(310, 50, 500, 210)\n    line(315, 50, 500, 200)\n    line(320, 50, 500, 200)\n    line(325, 50, 500, 190)\n    line(330, 50, 500, 190)\n    line(335, 51, 500, 180)\n    line(340, 51, 500, 180)\n    line(350, 53, 500, 175)\n    line(360, 54, 500, 175)\n    line(370, 55, 500, 175)\n    line(235,47,365,47) \/\/hair middle\n    line(233,49,368,49)\n    line(231,51,369,51)\n    line(230,53,370,53)\n    line(237,45,363,45)\n    arc(100, 310, 50, 60, 1.5, 4.75) \/\/ear left\n    arc(500, 310, 50, 60, 4.75, 1.65) \/\/ear left\n\n    noLoop();\n\n}\n<\/code><\/pre><\/div>\n\n\n\n<p>Drawing my hair takes a long time because I have a unique hairstyle, but it&rsquo;s been entertaining. I really enjoyed the process.<\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>Cody-portraitDownload function setup() { createCanvas(600,600); background(220); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } function draw() { background(150,150,150); ellipse((width\/2),(height\/2), 400,500); ellipse(225,220,80,40) \/\/orbit left fill(0) ellipse(225,220,37,37) \/\/eyeball left fill(255) ellipse(375,220,80,40) \/\/orbit right fill(0) ellipse(375,220,37,37) \/\/eyeball right fill(255,0,0) arc((width\/2), 420, 150, 100, 0, 3.14) \/\/mouth fill(255,192,203) triangle(300, 280, 280, 350, 320, 350) \/\/nose fill(255) stroke(0,0,150) strokeWeight(6) arc(225, 200, &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/07\/project-1-my-self-portrait\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 1: My Self Portrait&#8221;<\/span><\/a><\/p>\n","protected":false},"author":667,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,55],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/64732"}],"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\/667"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=64732"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/64732\/revisions"}],"predecessor-version":[{"id":64752,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/64732\/revisions\/64752"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=64732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=64732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=64732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}