{"id":70400,"date":"2022-09-07T09:36:58","date_gmt":"2022-09-07T13:36:58","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=70400"},"modified":"2022-09-07T09:51:02","modified_gmt":"2022-09-07T13:51:02","slug":"project-01-self-portrait-3","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/07\/project-01-self-portrait-3\/","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>Self-Portrait<\/p>\n\n\n\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-963ce02a-22ca-4f8e-903f-804268337281\" class=\"p5_sketch_link\" data-width=\"1000\" data-height=\"1000\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-86.js\">sketch<\/a><a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-86.js\" class=\"wp-block-file__button\" download=\"\" aria-describedby=\"wp-block-file--media-963ce02a-22ca-4f8e-903f-804268337281\">Download<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"1000\" height=\"1000\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/ Ilia Urgen\n\/\/ Section B\n\nfunction setup() {\n    createCanvas (1000, 1000);     \/\/width is 1000, height is 1000\n    background (164,244,255);       \/\/Dark Tan canvas background          \n}                                   \n                                    \nfunction draw() {                   \n    \n\n    \/\/text\n    stroke (0);\n    strokeWeight (10);\n\n    line (100,40,40,40);\n    line (40,40,40,70);\n    line (100,70,40,70);\n    line (100,100,100,70);\n    line (100,100,40,100);\n\n    line (140,40,200,40);\n    line (140,40,140,100);\n    line (140,100,200,100);\n    line (140,70,200,70);\n\n    line (240,40,240,100);\n    line (240,100,300,100);\n\n    line (340,40,340,100);\n    line (340,40,400,40);\n    line (340,70,400,70);\n\n    line (440,70,500,70);\n\n    line (140,140,200,140);\n    line (140,140,140,200);\n    line (140,170,200,170);\n    line (200,140,200,170);\n\n    line (240,140,300,140);\n    line (240,140,240,200);\n    line (300,140,300,200);\n    line (300,200,240,200);\n\n    line (340,140,340,200);\n    line (340,140,400,140);\n    line (340,170,400,170);\n    line (400,140,400,170);\n    line (400,200,340,170);\n\n    line (440,140,500,140);\n    line (470,140,470,200);\n\n    line (540,140,600,140);\n    line (540,140,540,200);\n    line (540,170,600,170);\n    line (600,170,600,140);\n    line (600,200,540,170);\n\n    line (640,140,700,140);\n    line (640,140,640,200);\n    line (700,140,700,200);\n    line (640,170,700,170);\n\n    line (740,140,800,140);\n    line (770,140,770,200);\n    line (740,200,800,200);\n\n    line (840,140,900,140);\n    line (870,140,870,200);\n\n    line (940,140,940,180);\n    point (940,200);\n\n\n    line (780,870,840,870);\n    line (810,810,810,870);\n    line (780,810,840,810);\n\n    line (880,870,940,870);\n    line (940,870,940,810);\n    line (880,870,880,810);\n\n\n    \/\/neck outline\n    noStroke();\n    fill (243,207,187);\n    rect (375,850,250,150);        \n    \n    \/\/face outline\n    noStroke();                               \n    fill (243,207,187);                        \n    ellipse (500,600,480,660);     \n\n    \/\/left ear\n    arc (245,620,80,160,PI + HALF_PI,PI + HALF_PI);  \n    \n    \/\/right ear\n    arc (755,620,80,160,PI + HALF_PI,PI + HALF_PI);  \n\n\n    \/\/left eye\n    fill (0,0,0);\n    ellipse (400,575,110,60);  \n    fill (255,255,255);\n    ellipse (400,575,90,60); \n    fill (102,51,0);\n    ellipse (400,575,60,60);\n    fill (0,0,0);\n    ellipse (410,575,12,12);\n    fill (255,255,255);\n    ellipse (413,575,5,5);\n\n    \/\/right eye\n    fill (0,0,0);\n    ellipse (600,575,110,60);\n    fill (255,255,255);\n    ellipse (600,575,90,60);\n    fill (102,51,0);\n    ellipse (600,575,60,60);\n    fill (0,0,0);\n    ellipse (610,575,12,12);\n    fill (255,255,255);\n    ellipse (613,575,5,5);\n\n    \/\/nose\n    fill (240,190,180);\n    triangle (450,700,500,540,550,700);\n    \n    \/\/t-shirt                                                              \n    fill (187,0,0);                                              \n    quad (375,920,200,1000,800,1000,625,920);\n\n    \/\/t-shirt letters\n    stroke (255);\n    strokeWeight (6);\n\n    \/\/C\n    line (395,940,445,940);\n    line (395,940,395,980);\n    line (395,980,445,980);\n\n    \/\/M\n    line (475,940,475,980);\n    line (475,940,500,980);\n    line (500,980,525,940);\n    line (525,940,525,980);\n\n    \/\/U\n    line (555,940,555,980);\n    line (555,980,605,980);\n    line (605,980,605,940);\n\n    \/\/left eyebrow\n    strokeWeight (30);\n    stroke (55,39,45);\n    arc (400,518,120,30,PI,0);\n\n    \/\/right eyebrow\n    strokeWeight (30);\n    stroke (55,39,45);\n    arc (600,518,120,30,PI,0);\n\n    \/\/glasses\n    noFill();\n    strokeWeight (8);\n    stroke (212,175,55);\n    noFill ();\n    ellipse (400,575,150,130);\n    ellipse (600,575,150,130);\n    arc (500,570,52,50,PI,0);\n    line (400,510,600,510);\n    line (244,535,340,535);\n    line (660,535,754,535);\n\n    \/\/teeth\n    fill (255);\n    stroke (255);\n    ellipse (500,790,105,40);\n\n    \/\/mouth\n    noFill();\n    strokeWeight (35);\n    stroke (193,104,115);\n    arc (500,800,140,30,0, PI);\n    arc (500,780,140,30,PI,0);\n\n    \/\/facial hair\n    stroke (55,39,45);\n    strokeWeight (2);\n    \n    line (434,718,412,753);\n    line (437,718,416,752);\n    line (440,718,420,751);\n\n    line (443,716,424,750);\n    line (446,716,428,749);\n    line (449,716,432,748);\n\n    line (452,714,436,747);\n    line (455,714,440,746);\n    line (458,714,444,745);\n\n    line (461,712,448,744);\n    line (464,712,452,743);\n    line (467,712,456,742);\n\n    line (470,710,460,741);\n    line (473,710,464,740);\n    line (476,710,468,740);\n\n    line (479,710,472,740);\n    line (482,710,476,740);\n    line (485,710,480,740);\n\n    line (488,710,484,740);\n    line (491,710,488,740);\n    line (494,710,492,740);\n\n    line (497,710,496,740);\n    line (500,710,500,740);\n    line (503,710,504,740);\n\n    line (506,710,508,740);\n    line (509,710,512,740);\n    line (512,710,516,740);\n\n    line (515,710,520,740);\n    line (518,710,524,740);\n    line (521,710,528,740);\n\n    line (524,710,532,740);\n    line (527,710,536,740);\n    line (530,710,540,741);\n\n    line (533,712,544,742);\n    line (536,712,548,743);\n    line (539,712,552,744);\n\n    line (542,714,556,745);\n    line (545,714,560,746);\n    line (548,714,564,747);\n\n    line (551,716,568,748);\n    line (554,716,572,749);\n    line (557,716,576,750);\n\n    line (560,718,580,751);\n    line (563,718,584,752);\n    line (566,718,588,753);\n\n    \/\/face lines\n    arc (240,625,30,100,HALF_PI, PI + HALF_PI);\n    arc (760,625,30,100,PI + HALF_PI, HALF_PI);\n    arc (500,875,100,30,PI,0);\n\n    \/\/hair\n\n    strokeWeight (20);\n\n    curve(300, 20, 290, 510, 500, 270, 970, 630);\n    curve(270, 630, 500, 270, 700, 510, 540, 270);\n\n    curve(300, 70, 290, 510, 500, 276, 970, 600);\n    curve(270, 600, 500, 276, 700, 510, 300, 70);\n\n    curve(300, 70, 290, 510, 500, 270, 970, 600);\n    curve(270, 600, 500, 270, 700, 510, 300, 70);\n\n    curve(300, 470, 290, 510, 500, 282, 970, 570);\n    curve(270, 570, 500, 282, 710, 510, 300, 470);\n\n    curve(100, 470, 290, 510, 500, 270, 970, 570);\n    curve(270, 570, 500, 270, 710, 510, 370, 470);\n\n    curve(300, 870, 280, 510, 500, 288, 970, 540);\n    curve(270, 540, 500, 288, 720, 510, 300, 870);\n\n    curve(300, 870, 280, 510, 500, 270, 970, 540);\n    curve(270, 540, 500, 270, 720, 510, 300, 870);\n\n    curve(300, 1070, 290, 510, 500, 294, 970, 540);\n    curve(270, 540, 500, 294, 710, 510, 330, 1070);\n\n    curve(300, 1070, 300, 510, 500, 294, 970, 540);\n    curve(270, 540, 500, 294, 710, 510, 320, 1070);\n\n    curve(300, 1070, 290, 510, 500, 270, 970, 540);\n    curve(270, 540, 500, 270, 710, 510, 300, 1070);\n\n    curve(300, 1370, 290, 510, 500, 270, 970, 540);\n    curve(270, 540, 500, 270, 710, 510, 200, 1370);\n\n    curve(500, 1070, 280, 510, 500, 300, 970, 540);\n    curve(270, 540, 500, 300, 720, 510, 300, 1070);\n\n    curve(500, 1070, 280, 510, 500, 270, 970, 540);\n    curve(270, 540, 500, 270, 720, 510, 250, 1070);\n\n    curve(700, 1070, 290, 500, 500, 306, 970, 540);\n    curve(270, 540, 500, 306, 710, 500, 300, 1270);\n\n    curve(700, 1070, 290, 500, 500, 270, 970, 540);\n    curve(270, 540, 500, 270, 710, 500, 200, 1270);\n\n    curve(700, 1070, 280, 500, 500, 312, 970, 540);\n    curve(270, 540, 500, 312, 710, 500, 300, 1270);\n\n    curve(700, 1070, 280, 500, 500, 270, 970, 540);\n    curve(270, 540, 500, 270, 710, 500, 300, 1270);\n\n    curve(700, 1070, 290, 500, 500, 318, 970, 540);\n    curve(270, 540, 500, 318, 720, 500, 300, 1270);\n\n    curve(700, 1070, 290, 500, 500, 270, 970, 540);\n    curve(270, 540, 500, 270, 720, 500, 300, 1270);\n\n    curve(200, 1070, 290, 500, 500, 306, 970, 540);\n    curve(270, 540, 500, 306, 710, 500, 500, 1270);\n\n    curve(100, 1070, 290, 500, 500, 326, 970, 540);\n    curve(270, 540, 500, 306, 710, 500, 600, 1270);\n\n    curve(500, 1070, 290, 500, 500, 306, 970, 540);\n    curve(270, 540, 500, 306, 710, 500, 700, 1270);\n\n    curve(50, 1070, 290, 500, 500, 306, 970, 540);\n    curve(270, 540, 500, 306, 710, 500, 800, 1270);\n\n    curve(0, 1070, 290, 500, 500, 306, 970, 540);\n    curve(270, 540, 500, 306, 710, 500, 900, 1270);\n\n    curve(0, 470, 290, 500, 500, 306, 970, 540);\n    curve(270, 540, 500, 306, 710, 500, 900, 470);\n    \n    curve(0, 470, 290, 500, 500, 306, 970, 540);\n    curve(270, 540, 500, 306, 710, 500, 900, 570);\n\n    curve(0, 270, 290, 500, 500, 326, 970, 540);\n    curve(270, 540, 500, 326, 710, 500, 900, 670);\n\n    noLoop();\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>Self-Portrait sketchDownload \/\/ Ilia Urgen \/\/ Section B function setup() { createCanvas (1000, 1000); \/\/width is 1000, height is 1000 background (164,244,255); \/\/Dark Tan canvas background } function draw() { \/\/text stroke (0); strokeWeight (10); line (100,40,40,40); line (40,40,40,70); line (100,70,40,70); line (100,100,100,70); line (100,100,40,100); line (140,40,200,40); line (140,40,140,100); line (140,100,200,100); line (140,70,200,70); line (240,40,240,100); &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/07\/project-01-self-portrait-3\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 01&#8221;<\/span><\/a><\/p>\n","protected":false},"author":765,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,56],"tags":[11,81],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70400"}],"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\/765"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=70400"}],"version-history":[{"count":6,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70400\/revisions"}],"predecessor-version":[{"id":70412,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70400\/revisions\/70412"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=70400"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=70400"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=70400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}