Click through for color and other variable changes<\/p>\n\n\n\n
<\/p><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">var rightearX = 360;\nvar rightearY = 240;\nvar leftearX = 120\nvar leftearY = 240\nvar pupilH = 29\nvar eyebrow = 211\nvar nose = 120\nvar tongue = 43\nvar r = 80\nvar g= 35\nvar b= 80\nvar red = 255\nvar green = 255\nvar blue = 255\nvar beardR = 213\nvar beardG = 227\nvar beardB = 244\n \nfunction setup() {\n createCanvas(500, 500);\n}\n \nfunction draw() {\n background(\"white\");\n noStroke();\n\/\/facebase\n fill(red,green,blue);\n rect(144,150,214,198,50);\n\/\/facehood-dark color\n fill(r,g,b);\n rect(144,150,214,162,50);\n\/\/faceeyes\n fill(red,green,blue);\n rect(176,192,66,111,33);\n rect(259,192,66,111,33);\n\/\/nose\n fill(red,green,blue);\n ellipse(249,337,nose,113);\n\/\/tongue\n fill(\"red\");\n rect(229,311,41,tongue,20);\n\/\/beard\n fill(beardR,beardG,beardB);\n quad(195,341,216,363,263,316,242,294);\n quad(239,316,260,294,307,341,286,363);\n\/\/white eyes\n fill(\"white\");\n ellipse(209,247,37,41);\n ellipse(293,247,37,41);\n\/\/darkest color\n fill(r,g,b);\n \/\/ears\n triangle(299,139,383,156,rightearX,rightearY);\n triangle(200,139,116,151,leftearX,leftearY);\n \/\/pupil\n ellipse(208,252,24,pupilH);\n ellipse(293,252,24,pupilH);\n \/\/eyebrows\n rect(189,eyebrow,40,9,5);\n rect(274,eyebrow,40,9,5);\n \/\/snout\n ellipse(250,304,60,34);\n}\n \nfunction mousePressed() {\n rightearX = random(350, 390);\n rightearY = random(240, 340);\n leftearX = random(110,150);\n leftearY = random(240,340);\n pupilH = random(20,38);\n eyebrow = random(200,224);\n nose = random(120,150);\n tongue = random(43,80);\n r = random (0,100);\n g = random(0,100);\n b = random (0,100);\n red = random (100,255);\n green = random (100,255);\n blue = random (100,255);\n beardR = random (200,255);\n beardG = random (200,255);\n beardB = random (200,255);\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>Click through for color and other variable changes<\/p>\n","protected":false},"author":712,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[97,58,1],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70954"}],"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\/712"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=70954"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70954\/revisions"}],"predecessor-version":[{"id":72283,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70954\/revisions\/72283"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=70954"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=70954"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=70954"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}