{"id":71583,"date":"2022-09-11T18:49:52","date_gmt":"2022-09-11T22:49:52","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=71583"},"modified":"2022-09-11T18:57:11","modified_gmt":"2022-09-11T22:57:11","slug":"srishtys-project-2-variable-face","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/11\/srishtys-project-2-variable-face\/","title":{"rendered":"Srishty&#8217;s Project 2: Variable Face"},"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><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-231.js\" data-width=\"500\" data-height=\"300\">sketch<\/a>\n\n\n\n<figure class=\"wp-block-image size-thumbnail is-resized\"><img loading=\"lazy\" src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/IMG_5058-4-150x150.jpg\" alt=\"\" class=\"wp-image-71589\" width=\"250\" height=\"250\" srcset=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/IMG_5058-4-150x150.jpg 150w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/IMG_5058-4-300x300.jpg 300w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/IMG_5058-4-1020x1024.jpg 1020w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/IMG_5058-4-768x771.jpg 768w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/IMG_5058-4-1530x1536.jpg 1530w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/IMG_5058-4-2040x2048.jpg 2040w, https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/IMG_5058-4-1200x1205.jpg 1200w\" sizes=\"(max-width: 250px) 85vw, 250px\"><\/figure><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"500\" height=\"300\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/Srishty Bhavsar\n\/\/Section C\n\/\/15-104\n\n\n\/\/ GLOBAL VARIABLES \n\nvar headsize = 100;\nvar eye = 1;\nvar mouth = 1;\nvar earring = 1;\nvar shirtcol = 1;\nvar hair = 1;\n\nfunction setup() {\n    createCanvas(500, 300);\n    background(220);\n    text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n    createCanvas(500,300);\n    if (mouseY &lt; (width\/2)) { \/\/ If mouse is in top half of canvas, color is yellow. If in lower half, color is blue\n        background(252,239,145);\n    } else { \n        background(204, 204, 255);\n    }  \n    strokeWeight(0);\n    triangle(240,180,260,180,250,195); \/\/mouth\n    fill(164,116,73); \/\/ TAN\n    rect(240,208,20,40); \/\/neck\n\n\/\/HEAD CHANGE, HAIR CHANGE, EAR CHANGE \n    if (headsize &lt;= 88 ) { \n        fill(0);\n        ellipse(250,280,180,400); \/\/ hair     \n        fill(164,116,73); \/\/ TAN\n        rect(240,208,20,40); \/\/neck\n        ellipse(200,160,15,25); \/\/ear\n        ellipse(300,160,15,25); \/\/ear 2 \n\n        \/\/EARRING CHANGE WITHIN IF      \n        if ( earring == 1) {\n            fill(255); \/\/ white\n            ellipse(300,170,3,10); \/\/earrings\n            ellipse(200,170,3,10); \/\/earrings\n        } else if (earring == 2) {\n            fill(255); \/\/pink\n            ellipse(300,170,5,5) \/\/earrings\n            ellipse(200,170,5,5); \/\/earrings \n        } else {\n            fill(207,255,229); \/\/mint\n            rect(297, 170, 3, 8); \/\/ rect earrings\n            rect(200, 170, 3, 8); \/\/ rect earrings\n        }\n\n        fill(189,154,122); \/\/  skin color\n        ellipse(250,150,100,120); \/\/ head + ears\n        fill(0);\n        arc(280, 105, 55, 70, 1, PI + QUARTER_PI, CHORD); \/\/front bang\n        rect(270,93,10,23); \/\/bangs\n        rect(260,93,10,23); \/\/bangs\n        rect(280,101,10,23); \/\/bangs\n        rect(289,110,9,23); \/\/bangs\n        triangle(200,140,210,103,260,82); \/\/ strand\n        ellipse(225,133,17,10); \/\/ one eye\n        fill(189,154,122); \/\/ SKIN\n        ellipse(225,135,17,10); \/\/ skin carve\n \n    } else if (headsize &gt;= 88 & headsize <= 100) {\n        fill(132, 34, 34); \/\/ AUBURN HAIR\n        ellipse(250,150,130,150); \/\/ TIED UP\n        fill(164,116,73); \/\/ TAN\n        rect(240,208,20,40); \/\/neck\n        ellipse(290,160,15,25); \/\/ear adjusted slim\n        ellipse(210,160,15,25); \/\/ear 2 adjusted slim\n\n        \/\/EARRING CHANGE WITHIN IF\n        if ( earring &gt;= 10 & earring <= 20) {\n            fill(255); \/\/ white\n            ellipse(290,170,3,10); \/\/earrings\n            ellipse(210,170,3,10); \/\/earrings\n        } else if (earring &gt;= 20 & earring <= 30) {\n            fill('pink'); \/\/ pink\n            ellipse(290,170,5,5); \/\/ circle earrings\n            ellipse(210,170,5,5); \/\/ circle earrings \n        } else {\n            fill(207,255,229); \/\/mint \n            rect(290, 170, 3, 8); \/\/ rect earrings\n            rect(210, 170, 3, 8); \/\/ rect earrings\n        }\n\n        fill(189,154,122); \/\/ skin color\n        ellipse(250,150,75,120); \/\/ slim head + ears \n        fill(132, 34, 34);\n        arc(280, 105, 55, 70, 1, PI + QUARTER_PI, CHORD); \/\/front bang\n        rect(270,93,10,23); \/\/bangs\n        rect(260,93,10,23); \/\/bangs\n        rect(280,101,10,23); \/\/bangs\n        rect(289,110,9,23); \/\/bangs\n        fill(132, 34, 34); \/\/ AUBURN EYEBROWS\n        ellipse(225,133,17,10); \/\/ one eyebrow\n        fill(189,154,122); \/\/ SKIN\n        ellipse(225,135,17,10); \/\/ skin carve\n\n    } else {\n        fill(108,25,96); \/\/ MAGENTA HAIR\n        ellipse(250,280,200,400); \/\/ hair\n        fill(164,116,73); \/\/ TAN\n        rect(240,208,20,40); \/\/neck\n        ellipse(310,160,15,25); \/\/ear adjusted wide\n        ellipse(190,160,15,25); \/\/ear 2 adjusted wide\n        fill(63, 20, 20);\n        ellipse(310,170,3,10); \/\/earrings\n        ellipse(190,170,3,10); \/\/earrings \n        fill(189,154,122);\n        ellipse(250,150,120,120); \/\/ widest head + wider hair + ears\n        fill(108,25,96); \/\/ MAGENTA eyebrow\n        ellipse(225,133,19,10); \/\/ one eyebrow\n        ellipse(275,133,19,10); \/\/second eyebrow\n        fill(189,154,122); \/\/ SKIN\n        ellipse(225,135,19,10); \/\/ skin carve\n        ellipse(275,135,19,10); \/\/skin carve \n        fill(108,25,96);\n        triangle(180,140,210,103,255,80); \/\/ hair strand\n    }   \n\n    if (eye &gt;= 10 & eye <= 20){\n        fill(72,60,50); \/\/ BROWN \n        ellipse(225,145,10,10); \/\/ one eye\n        ellipse(275,145,10,10); \/\/second eye \n    } else if (eye &gt;= 20 & eye <= 30) { \n        fill(72,60,50); \/\/ BROWN \n        ellipse(225,145,10,10); \/\/ one eye\n        ellipse(275,145,10,10); \/\/second eye\n        fill(189,154,122); \/\/ SKIN\n        ellipse(225,147,10,10); \/\/ one eye SKIN COLOR\n        ellipse(275,147,10,10); \/\/second eye SKIN COLOR\n    } else if (eye &gt;= 30 & eye <= 40) {\n        fill(72,60,50); \/\/ BROWN\n        ellipse(225,145,10,10); \/\/ one eye\n        ellipse(275,146,10,10); \/\/second eye\n        fill(189,154,122); \/\/ SKIN\n        ellipse(275,148,10,10); \/\/second eye  \n    } else {\n        fill(72,60,50); \/\/ BROWN \n        ellipse(225,145,10,10); \/\/ one eye\n        ellipse(275,145,10,10); \/\/second eye\n\n    }\n\n    strokeWeight(0);\n    fill(0); \n    stroke(72,60,50); \/\/ BLUSH PINK\n    fill(242,212,215);\n    ellipse(220,170,10,5); \/\/blush1\n    ellipse(280,170,10,5); \/\/blush2\n    strokeWeight(.5);\n    stroke(101,67,33); \/\/ DARK BROWN\n    line(255,140,255,160); \/\/ nose long\n    line(245,160,255,160); \/\/ nose short\n    strokeWeight(0);\n\n\/\/ SHIRT COLOR CHANGE \n\n    if (shirtcol &gt;= 10 & shirtcol <= 20) {\n        fill(79, 121, 66); \/\/DARK GREEN\n        ellipse(250,330,140,200); \/\/arms\n        fill(134,169,111);\n        ellipse(250,360,115,280); \/\/ body\n    } else if (shirtcol &gt;= 20 & shirtcol <= 30) {\n        fill(172, 112, 136); \/\/DARK GREEN\n        ellipse(250,330,140,200); \/\/arms\n        fill(222, 182, 171);\n        ellipse(250,360,115,280); \/\/ body\n    } else if (shirtcol &gt;= 30 & shirtcol <= 40) {\n        fill(241, 166, 97); \/\/DARK GREEN\n        ellipse(250,330,140,200); \/\/arms\n        fill(255, 216, 169);\n        ellipse(250,360,115,280); \/\/ body    \n    } else if (shirtcol &gt;= 40 & shirtcol <= 50) {\n        fill(134, 88, 88); \/\/DARK GREEN\n        ellipse(250,330,140,200); \/\/arms\n        fill(142, 127, 127);\n        ellipse(250,360,115,280); \/\/ body \n    } else if (shirtcol &gt;= 50 & shirtcol <= 60) {\n        fill(110, 133, 183); \/\/DARK GREEN\n        ellipse(250,330,140,200); \/\/arms\n        fill(196, 215, 224);\n        ellipse(250,360,115,280); \/\/ body     \n    } else { \n        fill(79, 121, 66); \/\/DARK GREEN\n        ellipse(250,330,140,200); \/\/arms\n        fill(134,169,111);\n        ellipse(250,360,115,280); \/\/ body\n    }\n\n\/\/ MOUTH CHANGE\n\n    if (mouth &gt;= 10 & mouth <= 20) {\n        fill(255,182,193); \/\/ pink\n        triangle(240,180,260,180,250,195); \/\/ MOUTH HAPPY\n    } else if (mouth &gt;= 20 & mouth <= 30) {\n        fill(203, 76, 78); \/\/ light red\n        ellipse(250,180,10,20); \/\/ MOUTH SHOCKED\n    } else if (mouth &gt;= 30 & mouth <= 40) {\n        strokeWeight(1);\n        stroke(0); \/\/BLAXK\n        line(240,180,260,180) \/\/PLAIN MOUTH\n    } else {\n        strokeWeight(1);\n        stroke(0);\n        line(240,180,260,180);\n    }\n\n}\n\nfunction mousePressed() {\n    \/\/when the user clicks, the variables of the following features are reassigned to random values within their respective ranges\n    \n    headsize = random(75,120); \/\/ head witdth\n    eye = random(10,40); \/\/ 4 eye types\n    mouth = random(10,40); \/\/ 4 mouth types\n    earring = random (10,30); \/\/ 3 earring types\n    shirtcol = random(10,60); \/\/ 6 color shirts\n} <\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketch \/\/Srishty Bhavsar \/\/Section C \/\/15-104 \/\/ GLOBAL VARIABLES var headsize = 100; var eye = 1; var mouth = 1; var earring = 1; var shirtcol = 1; var hair = 1; function setup() { createCanvas(500, 300); background(220); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } function draw() { createCanvas(500,300); if (mouseY &lt; (width\/2)) { &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/11\/srishtys-project-2-variable-face\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Srishty&#8217;s Project 2: Variable Face&#8221;<\/span><\/a><\/p>\n","protected":false},"author":704,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[82,61],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/71583"}],"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\/704"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=71583"}],"version-history":[{"count":6,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/71583\/revisions"}],"predecessor-version":[{"id":71600,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/71583\/revisions\/71600"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=71583"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=71583"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=71583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}