this is my second portrait.<\/p>\n
<\/p><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\nvar eyeSizeX = 14;\nvar eyeSizeY = 20; \nvar faceWidth = 100;\nvar faceHeight = 150;\nvar hairR = 80;\nvar hairG = 60;\nvar hairB = 50;\nvar mouth = 4;\nvar hairSizeX = 160;\nvar hairSizeY = 150;\n\n function setup() {\n createCanvas(640, 480);\n}\n \nfunction draw() {\n angleMode(DEGREES);\n \/\/hair \n background(180);\n strokeWeight(0);\n fill(hairR, hairG, hairB);\n ellipse(width\/2, height\/2-45, hairSizeX, hairSizeY);\n \n \/\/face size\n fill(240, 221, 210);\n ellipse(width\/2, height \/ 2, faceWidth, faceHeight);\n\n \/\/eyes\n strokeWeight(0);\n var eyeLX = width\/2 - faceWidth * 0.2;\n var eyeRX = width\/2 + faceWidth * 0.2;\n fill(0);\n ellipse(eyeLX, height\/2, eyeSizeX, eyeSizeY);\n ellipse(eyeRX, height\/2, eyeSizeX, eyeSizeY);\n fill(255, 255, 255, 170);\n ellipse(eyeLX-2, height\/2, eyeSizeX\/3, eyeSizeY\/3);\n ellipse(eyeRX-2, height\/2, eyeSizeX\/3, eyeSizeY\/3);\n \n \n \/\/eyebrow \n var BrowLX1 = width\/2 - faceWidth*0.15;\n var BrowLY1 = height\/2 - faceHeight*0.15;\n var BrowLX2 = width\/2 - faceWidth*0.35;\n var BrowLY2 = height\/2 - faceHeight*0.15;\n var BrowRX1 = width\/2 + faceWidth*0.15;\n var BrowRY1 = height\/2 - faceHeight*0.15;\n var BrowRX2 = width\/2 + faceWidth*0.35;\n var BrowRY2 = height\/2 - faceHeight*0.15;\n stroke(0);\n strokeWeight(3);\n\n line(BrowLX1, BrowLY1, BrowLX2, BrowLY2);\n line(BrowRX1, BrowRY2, BrowRX2, BrowRY2);\n \n \/\/mouth\n var mouthLX = width\/2 - faceWidth*0.2;\n var mouthLY = height\/2 + faceHeight*0.2;\n var mouthRX = width\/2 + faceWidth*0.2;\n var mouthRY = height\/2 + faceHeight*0.2;\n\n if (mouth <= 1) {\n \/\/happy\n strokeWeight(3);\n stroke(0);\n fill(50);\n beginShape();\n curveVertex(mouthLX, mouthLY);\n curveVertex(mouthLX, mouthLY);\n curveVertex((mouthLX+mouthRX)\/2-faceWidth*0.08, mouthLY+faceHeight*0.07);\n curveVertex((mouthLX+mouthRX)\/2+faceWidth*0.08, mouthLY+faceHeight*0.07);\n curveVertex(mouthRX, mouthRY);\n curveVertex((mouthLX+mouthRX)\/2+faceWidth*0.08, mouthLY+faceHeight*0.15);\n curveVertex((mouthLX+mouthRX)\/2-faceWidth*0.08, mouthLY+faceHeight*0.15);\n curveVertex(mouthLX, mouthLY);\n curveVertex(mouthLX, mouthLY);\n endShape();\n } else if (mouth > 1 & mouth <=2) {\n \/\/sad\n strokeWeight(3);\n stroke(0);\n fill(50);\n beginShape();\n curveVertex(mouthLX, mouthLY+14);\n curveVertex(mouthLX, mouthLY+14);\n curveVertex((mouthLX+mouthRX)\/2-faceWidth*0.08, mouthLY-faceHeight*0.07+14);\n curveVertex((mouthLX+mouthRX)\/2+faceWidth*0.08, mouthLY-faceHeight*0.07+14);\n curveVertex(mouthRX, mouthRY+14);\n curveVertex((mouthLX+mouthRX)\/2+faceWidth*0.08, mouthLY-faceHeight*0.15+14);\n curveVertex((mouthLX+mouthRX)\/2-faceWidth*0.08, mouthLY-faceHeight*0.15+14);\n curveVertex(mouthLX, mouthLY+14);\n curveVertex(mouthLX, mouthLY+14);\n endShape();\n } else if (mouth > 2 & mouth <=3) {\n \/\/shock\n fill(20);\n strokeWeight(3);\n ellipse((mouthLX+mouthRX)\/2, mouthLY+10, 10, 20);\n } else if (mouth > 3 & mouth <= 4){\n strokeWeight(4);\n line(mouthLX, mouthLY+10, mouthRX, mouthRY+10);\n }\n}\n\n\nfunction mousePressed() {\n faceWidth = random(75, 120);\n faceHeight = random(90, 140);\n eyeSizeX = random(15, 20);\n eyeSizeY = random(15,25);\n hairR = random(80, 255);\n hairB = random(100, 200);\n hairSizeX = random(130, 190);\n hairSizeY = random(130, 160);\n mouth = random(0, 4);\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>this is my second portrait. sketch var eyeSizeX = 14; var eyeSizeY = 20; var faceWidth = 100; var faceHeight = 150; var hairR = 80; var hairG = 60; var hairB = 50; var mouth = 4; var hairSizeX = 160; var hairSizeY = 150; function setup() { createCanvas(640, 480); } function draw() { … <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/10\/71296\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Project 2”<\/span><\/a><\/p>\n","protected":false},"author":777,"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\/71296"}],"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\/777"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=71296"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/71296\/revisions"}],"predecessor-version":[{"id":71300,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/71296\/revisions\/71300"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=71296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=71296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=71296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}