{"id":70472,"date":"2022-09-07T12:29:31","date_gmt":"2022-09-07T16:29:31","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=70472"},"modified":"2022-09-07T12:32:33","modified_gmt":"2022-09-07T16:32:33","slug":"project-01-8","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/07\/project-01-8\/","title":{"rendered":"Project 01 &#8211; Click on 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><p>here is my portrait! <\/p>\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-94.js\" data-width=\"800\" data-height=\"600\">sketch<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"800\" height=\"600\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">function setup() {\n    createCanvas(800, 600);\n    background(220);\n    text(\"p5.js vers 0.9.0 test.\", 10, 15);\n}\n\nfunction draw() {\n    background(177,204,250); \/\/blue\n    strokeWeight(2);\n    stroke(124,90,21); \/\/hair color\n    fill(164,114,34); \/\/hair color\n    rect(195,200,410,400);\n    strokeWeight(3);\n    stroke(210,180,140); \/\/face outline color\n    fill(255,228,196); \/\/peach\n    rect(300,450,200,300); \/\/neck\n    ellipse(400,300,400,500); \/\/face\n    stroke(124,90,21); \/\/brow color\n    strokeWeight(15);\n    line(425,210,500,200) \/\/ eyebrow\n    line(375,210,300,200) \/\/ eyebrow\n    line(260,220,300,200) \/\/ eyebrow\n    stroke(205,133,63); \/\/nose color\n    strokeWeight(4);\n    line(410,270,412,380); \/\/nose\n    strokeWeight(4);\n    line(390,270,388,380); \/\/nose\n    ellipse (386,380,15); \/\/nostril\n    ellipse (414,380,15); \/\/nostril\n    ellipse (400,384,25); \/\/nose\n    strokeWeight(0);\n    fill(255,229,204);\n    ellipse(400,370,20,30); \/\/nose errase\n    strokeWeight(0);\n    fill(255,229,204);\n    ellipse(400,378,35,10); \/\/nose errase\n    fill(255,255,255);\n    stroke(0);\n    strokeWeight(2);\n    ellipse(330,260,70,40); \/\/eye\n    fill(255,255,255);\n    stroke(0);\n    ellipse(470,260,70,40); \/\/eye\n    fill(50,102,0); \/\/green\n    strokeWeight(0);\n    circle(330,260,35);\n    fill(50,102,0); \/\/green\n    strokeWeight(0);\n    circle(470,260,35);\n    strokeWeight(15);\n    stroke(0);\n    point(330,260); \/\/pupil\n    point(470,260); \/\/pupil\n    strokeWeight(0);\n    stroke(240,120,120); \/\/pink mouth\n    strokeWeight(10); \n    noFill()\n    arc(400,440,90,50, 0,\n    PI); \/\/mouth\n    fill(255,192,203); \/\/pink cheek\n    strokeWeight(0);\n    ellipse(300,350,120,80); \/\/cheek\n    fill(255,192,203); \/\/pink cheek\n    strokeWeight(0);\n    ellipse(500,350,120,80); \/\/cheek\n    strokeWeight(2);\n    stroke(124,90,21);\n    fill(164,124,14);\n    arc(430,280,400,500, 180, 0,\n    PI); \/\/hair right\n    arc(380,290,400,500, 16, 175,\n    PI); \/\/HAIR LEFT\n    strokeWeight(0);\n    if (mouseIsPressed) {\n        fill(255,228,196); \/\/eye patch \n        ellipse(470,260,73,43); \/\/eye patch\n        strokeWeight(2);\n        stroke(0);\n        ellipse(470,260,70,40); \/\/eye\n        strokeWeight(0);\n        fill(255,228,196); \/\/eye patch\n        rect(430,230,80,30); \/\/eye patch\n        strokeWeight(2);\n        line(475,280,478,290); \/\/eyelashes\n        line(490,278,493,287);\n        line(502,270,508,280);\n        line(505,262,517,269);\n        strokeWeight(0);\n        fill(255,228,196); \/\/mouthpatch\n        ellipse(400,440,100,80);\n        stroke(240,120,120); \/\/pink mouth\n        strokeWeight(10); \n        fill(255)\n        arc(400,440,100,80, 0,\n        PI); \n        line(350,440,450,440); \/\/mouth   \n\n    }\n\n    }<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>here is my portrait! sketch function setup() { createCanvas(800, 600); background(220); text(&#8220;p5.js vers 0.9.0 test.&#8221;, 10, 15); } function draw() { background(177,204,250); \/\/blue strokeWeight(2); stroke(124,90,21); \/\/hair color fill(164,114,34); \/\/hair color rect(195,200,410,400); strokeWeight(3); stroke(210,180,140); \/\/face outline color fill(255,228,196); \/\/peach rect(300,450,200,300); \/\/neck ellipse(400,300,400,500); \/\/face stroke(124,90,21); \/\/brow color strokeWeight(15); line(425,210,500,200) \/\/ eyebrow line(375,210,300,200) \/\/ eyebrow line(260,220,300,200) \/\/ eyebrow &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/07\/project-01-8\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 01 &#8211; Click on it!!&#8221;<\/span><\/a><\/p>\n","protected":false},"author":720,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,57],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70472"}],"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\/720"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=70472"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70472\/revisions"}],"predecessor-version":[{"id":70476,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70472\/revisions\/70476"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=70472"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=70472"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=70472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}