{"id":70203,"date":"2022-09-06T22:13:29","date_gmt":"2022-09-07T02:13:29","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=70203"},"modified":"2022-09-06T22:13:29","modified_gmt":"2022-09-07T02:13:29","slug":"project-01-self-portrait","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/06\/project-01-self-portrait\/","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><p>here is my self portrait!<\/p>\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-54.js\" data-width=\"400\" data-height=\"600\">sketch<\/a>\n\n\n\n<p><\/p><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"400\" height=\"600\"><\/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(106, 148, 212);     \/\/blue\n    fill(34, 67, 116);             \/\/dark blue\n    stroke(34, 67, 116);           \n    triangle(0, 299, 299, 0, 299, 299);\n\n    \/\/hair\n    fill(61, 97, 153);            \/\/medium blue\n    stroke(61, 97, 153); \n    ellipse(150, 65, 75, 55);\n    fill(92, 128, 184);           \/\/lighter medium blue\n    stroke(92, 128, 184);\n    ellipse(150, 148, 140, 160);\n\n    \/\/shirt\n    fill(255, 153, 204);            \/\/pink\n    stroke(255, 153, 204);\n    rect(30, 240, 240, 120, 60);\n    fill(219, 112, 147);            \/\/darker pink\n    stroke(219, 112, 147);\n    ellipse(150, 245, 80, 40);    \n\n    \/\/neck\n    fill(216, 226, 240);            \/\/a little darker than light blue\n    stroke(216, 226, 240);\n    rect(115, 150, 70, 90);        \n    ellipse(150, 240, 70, 40);\n\n    \/\/face\n    fill(226, 237, 252);\n    stroke(229, 239, 255);\n    ellipse(150, 162, 130, 142);    \/\/light blue\n    fill(255, 153, 204, 40);        \/\/transparent pink\n    stroke(255, 153, 204, 0);\n    circle(110, 190, 30);\n    circle(190, 190, 30);\n\n    \/\/nose\n    fill(160, 188, 229);\n    stroke(160, 188, 229);\n    circle(150, 180, 17);        \n    circle(141, 183, 8);\n    circle(159, 183, 8);\n    fill(229, 239, 255);\n    stroke(229, 239, 255);\n    circle(150, 177, 17);        \n    circle(141, 180, 8);\n    circle(159, 180, 8);\n    noLoop();\n\n    \/\/eyes\n    fill(255);                     \/\/white\n    stroke(160, 188, 229, 50);\n    circle(125, 150, 25);          \n    circle(175, 150, 25);\n    fill(160, 188, 229);           \/\/blue\n    stroke(160, 188, 229);\n    ellipse(121, 150, 16, 19);\n    ellipse(172, 150, 16, 19);\n    fill(34, 67, 116);             \/\/dark blue\n    stroke(34, 67, 116);\n    ellipse(118, 150, 12, 15);\n    ellipse(169, 150, 12, 15);\n    fill(255);\n    stroke(255)                    \/\/white\n    circle(119, 147, 5);\n    circle(170, 147, 5);\n    stroke(160, 188, 229);\n    strokeWeight(4);                \/\/blue\n    line(112, 134, 124, 130);\n    line(186, 134, 174, 130);\n    noLoop();\n\n\n    \/\/mouth\n    fill(160, 188, 229);            \/\/blue\n    stroke(160, 188, 229);\n    strokeWeight(1);\n    arc(150, 203, 35, 12, 0, PI);\n    fill(229, 239, 255);            \/\/light blue\n    stroke(229, 239, 255);\n    arc(150, 201, 35, 8, 0, PI);\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>here is my self portrait! sketch function setup() { createCanvas(300, 300); background(220); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } function draw() { background(106, 148, 212); \/\/blue fill(34, 67, 116); \/\/dark blue stroke(34, 67, 116); triangle(0, 299, 299, 0, 299, 299); \/\/hair fill(61, 97, 153); \/\/medium blue stroke(61, 97, 153); ellipse(150, 65, 75, 55); fill(92, 128, &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/06\/project-01-self-portrait\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 01 | Self Portrait&#8221;<\/span><\/a><\/p>\n","protected":false},"author":737,"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\/f2022\/wp-json\/wp\/v2\/posts\/70203"}],"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\/737"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=70203"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70203\/revisions"}],"predecessor-version":[{"id":70204,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70203\/revisions\/70204"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=70203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=70203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=70203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}