{"id":65315,"date":"2021-09-09T23:47:21","date_gmt":"2021-09-10T03:47:21","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=65315"},"modified":"2021-09-10T19:13:52","modified_gmt":"2021-09-10T23:13:52","slug":"project-2-variable-faces","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/09\/project-2-variable-faces\/","title":{"rendered":"Project 2: Variable Faces"},"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 class=\"p5_sketch_link\" data-width=\"400\" data-height=\"500\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/sketch-73.js\">chapmanGenerativeFaces<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"400\" height=\"500\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/Elise Chapman\n\/\/ejchapma@andrew.cmu.edu\n\/\/Section D\n\nfunction setup() {\n    createCanvas(400, 500);\n}\n\n\/* variables: skin color, head width, head height, \neye size eye color, nose, skin color, \neyebrows, eyebrow color, mouth, ear size *\/\n\/* non-variables: eye-spacing, eyebrow height *\/\nvar hWidth;\nvar hHeight;\nvar skin;\nvar eyeSize;\nvar eyeColor;\nvar noseY;\nvar earX;\nvar earY;\nvar eyebrows;\nvar eyebrowsY;\nvar txtY = 250;\n\nfunction mousePressed() {\n    hWidth = int(random(100,200));\n    hHeight = int(random(150,225));\n    skin = int(random(1,8));\n    eyeSize = int(random(20,40));\n    eyeSize2 = int(random(20,40));\n    eyeColor = int(random(1,7));\n    nose = int(random(1,5));\n    noseY = int(random(270,300));\n    earX = int(random(30,50));\n    earY = int(random(40,70));\n    eyebrows = int(random(1,7));\n    eyebrowsY = random((height\/2)-0.1*hHeight,(height\/2)-0.27*hHeight)\n    txtY = 800;\n}\n\nfunction draw() {\n    background(101,222,241);\n    \/\/intro text\n    fill(300);\n    stroke(20);\n    loadFont(\"Courier New\");\n    strokeWeight(5);\n    textSize(18);\n    textFont(\"Courier New\");\n    text(\"Dad Generator: Click to begin.\",40,txtY);\n    noStroke();\n    \/\/skin color\n    var alien;\n    if (skin==1) {\n        fill(197,149,123);\n    } else if (skin==2) {\n        fill(236,188,180);\n    } else if (skin==3) {\n        fill(290,201,164);\n    } else if (skin==4) {\n        fill(161,102,94);\n    } else if (skin==5) {\n        fill(80,51,53);\n    } else if (skin==6) {\n        fill(89,47,42);\n    } else {\n        fill(187,219,155);\n        var alien=\"true\";\n    }\n    \/\/head\n    ellipse(200,250, hWidth,hHeight);\n    \/\/ears\n    if (alien==\"true\") {\n        rect((width\/2)-(hWidth\/2)-(earX\/1.25),height\/2.25,earX,earY,0,80,80,80);\n        rect((width\/2)+(hWidth\/2.75)+(earX\/4),height\/2.25,earX,earY,80,0,80,80);\n    } else {\n        rect((width\/2)-(hWidth\/2)-(earX\/1.25),height\/2.25,earX,earY,80,80,80,80);\n        rect((width\/2)+(hWidth\/2.75)+(earX\/4),height\/2.25,earX,earY,80,80,80,80);\n    }\n    \/\/nose\n    if (skin==1) {\n        fill(161,103,68);\n    } else if (skin==2) {\n        fill(200,136,120);\n    } else if (skin==3) {\n        fill(206,132,95);\n    } else if (skin==4) {\n        fill(105,49,29);\n    } else if (skin==5) {\n        fill(43,24,23);\n    } else if (skin==6) {\n        fill(38,19,10);\n    } else {\n        fill(105,122,33);\n        var alien=\"true\";\n    }\n    triangle(width\/2,height\/2,(width\/2)+10,noseY,(width\/2)-10,noseY);\n    \/\/eyes\n    var eyeLX=200-hWidth*0.25;\n    var eyeRX=200+hWidth*0.25;\n    fill(300); \/\/white\n    ellipse(eyeLX, 250, eyeSize, eyeSize);\n    ellipse(eyeRX, 250, eyeSize, eyeSize);\n    if (eyeColor==1) {\n        fill(138,203,136);\n    } else if (eyeColor==2) {\n        fill(198,224,255);\n    } else if (eyeColor==3) {\n        fill(58,124,165);\n    } else if (eyeColor==4) {\n        fill(22,38,46);\n    } else {\n        fill(58,51,53);\n    }\n    var pupilRX=200-hWidth*0.25\n    var pupilLX=200+hWidth*0.25\n    ellipse(pupilRX, 250, eyeSize\/1.25, eyeSize\/1.25);\n    ellipse(pupilLX, 250, eyeSize\/1.25, eyeSize\/1.25);\n    \/\/eyebrows\n    fill(30);\n    if (eyebrows==1) {\n        rect(eyeLX-(eyeSize\/2),eyebrowsY,40,10);\n        rect(eyeRX-(eyeSize\/2),eyebrowsY,40,10);\n    } else if (eyebrows==2) {\n        rect(eyeLX-(eyeSize\/2),eyebrowsY,30,20);\n        rect(eyeRX-(eyeSize\/2),eyebrowsY,30,20);\n    } else if (eyebrows==3) {\n        rect(eyeLX-(eyeSize\/2),eyebrowsY,40,5);\n        rect(eyeRX-(eyeSize\/2),eyebrowsY,40,5);\n    } else if (eyebrows==4) {\n        rect(eyeLX-(eyeSize\/2),eyebrowsY,30,10);\n        rect(eyeRX-(eyeSize\/2),eyebrowsY,30,10);\n    } else if (eyebrows==5) {\n        rect(eyeLX-(eyeSize\/2),eyebrowsY,40,2);\n        rect(eyeRX-(eyeSize\/2),eyebrowsY,40,2);\n    } else if (eyebrows==6) {\n        rect(eyeLX-(eyeSize\/2),eyebrowsY,40,20);\n        rect(eyeRX-(eyeSize\/2),eyebrowsY,40,20);\n    }\n}<\/code><\/pre><\/p>\n\n\n\n<p><\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>chapmanGenerativeFaces \/\/Elise Chapman \/\/ejchapma@andrew.cmu.edu \/\/Section D function setup() { createCanvas(400, 500); } \/* variables: skin color, head width, head height, eye size eye color, nose, skin color, eyebrows, eyebrow color, mouth, ear size *\/ \/* non-variables: eye-spacing, eyebrow height *\/ var hWidth; var hHeight; var skin; var eyeSize; var eyeColor; var noseY; var earX; var &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/09\/project-2-variable-faces\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 2: Variable Faces&#8221;<\/span><\/a><\/p>\n","protected":false},"author":644,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65315"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/users\/644"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=65315"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65315\/revisions"}],"predecessor-version":[{"id":65394,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65315\/revisions\/65394"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=65315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=65315"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=65315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}