{"id":70770,"date":"2022-09-09T16:08:02","date_gmt":"2022-09-09T20:08:02","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=70770"},"modified":"2022-09-09T16:08:02","modified_gmt":"2022-09-09T20:08:02","slug":"project-01-12","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/09\/project-01-12\/","title":{"rendered":"Project 01"},"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-127.js\" data-width=\"500\" data-height=\"500\"><\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"500\" height=\"500\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">function setup() {\n    createCanvas(500, 500);\n    background(252, 181, 104); \/\/ background orange\n}\n\nfunction draw() {\n\t\/\/ ornament\n\tstrokeWeight(3);\n\tstroke(255);\n\tfill(116, 203, 200); \/\/teal stripe\n\trect(225, 0, 45, 500);\n\tstrokeWeight(3);\n\tstroke(255);\n\tfill(79, 141, 241); \/\/ blue stripe\n\trect(135, 0, 45, 500);\n\tstrokeWeight(3);\n\tstroke(255);\n\tfill(255, 190, 214); \/\/ pink stripe\n\trect(45, 0, 45, 500);\n\tstrokeWeight(3);\n\tstroke(255);\n\tfill(192, 226, 148); \/\/ green stripe\n\trect(315, 0, 45, 500);\n\tstrokeWeight(3);\n\tstroke(255);\n\tfill(255, 246, 140); \/\/ yellow stripe\n\trect(405, 0, 45, 500);\n\n\t\/\/ hair\n\tnoStroke();\n\tfill(40, 24, 15); \/\/ hair color\n\tellipse(250, 250, 380, 420);\n\tnoStroke();\n\tfill(40, 24, 15);\n\trect(60, 250, 380, 300);\n\tnoStroke();\n\tfill(40, 24, 15);\n\ttriangle(20, 500, 90, 405, 90, 500);\n\tnoStroke();\n\tfill(40, 24, 15);\n\ttriangle(480, 500, 410, 405, 410, 500);\n\n\t\/\/ ears\n\tstrokeWeight(5);\n\tstroke(247, 150, 107);\n\tfill(244, 218, 188);\n\tellipse(100, 260, 60, 80);\n\tstrokeWeight(5);\n\tstroke(247, 150, 107);\n\tfill(244, 218, 188);\n\tellipse(400, 260, 60, 80);\n\n\t\/\/ neck\n\tstrokeWeight(5);\n\tstroke(247, 150, 107); \/\/ shadow color edge\n\tfill(244, 218, 188); \/\/ shadow color\n\trect(185, 415, 125, 100);\n\n\t\/\/ face\n\tstrokeWeight(5);\n\tstroke(247, 150, 107); \/\/ skin color edge\n\tfill(255, 237, 213); \/\/ skin color\n\tellipse(250, 250, 300, 365);\n\n\t\/\/ eyes\n\tstrokeWeight(3);\n\tstroke(0, 34, 68); \/\/ eye color edge\n\tfill(238, 239, 248); \/\/ eye color\n\tellipse(190, 230, 75, 55);\n\tstrokeWeight(3);\n\tstroke(0, 34, 68);\n\tfill(238, 239, 248); \n\tellipse(310, 230, 75, 55);\n\n\tstrokeWeight(3);\n\tstroke(0, 34, 68);\n\tfill(91, 32, 1); \/\/ iris color\n\tcircle(190, 225, 45);\n\tstrokeWeight(3);\n\tstroke(0, 34, 68);\n\tfill(91, 32, 1);\n\tcircle(310, 225, 45);\n\n\tnoStroke();\n\tfill(0); \/\/ pupil color\n\tcircle(310, 225, 15);\n\tnoStroke();\n\tfill(0);\n\tcircle(190, 225, 15);\n\n\tstrokeWeight(10);\n\tstroke(255); \/\/ reflection color\n\tpoint(195, 220);\n\tstrokeWeight(10);\n\tstroke(255);\n\tpoint(315, 220);\n\n\tstrokeWeight(7);\n\tstroke(0, 34, 68); \/\/ eyelash color\n\tline(190, 205, 190, 185);\n\tstrokeWeight(7);\n\tstroke(0, 34, 68);\n\tline(310, 205, 310, 185);\n\tstrokeWeight(7);\n\tstroke(0, 34, 68);\n\tline(172, 210, 172, 190);\n\tstrokeWeight(7);\n\tstroke(0, 34, 68);\n\tline(328, 210, 328, 190);\n\tstrokeWeight(7);\n\tstroke(0, 34, 68);\n\tline(208, 210, 208, 190);\n\tstrokeWeight(7);\n\tstroke(0, 34, 68);\n\tline(292, 210, 292, 190);\n\n\t\/\/ glasses\n\tstrokeWeight(6);\n\tstroke(82, 76, 69); \/\/ glasses color\n\tnoFill();\n\tellipse(175, 225, 123, 100);\n\tstrokeWeight(6);\n\tstroke(82, 76, 69);\n\tnoFill();\n\tellipse(325, 225, 123, 100);\n\tstrokeWeight(6);\n\tstroke(82, 76, 69);\n\tline(237, 225, 263, 225);\n\n\t\/\/ bangs\n\tnoStroke();\n\tfill(40, 24, 15); \/\/ bang color\n\tsquare(200, 60, 100, 15);\n\tnoStroke();\n\tfill(40, 24, 15);\n\tsquare(129, 80, 80, 15);\n\tnoStroke();\n\tfill(40, 24, 15);\n\tsquare(290, 80, 80, 15);\n\tnoStroke();\n\tfill(40, 24, 15);\n\trect(155, 70, 190, 60);\n\n\t\/\/ eyebrows\n\tnoStroke();\n\tfill(0); \/\/ eyebrow color\n\ttriangle(205, 180, 205, 160, 140, 180);\n\tnoStroke();\n\tfill(0);\n\ttriangle(295, 180, 295, 160, 360, 180);\n\n\t\/\/nose\n\tstrokeWeight(4);\n\tstroke(247, 150, 107);\n\tfill(244, 218, 188);\n\tcircle(230, 306, 24);\n\tstrokeWeight(4);\n\tstroke(247, 150, 107);\n\tfill(244, 218, 188);\n\tcircle(270, 306, 24);\n\n\tstrokeWeight(5);\n\tstroke(247, 150, 107);\n\tfill(255, 237, 213);\n\tcircle(250, 307, 27);\n\n\tnoStroke();\n\tfill(255, 237, 213);\n\tellipse(250, 298, 30, 40);\n\n\t\/\/ mouth\n\tstrokeWeight(8);\n\tstroke(229, 162, 153); \/\/ lip color\n\tfill(255); \/\/ teeth color\n\tarc(250, 340, 155, 100, 0, HALF_PI)\n\tstrokeWeight(8);\n\tstroke(229, 162, 153);\n\tfill(255);\n\tarc(250, 340, 155, 100, HALF_PI, PI);\n\tstrokeWeight(8);\n\tstroke(229, 162, 153);\n\tline(175, 340, 325, 340);\n\n\t\/\/ earrings\n\tstrokeWeight(3);\n\tstroke(224, 135, 73); \/\/ earrings edge color\n\tfill(232, 190, 64); \/\/ earrings color\n\trect(80, 290, 25, 60, 20);\n\tstrokeWeight(3);\n\tstroke(224, 135, 73);\n\tfill(232, 190, 64);\n\trect(395, 290, 25, 60, 20);\n\n\tstrokeWeight(4);\n\tstroke(255); \/\/ earrings reflection color\n\tfill(255);\n\trect(88, 300, 2, 32, 10);\n\tstrokeWeight(4);\n\tstroke(255);\n\tfill(255);\n\trect(403, 300, 2, 32, 10);\n\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>Here is my self portrait. function setup() { createCanvas(500, 500); background(252, 181, 104); \/\/ background orange } function draw() { \/\/ ornament strokeWeight(3); stroke(255); fill(116, 203, 200); \/\/teal stripe rect(225, 0, 45, 500); strokeWeight(3); stroke(255); fill(79, 141, 241); \/\/ blue stripe rect(135, 0, 45, 500); strokeWeight(3); stroke(255); fill(255, 190, 214); \/\/ pink stripe rect(45, 0, &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/09\/project-01-12\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 01&#8221;<\/span><\/a><\/p>\n","protected":false},"author":744,"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\/70770"}],"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\/744"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=70770"}],"version-history":[{"count":5,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70770\/revisions"}],"predecessor-version":[{"id":70779,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70770\/revisions\/70779"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=70770"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=70770"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=70770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}