sketch<\/p>\n
sketch<\/a><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/Leo Deng Section A\n\nvar eyeWidth = 20;\nvar eyeHeight = 20;\nvar faceWidth = 140;\nvar faceHeight = 160;\nvar LeyebrowX = 115;\nvar LeyebrowY = 125;\nvar ReyebrowXx = 185;\nvar ReyebrowYy = 125;\nvar mouthX = (300 \/ 2);\nvar mouthY = (300\/2 + 40); \nvar mouthW = 30;\nvar mouthH = 10;\nvar mouthStart = 90;\nvar mouthEnd = 195;\nvar on = -1;\nvar R = 255;\nvar G = 215;\nvar B = 0;\n\nfunction setup() {\n createCanvas(300, 300);\n}\n \nfunction draw() {\n background(233,150,122);\n strokeWeight(3);\n stroke(175,238,238);\n if (on == -1) { \/\/color flip from yellow to orange\n fill(R, G, B);\n } else if (on == 1) {\n fill(R, G - 100, 0);\n }\n triangle(0, 0, 125, 145, 145, 100); \/\/pointy design elements\n triangle(150, 0, 100, 145, 200, 145);\n triangle(299, 0, 185, 145, 100, 145);\n triangle(299, 150, 165, 100, 165, 195);\n triangle(0, 150, 135, 100, 135, 195);\n triangle(0, 299, 125, 155, 145, 200);\n triangle(150, 299, 100, 155, 200, 155);\n triangle(299, 299, 185, 155, 100, 155);\n ellipse(width \/ 2, height \/ 2, faceWidth, faceHeight);\n var eyeLX = width \/ 2 - faceWidth * 0.25; \/\/local eye variables\n var eyeRX = width \/ 2 + faceWidth * 0.25;\n ellipse(eyeLX, height \/ 2, eyeWidth, eyeHeight);\n ellipse(eyeRX, height \/ 2, eyeWidth, eyeHeight);\n line(LeyebrowX, LeyebrowY, 135, 125); \/\/eyebrows\n line(165, 125, ReyebrowXx, ReyebrowYy);\n ellipse(eyeLX, height \/ 2, eyeWidth * (2 \/ 3), eyeHeight); \/\/eyes\n ellipse(eyeRX, height \/ 2, eyeWidth * (2 \/ 3), eyeHeight);\n arc(mouthX, mouthY, mouthW, mouthH, mouthStart, mouthEnd, PIE); \/\/mouth\n\n}\n \nfunction mousePressed() {\n on = on * -1;\n \/\/ when the user clicks, these variables are reassigned to make the face look angry\n faceWidth = (faceWidth + 50);\n eyeWidth = (eyeWidth + 10);\n LeyebrowX = (LeyebrowX - 10);\n LeyebrowY = (LeyebrowY - 10);\n ReyebrowXx = (ReyebrowXx + 10);\n ReyebrowYy = (ReyebrowYy - 10);\n mouthX = (mouthX - 10);\n mouthH = (mouthH + 10);\n\nif(faceWidth > 190) {\n \/\/ next 3 clicks changes from mischevious face to unsure face\n faceWidth = (faceWidth - 60);\n eyeWidth = (eyeWidth - 10);\n LeyebrowX = (LeyebrowX + 15);\n LeyebrowY = (LeyebrowY + 15);\n ReyebrowXx = (ReyebrowXx - 15);\n ReyebrowYy = (ReyebrowYy + 15);\n mouthX = (mouthX + 5); \n mouthW = (mouthW + 10);\n mouthH = (mouthH - 10);\n mouthStart = 0;\n mouthEnd = PI + QUARTER_PI;\n\n }\n\nif(faceWidth < 160) {\n \/\/return to original face\neyeWidth = 20;\neyeHeight = 20;\nfaceWidth = 140;\nfaceHeight = 160;\nLeyebrowX = 115;\nLeyebrowY = 125;\nReyebrowXx = 185;\nReyebrowYy = 125;\nmouthX = (300 \/ 2);\nmouthY = (300\/2 + 40);\nmouthW = 30;\nmouthH = 10;\nmouthStart = 90;\nmouthEnd = 195;\non = -1;\nR = 255;\nG = 215;\nB = 0;\n}\n}<\/code><\/pre><\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketch sketch \/\/Leo Deng Section A var eyeWidth = 20; var eyeHeight = 20; var faceWidth = 140; var faceHeight = 160; var LeyebrowX = 115; var LeyebrowY = 125; var ReyebrowXx = 185; var ReyebrowYy = 125; var mouthX = (300 \/ 2); var mouthY = (300\/2 + 40); var mouthW = 30; var … <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/10\/project-02-8\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Project – 02”<\/span><\/a><\/p>\n","protected":false},"author":714,"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\/f2022\/wp-json\/wp\/v2\/posts\/71471"}],"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\/714"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=71471"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/71471\/revisions"}],"predecessor-version":[{"id":71476,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/71471\/revisions\/71476"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=71471"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=71471"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=71471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}