{"id":70231,"date":"2022-09-06T22:52:16","date_gmt":"2022-09-07T02:52:16","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=70231"},"modified":"2022-09-16T15:15:09","modified_gmt":"2022-09-16T19:15:09","slug":"project-01-2","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/06\/project-01-2\/","title":{"rendered":"Project 01 &#8211; Self Portrait &#8211; srauch"},"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>A portrait of Sam Rauch!<\/p>\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-60.js\" data-width=\"600\" 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=\"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(231, 203, 62);\n\n    \/\/temporary guidelines\n    \/\/strokeWeight(2);\n    \/\/line(300, 0, 300, 600);\n    \/\/line(0, 300, 600, 300);\n\n    \/\/shirt\n    strokeWeight(0);\n    fill(114, 193, 189);\n    rect(120, 500, 360, 100);\n    triangle(120, 500, 300, 460, 300, 500);\n    triangle(300, 500, 300, 460, 480, 500);\n    fill(75, 161, 156);\n    triangle(120, 500, 120, 600, 60, 600);\n    triangle(480, 500, 480, 600, 540, 600);\n    ellipse(300, 505, 200, 60);\n\n    \/\/neck\n    fill(244, 233, 217); \/\/light skin\n    rect(225, 339, 150, 170);\n    ellipse(300, 510, 150, 30);\n\n    fill(199, 169, 127); \/\/shadow skin\n    ellipse(300, 400, 150, 150);\n    rect(225, 339, 150, 67);\n\n    \/\/head\n    fill(244, 233, 217); \/\/light skin\n    ellipse(300, 285, 260, 320);\n\n    \/\/ears\n    ellipse(170, 295, 50, 80);\n    ellipse(430, 295, 50, 80);\n    triangle(160, 332, 180, 335, 185, 350);\n    triangle(440, 332, 420, 335, 415, 350);\n\n    \/\/hair base\n    noFill();\n    stroke(173, 94, 93); \/\/hair dark\n    strokeWeight(20);\n    arc(300, 285, 240, 300, 3.39, 6.03);\n\n    fill(173, 94, 93);\n    strokeWeight(0);\n    arc(300, 210, 220, 130, 3.15, 6.30);\n\n    triangle(192, 250, 200, 200, 260, 200);\n    triangle((600-192), 250, (600-200), 200, (600-260), 200);\n\n    \/\/sideburns?\n    fill(173, 94, 93) \/\/hair dark\n    strokeWeight(0);\n    rect(172, 255, 20, 60, 0, 0, 20, 20);\n    rect(408, 255, 20, 60, 0, 0, 20, 20);\n\n    \/\/mouth\n    fill(61, 32, 31); \/\/mouth pink\n    arc(300, 375, 100, 90, 6.30, 3.15);\n\n    stroke(61, 32, 31); \/\/mouth pink\n    strokeWeight(10);\n    strokeCap(ROUND); \/\/case sensitive: SQUARE and ROUND\n    line(255, 375, 345, 375);\n\n    \/\/teeth\n    stroke(247, 246, 232); \/\/teeth color\n    strokeWeight(10);\n    line(262, 382, 338, 382);\n\n    \/\/nose\n    stroke(199, 168, 127);\n    strokeWeight(18);\n    line(305, 300, 305, 345);\n\n    \/\/playing with whites of eyes\n    \/\/fill(247, 246, 232);\n    \/\/strokeWeight(0);\n    \/\/ellipse(245,300, 50, 40);\n    \/\/ellipse(355,300, 50, 40);\n    \/\/arc(245,300, 50, 40, 3.3, 6.15);\n    \/\/arc(355,300, 50, 40, 3.3, 6.15);\n\n    \/\/eye arcs\n    stroke(69, 74, 69); \/\/eye color\n    strokeWeight(5);\n    noFill();\n    arc(245,300, 50, 40, 3.3, 6.15);\n    arc(355,300, 50, 40, 3.3, 6.15);\n\n    \/\/eye fill\n    strokeWeight(0);\n    fill(69, 74, 69);\n    ellipse(245, 295, 25, 25);\n    ellipse(355, 295, 25, 25);\n\n    \/\/eyebrows\n    stroke(87, 68, 44); \/\/eyebrow color\n    strokeWeight(10);\n    line(240, 260, 270, 262); \/\/flat\n    line(220, 270, 240, 260); \/\/corner\n    line((600-240), 260, (600-270), 262); \/\/flat\n    line((600-220), 270, (600-240), 260); \/\/corner\n\n\n    \/\/angleMode(DEGREES);\n\n    \/\/spikes!\n    fill(237, 141, 141); \/\/hair light\n    strokeWeight(0);\n\n    triangle(380, 80, 350, 200, 240, 160);\n    triangle(310, 70, 380, 200, 270, 200);\n    triangle(190, 220, 300, 160, 220, 100);\n    triangle(220, 190, 315, 160, 270, 90);\n    triangle(200, 230, 230, 180, 190, 160);\n\n    \/\/bangs\n    triangle(230, 200, 290, 200, 270, 240);\n    triangle(200, 200, 250, 200, 230, 250);\n    triangle(270, 200, 350, 200, 340, 250);\n    triangle(195, 200, 230, 220, 185, 240);\n    triangle(170, 195, 210, 180, 200, 230);\n    triangle(220, 200, 270, 200, 280, 170);\n    triangle(340, 140, 420, 130, 380, 200);\n    triangle(340, 210, 410, 220, 370, 170);\n    triangle(330, 210, 380, 240, 375, 210);\n\n    noLoop();\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>A portrait of Sam Rauch! sketch function setup() { createCanvas(600, 600); background(220); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } function draw() { background(231, 203, 62); \/\/temporary guidelines \/\/strokeWeight(2); \/\/line(300, 0, 300, 600); \/\/line(0, 300, 600, 300); \/\/shirt strokeWeight(0); fill(114, 193, 189); rect(120, 500, 360, 100); triangle(120, 500, 300, 460, 300, 500); triangle(300, 500, 300, 460, &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/06\/project-01-2\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 01 &#8211; Self Portrait &#8211; srauch&#8221;<\/span><\/a><\/p>\n","protected":false},"author":754,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,56],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70231"}],"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\/754"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=70231"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70231\/revisions"}],"predecessor-version":[{"id":71914,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70231\/revisions\/71914"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=70231"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=70231"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=70231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}