{"id":71329,"date":"2022-09-10T22:48:42","date_gmt":"2022-09-11T02:48:42","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=71329"},"modified":"2022-09-10T22:48:42","modified_gmt":"2022-09-11T02:48:42","slug":"project-02-click-it","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/10\/project-02-click-it\/","title":{"rendered":"project 02 &#8211; click it!"},"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><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-201.js\" data-width=\"200\" data-height=\"200\">sketch<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"200\" height=\"200\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/Jaden Luscher\n\/\/jluscher@andrew.cmu.edu\n\/\/Section A\n\nvar eyeSize = 40;\nvar r;\nvar g;\nvar b;\n\nfunction setup() {\n    createCanvas(200,200);\n    background(205);\n    text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n  background(157, 102, 31); \/\/brown \"hair\" is the background\n  noStroke();\n\n  \/\/generates random color values for flashing background)\n  r = random(200);\n  g = random(100,200);\n  b = random(100);\n\n  if (mouseIsPressed){  \/\/surprised face\n    background(r,g,b);  \/\/flashing background\n\n    fill(255, 120, 100);  \/\/blushing skin color\n    ellipse(random(118,122),random(98,102),120,150); \/\/jittering face\n\n    fill(255);\n    ellipse(100,90, eyeSize, eyeSize);  \/\/wide eyes\n    fill(120, 50, 50);\n    ellipse(random(99,101),random(89,91),eyeSize\/4);  \/\/small iris\n\n    fill(255);\n    rect(random(120,122),140,6,8);\n    rect(random(128,130),140,6,8);\n    rect(random(136,138),140,6,8);\n    rect(random(144,146),140,6,8);\n    rect(random(152,154),140,6,8);  \/\/jittering teeth\n\n    noFill();\n    stroke(115, 74, 21);\n    strokeWeight(2);\n    arc(100,90,eyeSize*1.5,eyeSize*2,4,5,OPEN);   \/\/raised eyebrow\n    stroke(0);\n    line(120,140,160,140); \/\/flat mouth\n\n\n  } else {  \/\/resting face\n    fill(40, 110, 154);\n    quad(120,0,186.666,200,200,200,200,0); \/\/blue: 2nd background color\n\n    fill(236, 196, 163);\n    ellipse(120,100,120,150); \/\/still face\n\n    fill(255);\n    ellipse(100,90, eyeSize, eyeSize\/2);  \/\/resting eyes\n    fill(120, 50, 50);\n    ellipse(constrain(mouseX,95,105),constrain(mouseY,85,95),eyeSize\/2.5);\n    \/\/iris follows mouse\n\n    fill(213, 152, 133);\n    triangle(160,150,145,145,120,150);  \/\/top lip\n    triangle(160,151,145,156,120,151);  \/\/bottom lip\n\n    noFill();\n    strokeWeight(5);\n    stroke(115, 74, 21);\n    ellipse(100, constrain(mouseY,90,100),eyeSize*1.75);  \/\/large glasses lens\n    ellipse(175, constrain(mouseY,75,85),eyeSize);  \/\/small glasses lens\n    strokeWeight(2);\n    arc(100,90,60,40,3.7,5.8,OPEN);   \/\/eyebrow\n  }\n  \/\/the earring and nose do not change\n  noStroke();\n  fill(213, 152, 133);\n  ellipse(55,177,10);\n  ellipse(55,190,10);\n  fill(40, 110, 154);\n  triangle(50,170,55,120,60,170);   \/\/earring\n\n  strokeWeight(2);\n  stroke(0);\n  noFill();\n  line(120,0,160,120);\n  line(160,120,145,125);  \/\/lines for nose\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketch \/\/Jaden Luscher \/\/jluscher@andrew.cmu.edu \/\/Section A var eyeSize = 40; var r; var g; var b; function setup() { createCanvas(200,200); background(205); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } function draw() { background(157, 102, 31); \/\/brown &#8220;hair&#8221; is the background noStroke(); \/\/generates random color values for flashing background) r = random(200); g = random(100,200); b = &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/10\/project-02-click-it\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;project 02 &#8211; click it!&#8221;<\/span><\/a><\/p>\n","protected":false},"author":741,"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\/71329"}],"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\/741"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=71329"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/71329\/revisions"}],"predecessor-version":[{"id":71367,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/71329\/revisions\/71367"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=71329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=71329"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=71329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}