{"id":65483,"date":"2021-09-11T16:19:56","date_gmt":"2021-09-11T20:19:56","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=65483"},"modified":"2021-09-11T16:19:56","modified_gmt":"2021-09-11T20:19:56","slug":"face-randomizer","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/11\/face-randomizer\/","title":{"rendered":"Face Randomizer"},"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 class=\"wp-block-file\"><a class=\"p5_sketch_link\" data-width=\"600\" data-height=\"400\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/sketch-89.js\">sketch<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"600\" height=\"400\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">var eyeSize = 20;\nvar pupilSize = 10;\nvar faceWidth = 100;\nvar faceHeight = 150;\nvar mouth = 1;\n\nfunction setup() {\n    createCanvas(300, 300);\n    faceShape = 1;\n}\n\n\nfunction mousePressed() {\n    faceShape = -faceShape;\n    faceWidth = random(75, 200);\n    faceHeight = random(100, 200);\n    eyeSize = random(10, 50);\n    pupilSize = random(1,4)\n    mouth = random(1,4);\n\n}\n\nfunction draw() {\n    background(180);\n    \/\/head shapes\n    if (faceShape&gt;0) {\n        ellipse(width\/2,height\/2,faceWidth,faceHeight);\n\n    }\n    else if (faceShape&lt;0){\n        rect((width - faceWidth)\/2,(height - faceHeight)\/2,faceWidth,faceHeight);\n    }\n\n    \/\/eyes and pupils\n    var LeftEye = width \/ 2 - faceWidth \/ 4;\n    var Righteye = width \/ 2 + faceWidth \/ 4;\n    ellipse(LeftEye, 5*height \/ 12, eyeSize);\n    ellipse(Righteye, 5*height \/ 12, eyeSize);\n    fill(0);\n    ellipse(LeftEye, 5*height \/ 12, eyeSize\/pupilSize);\n    ellipse(Righteye, 5*height \/ 12, eyeSize\/pupilSize);\n    fill(255);\n\n    \/\/mouths\n\n    if (mouth&lt;2) {\n        \/\/smile\n    ellipse(width\/2,height\/2+25,50,25);\n    stroke(255);\n    rect(width\/2-30,height\/2+10,60,15);\n    stroke(0);\n    }\n    else if (mouth&lt;3) {\n        \/\/sad\n    ellipse(width\/2,height\/2+35,50,25);\n    stroke(255);\n    rect(width\/2-30,height\/2+35,60,15);\n    stroke(0);\n    }\n    else if (mouth&lt;4) {\n        line((width\/2)-faceWidth\/4, (height\/2)+faceHeight\/5, (width\/2)+faceWidth\/4, (height\/2)+faceHeight\/5);\n    }\n    \n}\n\n<\/code><\/pre><\/div>\n\n\n\n<p>One of the difficulties I had with this project was creating a uniform smile. In order to do so, I used certain blocks to cover the ellipses and removed the stroke color. I had a lot of trouble with the random() function because I had also forgotten that it outputted float point numbers.  <\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketch var eyeSize = 20; var pupilSize = 10; var faceWidth = 100; var faceHeight = 150; var mouth = 1; function setup() { createCanvas(300, 300); faceShape = 1; } function mousePressed() { faceShape = -faceShape; faceWidth = random(75, 200); faceHeight = random(100, 200); eyeSize = random(10, 50); pupilSize = random(1,4) mouth = random(1,4); } &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/11\/face-randomizer\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Face Randomizer&#8221;<\/span><\/a><\/p>\n","protected":false},"author":679,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[97,55],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65483"}],"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\/679"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=65483"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65483\/revisions"}],"predecessor-version":[{"id":65494,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65483\/revisions\/65494"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=65483"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=65483"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=65483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}