{"id":71101,"date":"2022-09-10T17:57:21","date_gmt":"2022-09-10T21:57:21","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=71101"},"modified":"2022-09-10T17:57:39","modified_gmt":"2022-09-10T21:57:39","slug":"project-02-variable-face-7","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/10\/project-02-variable-face-7\/","title":{"rendered":"Project 02: Variable Face"},"content":{"rendered":"\n

This one was a struggle, not gonna lie, so I chose to make this one simpler: cross-eyed monochrome faces.<\/p>\n\n\n\n

\"\"<\/figure>
\"\"<\/figure>
\"\"<\/figure>

<\/p>\n\n\n\n

\/\/ Kailani Small
\/\/ Section A<\/p>\n\n\n\n

\/\/ cross-eyed monochrome faces
var eyeSize;
var pupilSize;
var faceWidth;
var faceHeight;
var r;
var g;
var b;<\/p>\n\n\n\n

function setup() {
createCanvas(640, 480);
background(225);
}<\/p>\n\n\n\n

function draw() {
background(225);
\/\/ face shape
ellipse(width \/ 2, height \/ 2, faceWidth, faceHeight);<\/p>\n\n\n\n

\/\/ eyes\nvar lefteye = width \/ 2 - faceWidth * 0.25;\nvar righteye = width \/ 2 + faceWidth * 0.25;\nellipse(lefteye, height \/ 2, eyeSize, eyeSize);\nellipse(righteye, height \/ 2, eyeSize, eyeSize);\nvar leftpupil = width \/ 2 - faceWidth * 0.2;\nvar rightpupil = width \/ 2 + faceWidth * 0.2;\nellipse(leftpupil, height \/ 2, pupilSize, pupilSize);\nellipse(rightpupil, height \/ 2, pupilSize, pupilSize);\n\n\/\/ mouth\nellipse(width \/ 2, height * .6, faceWidth * 0.25, faceHeight * 0.25);<\/code><\/pre>\n\n\n\n
}<\/p>\n\n\n\n
function mousePressed() {
\/\/ when the user clicks, these variables are reassigned
\/\/ to random values within specified ranges
faceWidth = random(75, 150);
faceHeight = random(100, 200);
eyeSize = random(10, 30);
faceColor = fill(random(140, 255));
pupilSize = random(5, 8);
}<\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"
This one was a struggle, not gonna lie, so I chose to make this one simpler: cross-eyed monochrome faces. \/\/ Kailani Small\/\/ Section A \/\/ cross-eyed monochrome facesvar eyeSize;var pupilSize;var faceWidth;var faceHeight;var r;var g;var b; function setup() {createCanvas(640, 480);background(225);} function draw() {background(225);\/\/ face shapeellipse(width \/ 2, height \/ 2, faceWidth, faceHeight); } function mousePressed() {\/\/ … Continue reading “Project 02: Variable Face”<\/span><\/a><\/p>\n","protected":false},"author":759,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[97,55,1],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/71101"}],"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\/759"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=71101"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/71101\/revisions"}],"predecessor-version":[{"id":71137,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/71101\/revisions\/71137"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=71101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=71101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=71101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}