{"id":65598,"date":"2021-09-11T19:10:51","date_gmt":"2021-09-11T23:10:51","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=65598"},"modified":"2021-09-11T19:10:51","modified_gmt":"2021-09-11T23:10:51","slug":"project-2-variable-faces-7","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/11\/project-2-variable-faces-7\/","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><pre class=\"wp-block-code\"><code>\n\n\/\/shape variables \nvar faceWidth = random(250, 450);\nvar faceHeight = random(320, 450);\nvar eyeSize = random(20, 40);\nvar noseWidth = random(20, 40);\nvar noseHeight = random(30, 50); \nvar eyebrowShape = random(20, 30);\nvar mouth = 1 \n\n\/\/color variables \nvar faceRed = random(0, 255);\nvar faceGreen = random(0, 255);\nvar faceBlue = random(0, 255); \nvar noseRed = random(0, 255);\nvar noseGreen = random(0, 255);\nvar noseBlue = random(0, 255);\nvar eyebrowRed = random(0, 255);\nvar eyebrowGreen = random(0, 255);\nvar eyebrowBlue = random (0, 255); \n\nfunction setup() {\n  createCanvas(640, 480);\n  background(220);\n\n}\n\nfunction draw() {\n  noStroke();\n  background(220);\n  fill(red,green,blue);\n\n  \/\/ face and eyes \n  ellipse(width \/ 2, height \/ 2, faceWidth,  faceHeight);\n  fill(0, 0, 0);\n  var eyeLX = width \/ 2 - faceWidth * 0.25;\n  var eyeRX = width \/ 2 + faceWidth * 0.25;\n  ellipse(eyeLX, height \/ 2, eyeSize, eyeSize);\n  ellipse(eyeRX, height \/ 2, eyeSize, eyeSize);\n\n  \/\/nose \n  fill(noseRed, noseGreen, noseBlue);\n  rect(310, 230, 20, 40);\n  \n  \/\/mouth \n  if (mouth &lt;= 1) { \n    stroke(1);\n    noFill();\n    line(275,325,325,325);\n  } else if (mouth &lt; 2 ) {\n    stroke(1); \n    noFill();\n    arc(320,230,230,230,.31,2.83);\n  } else if (mouth &lt; 3) {\n    stroke(1); \n    noFill();\n    arc(320,370,140,170,3.46,5.97);\n    \n  }\n\n  \/\/ eyebrows \n  noStroke();\n  fill(eyebrowRed, eyebrowGreen, eyebrowBlue);\n  rect(eyeLX - 20, height \/ 2 - 50, 50, eyebrowShape);\n  rect(eyeRX - 20, height \/ 2 - 50, 50, eyebrowShape);\n}\n  \n\nfunction mousePressed() {\n  red = random(0, 255);\n  green = random(0, 255);\n  blue = random(0, 255); \n\n  noseRed = random(0, 255);\n  noseGreen = random(0, 255);\n  noseBlue = random(0, 255);\n\n  faceWidth = random(250, 450);\n  faceHeight = random(320, 450);\n  eyeSize = random(20, 40);\n\n  noseWidth = random(20, 40);\n  noseHeight = random(30, 50);\n\n  eyebrowShape = random(20, 30); \n\n  eyebrowRed = random(0, 255);\n  eyebrowGreen = random(0, 255);\n  eyebrowBlue = random (0, 255); \n\n  mouth = random(1,3); \n\n\n\n  \n\n \n\n\n\n\n}\n\n<\/code><\/pre><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":656,"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\/65598"}],"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\/656"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=65598"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65598\/revisions"}],"predecessor-version":[{"id":65600,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65598\/revisions\/65600"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=65598"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=65598"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=65598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}