{"id":70139,"date":"2022-09-07T09:12:30","date_gmt":"2022-09-07T13:12:30","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=70139"},"modified":"2022-09-07T10:08:00","modified_gmt":"2022-09-07T14:08:00","slug":"project-1-my-self-portrait-16","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/07\/project-1-my-self-portrait-16\/","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\"><\/div>\n\n\n\n<div><a class=\"p5_sketch_link\" data-height=\"400\" data-width=\"400\" id=\"wp-block-file--media-6bb525d0-2de4-4f13-b77e-9bf822740659\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-87.js\">sketch (self portrait) <\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"400\" height=\"400\"><\/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(186, 215, 190);\n    fill(0);\n    ellipse(150, 155, 170, 190); \n    fill(239, 222, 205);\n    fill(239, 222, 205);\n    rect(125, 150, 50, 100);  \/\/neck\n    ellipse( (width\/2), (height\/2) , 100, 120);\n    fill(252, 252, 252);\n    ellipse(130, 140, 15, 9); \/\/ left socket\n    fill(102, 51, 0);\n    circle(130, 140, 7);  \/\/ Pupil (left)\n    fill(0);\n    circle(130, 140, 2);  \/\/ iris (right)\n    fill(252, 252, 252); \n    ellipse(170, 140, 15, 9);  \/\/ right socket\n    fill(102, 51, 0);\n    circle(170, 140, 7);   \/\/ pupil (right)\n    fill(0);\n    circle(170, 140, 2);  \/\/ iris(right)\n    arc(130, 130, 22, 5, radians(180), radians(360));  \/\/ left eyebrow. I learned this by looking it up. by wrapping degrees in radians I can work in degrees!\n    arc(170, 130, 22, 5, radians(180), radians(360));\n    fill(232, 214, 197);\n    triangle(150, 148, 145, 170, 155, 170);\n    point(131, 150); \/\/ freckles!!\n    point(135, 154);\n    point(127, 152);\n    point(123, 150);\n    point(119, 152);\n    point(116, 158);\n    point(126, 156);\n    point(130, 158);\n    point(171, 150);\n    point(175, 154);\n    point(167, 152);\n    point(163, 150);\n    point(159, 152);\n    point(156, 158);\n    point(166, 156);\n    point(170, 158);\n    fill(238, 131, 163); \n    arc(150, 180, 40, 23, radians(0), radians(180)); \/\/ lips!\n    fill(255);\n    arc(150, 182, 30, 15, radians(0), radians(180));\n    \/\/ arc(150, 100, )\n    fill(0);\n    ellipse(150, 86, 60,32);\n    fill(0);\n    arc(130, 100, 40, 23, radians(0), radians(180));\n    fill(0);\n    arc(170, 100, 40, 23, radians(0), radians(180));\n    circle(130, 90, 32);\n    circle(170, 90, 32);\n    fill(112, 171, 149);        \/\/shirt\n    ellipse(150,305, 130, 160);\n    fill(0);\n    ellipse(70, 130, 20, 30); \/\/HAIR\n    ellipse(80, 110, 20, 30);\n    ellipse(90, 100, 20, 30);\n    ellipse(100, 90, 20, 30);\n    ellipse(68, 150, 20, 30);\n    ellipse(68, 170, 20, 30);\n    ellipse(70, 190, 20, 30);\n    ellipse(80, 210, 20, 30);\n    ellipse(90, 230, 20, 30);\n    ellipse(100,240, 20, 30);\n    ellipse(230, 130, 20, 30);\n    ellipse(220, 110, 20, 30);\n    ellipse(210, 100, 20, 30);\n    ellipse(100, 90, 20, 30);\n    ellipse(230, 150, 20, 30);  \/\/ 230- 68= 162 (+162)\n    ellipse(230, 170, 20, 30);\n    ellipse(230, 190, 20, 30);\n    ellipse(220, 210, 20, 30);\n    ellipse(210, 230, 20, 30);\n    ellipse(200, 240, 20, 30);\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketch (self portrait) function setup() { createCanvas(300, 300); background(220); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } function draw() { background(186, 215, 190); fill(0); ellipse(150, 155, 170, 190); fill(239, 222, 205); fill(239, 222, 205); rect(125, 150, 50, 100); \/\/neck ellipse( (width\/2), (height\/2) , 100, 120); fill(252, 252, 252); ellipse(130, 140, 15, 9); \/\/ left socket fill(102, &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/07\/project-1-my-self-portrait-16\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 1:  My Self Portrait&#8221;<\/span><\/a><\/p>\n","protected":false},"author":776,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,1],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70139"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/users\/776"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=70139"}],"version-history":[{"count":9,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70139\/revisions"}],"predecessor-version":[{"id":70426,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70139\/revisions\/70426"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=70139"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=70139"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=70139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}