{"id":65701,"date":"2021-09-11T23:31:52","date_gmt":"2021-09-12T03:31:52","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=65701"},"modified":"2021-09-11T23:36:09","modified_gmt":"2021-09-12T03:36:09","slug":"project-02-variable-faces-3","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/11\/project-02-variable-faces-3\/","title":{"rendered":"Project 02: Variable Faces"},"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=\"400\" data-height=\"400\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/sketch-109.js\">sketch<\/a><a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/09\/sketch-109.js\" class=\"wp-block-file__button\" download=\"\">Download<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"400\" height=\"400\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">var pot = 3;\nvar plant = 1;\nvar eyebrows = 3;\nvar eyes = 3;\nvar mouth = 3;\n\nfunction setup() {\n    createCanvas(400, 400);\n}\n \nfunction draw() {\n    background(251, 166, 156);\n    noStroke();\n    fill(255,202,196);\n    rect(0,300,400,100);\n    if(plant&lt;=1) { \/\/spiky\n        noStroke();\n        fill(43, 92, 48);\n        triangle(140,200,110,120,190,200); \/\/1\n        fill(50, 136, 58);\n        triangle(155,200,120,70,200,200); \/\/2\n        fill(65, 167, 75 );\n        triangle(200,200,290,70,260,200); \/\/5\n        fill(77, 144, 84 );\n        triangle(190,200,220,35,250,200); \/\/4\n        fill(57, 116, 62);\n        triangle(175,200,160,30,220,200); \/\/3\n    }\n    else if(plant&lt;=2) { \/\/flower\n        noFill();\n        stroke(143, 167, 65);\n        strokeWeight(6)\n        bezier(155,110,185,130,210,200,188,200); \/\/leftstem\n        stroke(143, 167, 65);\n        strokeWeight(6)\n        bezier(250,53,180,130,200,200,200,200); \/\/rightstem\n        noStroke();\n        fill(178, 123, 210); \/\/lightpurple\n        ellipse(140,95,20);\n        fill(178,123,210);\n        ellipse(155,100,20);\n        fill(178,123,210);\n        ellipse(150,115,20);\n        fill(178,123,210);\n        ellipse(135,110,20); \/\/end of flower left\n        fill(178, 123, 210);\n        ellipse(245,45,20);\n        fill(178,123,210);\n        ellipse(260,50,20);\n        fill(178,123,210);\n        ellipse(255,65,20);\n        fill(178,123,210);\n        ellipse(240,60,20); \/\/endof flower right\n        noStroke();\n        fill(223, 186, 244);\n        ellipse(249,55,10) \/\/topflowermiddle\n        fill(223, 186, 244);\n        ellipse(145,105,10); \/\/bottomflowermiddle\n        noStroke();\n        fill(143,167,65);\n        arc(197,150, 80, 80, 0, PI\/2, OPEN); \/\/rightleafright\n        fill(143,167,65);\n        arc(237,190, 80, 80, PI,-PI\/2, OPEN); \/\/rightleafleft\n        noStroke();\n        fill(143,167,65);\n        arc(154,190, 80, 80, -PI\/2, 0,OPEN); \/\/leftleafright\n        fill(143,167,65);\n        arc(194,150, 80, 80, PI\/2, PI, OPEN); \/\/leftleafleft\n    }\n    else if(plant&lt;=3) { \/\/cactus\n        noStroke();\n        fill(34, 72, 13);\n        ellipse(200,85,90);\n        noStroke();\n        fill(34, 72, 13);\n        rect(155,85,90,110);\n        noFill();\n        strokeWeight(30);\n        stroke(34,72,14);\n        bezier(130,80,130,100,120,120,160,120); \/\/rightarm\n        noFill();\n        strokeWeight(30);\n        stroke(34,72,14);\n        bezier(275,100,275,120,280,150,240,145); \/\/leftarm\n    }\n\n\n    if(pot&lt;=1) {\n        noStroke();\n        fill(209,164,96);\n        quad(100,200,300,200,250,360,150,360); \/\/pot1\n        fill(194, 140, 55);\n        rect(90,190,220,35); \/\/pottop1\n        fill(160, 118, 53 );\n        triangle(144,340,148,352,155,321); \/\/crack\n        triangle(153,329,155,321,142,310);\n        triangle(141,310,144,313,143,292);\n    }\n    else if(pot&lt;=2) {\n        noStroke();\n        fill(178, 123, 210);\n        ellipse(200,280,180);\n        fill(152, 104, 180);\n        rect(105,190,190,35); \/\/pottop1\n        fill(132, 83, 161);\n        triangle(220,368,233,364,240,330);\n        triangle(240,330,237,340,270,317);\n        triangle(270,317,263,320,275,300);\n    }\n    else if(pot&lt;=3) {\n        noStroke();\n        fill(104, 180, 153);\n        ellipse(200,270,180,180);\n        fill(104, 180, 153);\n        quad(110,180,290,180,230,350,170,350);\n        fill(73, 146, 120);\n        triangle(260,180,270,180,245,215);\n        triangle(245,215,250,204,269,238);\n        triangle(269,238,265,232,260,267);\n    }\n\n    if(eyes&lt;=1) { \/\/opencircleeyes\n        fill(65, 49, 21);\n        ellipse(175,280,5,8);\n        ellipse(225,280,5,8); \/\/righteye\n    }\n    else if(eyes&lt;=2) { \/\/closed\n        noFill();\n        strokeWeight(3);\n        stroke(65, 49, 21);\n        bezier(220,280,220,290,235,290,235,280);\n        stroke(65, 49, 21);\n        bezier(180,280,180,290,165,290,165,280);\n    }\n    else if(eyes&lt;=3) { \/\/squint\n        noFill();\n        strokeWeight(3);\n        stroke(65, 49, 21);\n        line(180,280,168,275)\n        line(180,280,168,285)\n        line(220,280,232,275)\n        line(220,280,232,285);\n    }\n\n    if(mouth&lt;=1) { \/\/openmouth\n        noStroke();\n        fill(108, 32, 55);\n        ellipse(200,312,18,20);\n    }\n    else if (mouth&lt;=2) { \/\/smile\n        noFill();\n        strokeWeight(3);\n        stroke(65, 49, 21);\n        bezier(190,310,190,325,210,325,210,310);\n    }\n    else if (mouth&lt;=3) { \/\/sidemouth\n        noFill();\n        strokeWeight(3);\n        stroke(65, 49, 21);\n        bezier(200,320,210,325,218,320,225,310);\n    }\n\n    if(eyebrows&lt;=1) {\n        noFill();\n        strokeWeight(3);\n        stroke(65, 49, 21);\n        bezier(225,253,230,265,238,265,240,265);\n        bezier(175,253,170,265,162,265,160,265);\n    }\n    else if(eyebrows&lt;=2) {\n        noFill();\n        strokeWeight(3);\n        stroke(65, 49, 21);\n        bezier(225,253,230,250,238,260,240,265);\n        bezier(175,253,170,250,162,260,160,265);\n    }\n    else if(eyebrows&lt;=3) {\n        noFill();\n        strokeWeight(3);\n        stroke(65, 49, 21);\n        line(220,260,230,255);\n        line(180,260,170,255);\n    }\n    strokeWeight(3); \/\/cheeks\n    stroke(255, 158, 147);\n    line(238,295,245,290);\n    line(246,295,253,290);\n    line(162,295,155,290);\n    line(154,295,147,290);\n\nfill(255);\n    noStroke();\n    textSize(12);\n    textAlign(CENTER);\n    text(\"2 CORINTHIANS 4:7\",333,390);\n}\n\n \nfunction mousePressed() {\n    pot = random(0, 3);\n    plant = random(0, 3);\n    eyebrows = random(0,3);\n    eyes = random(0,3);\n    mouth = random(0,3);\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketchDownload var pot = 3; var plant = 1; var eyebrows = 3; var eyes = 3; var mouth = 3; function setup() { createCanvas(400, 400); } function draw() { background(251, 166, 156); noStroke(); fill(255,202,196); rect(0,300,400,100); if(plant&lt;=1) { \/\/spiky noStroke(); fill(43, 92, 48); triangle(140,200,110,120,190,200); \/\/1 fill(50, 136, 58); triangle(155,200,120,70,200,200); \/\/2 fill(65, 167, 75 ); triangle(200,200,290,70,260,200); &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/11\/project-02-variable-faces-3\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 02: Variable Faces&#8221;<\/span><\/a><\/p>\n","protected":false},"author":646,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[97,57],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65701"}],"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\/646"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=65701"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65701\/revisions"}],"predecessor-version":[{"id":65712,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/65701\/revisions\/65712"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=65701"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=65701"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=65701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}