{"id":70693,"date":"2022-09-09T10:58:22","date_gmt":"2022-09-09T14:58:22","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=70693"},"modified":"2022-09-09T11:00:25","modified_gmt":"2022-09-09T15:00:25","slug":"project-1-my-self-portrait-21","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/09\/project-1-my-self-portrait-21\/","title":{"rendered":"Project 1: My Self Portrait"},"content":{"rendered":"\n

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

<\/a><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">function setup() {\n createCanvas(400, 400);\n background(220);\n text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n ears ();\n drawFace();\n noFill();\n drawMouth();\n drawTeeth();\n drawLip();\n eyeBallOne();\n eyeBallTwo();\n}\n\nfunction drawMouth() {\n strokeWeight(4);\n fill(255,0,0,255);\n curve(105, 250, 105, 200, 295, 200, 295, 250);\n curve(105, -400, 105, 200, 295, 200, 295, -400);\n}\n\nfunction drawLip() {\n strokeWeight(4);\n stroke(0);\n noFill();\n curve(105, 250, 105, 200, 295, 200, 295, 250);\n curve(105, -400, 105, 200, 295, 200, 295, -400);\n}\n\nfunction drawTeeth() {\n strokeWeight(3);\n stroke(255);\n line(105, 200, 135, 248);\n line(295, 200, 265, 248);\n line(135, 248, 165, 195);\n line(265, 248, 235, 195);\n line (165, 195, 200, 275);\n line (235, 195, 200, 275);\n}\n\nfunction drawFace() {\n strokeWeight(5);\n let xValue = mouseX\/width*255;\n let yValue = mouseY\/width*255;\n let zValue = (xValue+yValue)\/4;\n fill(xValue,yValue,zValue+120);\n bezier(50, 225, 50, 400, 350, 400, 350, 225);\n bezier(50, 225, 50, -50, 350, -50, 350, 225);\n}\n\nfunction eyeBallOne() {\n strokeWeight(4);\n fill(255,255,255);\n ellipse (150,150,50);\n let angle = atan2(mouseY - 150, mouseX - 150); \/\/ calculate arctangent \/\/\n let x = 150 + 20*0.75*cos(angle);\n let y = 150 + 20*0.75*sin(angle);\n fill(255,0,255);\n circle (x,y,15);\n}\n\nfunction eyeBallTwo() {\n strokeWeight(4);\n fill(255,255,255);\n ellipse (250,150,50);\n let angle = atan2(mouseY - 150, mouseX - 250); \/\/ calculate arctangent \/\/\n let x = 250 + 20*0.75*cos(angle);\n let y = 150 + 20*0.75*sin(angle);\n fill(150,150,0);\n circle (x,y,15);\n}\n\nfunction ears() {\n strokeWeight(5);\n let xValue = mouseX\/width*255;\n let yValue = mouseY\/width*255;\n let zValue = (xValue+yValue)\/4;\n fill(xValue,yValue,zValue+120,100);\n ellipse (350,150,50.100);\n ellipse (50,150,50.100);\n}<\/code><\/pre><\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>function setup() { createCanvas(400, 400); background(220); text(“p5.js vers 0.9.0 test.”, 10, 15); } function draw() { ears (); drawFace(); noFill(); drawMouth(); drawTeeth(); drawLip(); eyeBallOne(); eyeBallTwo(); } function drawMouth() { strokeWeight(4); fill(255,0,0,255); curve(105, 250, 105, 200, 295, 200, 295, 250); curve(105, -400, 105, 200, 295, 200, 295, -400); } function drawLip() { strokeWeight(4); stroke(0); noFill(); curve(105, … <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/09\/project-1-my-self-portrait-21\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Project 1: My Self Portrait”<\/span><\/a><\/p>\n","protected":false},"author":768,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,55],"tags":[11,79],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70693"}],"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\/768"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=70693"}],"version-history":[{"count":7,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70693\/revisions"}],"predecessor-version":[{"id":70700,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70693\/revisions\/70700"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=70693"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=70693"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=70693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}