{"id":70516,"date":"2022-09-07T17:22:38","date_gmt":"2022-09-07T21:22:38","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=70516"},"modified":"2022-09-07T17:22:38","modified_gmt":"2022-09-07T21:22:38","slug":"anabelles-project-01","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/07\/anabelles-project-01\/","title":{"rendered":"anabelle&#8217;s project 01"},"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>this is my project<\/p>\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/09\/sketch-103.js\" data-width=\"600\" 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=\"600\" height=\"600\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/ anabelle lee &lt; 3\n\/\/ section c\n\nfunction setup() {\n    createCanvas(600, 600);\n}\n\nfunction draw() {\n    \/\/pink heart side\n    background(255);\n\n    if ((mouseX &lt; 400 & mouseY > 300) ||\n        (mouseX < 400 && mouseY < 300) ||\n        (mouseX > 400 && mouseY < 300)) {\n        \n        \/\/ pink background\n        fill(235, 192, 194);\n        square(50, 50, 500);\n        \n        \/\/ back hair\n        stroke(254, 206, 138, 100);\n        strokeWeight(5);\n        fill(121, 97, 75); \n        rect(100, 250, 400, 220); \n\n        \/\/ face\n        noStroke();\n        fill(255, 238, 222);\n        circle(300, 300, 300);\n\n        \/\/ neck\n        rect(260, 400, 80, 150);\n\n        \/\/ ears\n        circle(160, 300, 70);\n        circle(440, 300, 70);\n\n        \/\/ side bangs\n        stroke(254, 206, 138, 100);\n        strokeWeight(5);\n        fill(121, 97, 75);\n        triangle(160, 250, 140, 400, 180, 400)\n        triangle(440, 250, 420, 400, 460, 400)\n\n        \/\/ top hair\n        stroke(254, 206, 138, 100);\n        fill(121, 97, 75);\n        arc(300, 390, 450, 600, (7*PI\/6), (11*PI\/6), CHORD);\n\n        \/\/ forehead\n        noStroke()\n        fill(255, 238, 222);\n        triangle(300, 164, 245, 280, 360, 280);\n\n        \/\/ front bangs\n        stroke(254, 206, 138, 100);\n        fill(121, 97, 75);\n        arc(100, 150, 400, 400, 0, HALF_PI, CHORD);\n        arc(527, 25, 500, 650, (PI + 3*PI \/ 2), (5*PI \/ 6), CHORD);\n\n        \/\/ eyes\n        stroke(92, 64, 51); \n        strokeWeight(5);\n        noFill()\n        arc(370, 320, 80, 45, radians(200), 0)\n        arc(230, 320, 80, 45, radians(185), radians(340))\n\n        \/\/ mouth\n        happyMouth(300, 370, 120, 90);\n\n        \/\/ cheeks\n        fill(171, 95, 97);\n        circle(200, 350, 25);\n        circle(220, 350, 25);\n        triangle(187, 354, 233, 354, 210, 380);\n\n        circle(385, 350, 25);\n        circle(405, 350, 25);\n        triangle(372, 354, 418, 354, 395, 380);\n\n        \/\/ shoulders\n        fill(231, 208, 208);\n        ellipse(300, 650, 420, 300);\n\n        \/\/ heart follows mouse\n        noStroke()\n        fill(231, 84, 128);\n        circle(mouseX - 12, mouseY, 30);\n        circle(mouseX + 12, mouseY, 30);\n        triangle(mouseX - 28, mouseY - 2, mouseX + 28, mouseY - 2, mouseX, mouseY + 45);\n\n    \/\/ gray scale side\n    } else {\n        background(0);\n        fill(150);\n        square(400, 400, 50);\n\n        \/\/shoulders\n        fill(20);\n        rect(408, 440, 36, 10);\n\n        \/\/back hair\n        fill(100); \n        stroke(80);\n        rect(410, 420, 30, 20);\n\n        \/\/ face\n        fill(200);\n        noStroke();\n        circle(425, 425, 20); \n\n        \/\/neck\n        fill(200);  \n        rect(423, 420, 5, 20);\n\n        \/\/ears\n        circle(415, 425, 5);\n        circle(435, 425, 5);\n\n        \/\/side hair\n        fill(100);\n        stroke(80);\n        strokeWeight(1);\n        triangle(415, 420, 412, 435, 418, 435);\n        triangle(435, 420, 432, 435, 438, 435);\n\n        \/\/top hair\n        arc(425, 433, 40, 50, (7*PI\/6), (11*PI\/6), CHORD);\n\n        \/\/ front bangs\n        arc(410, 410, 25, 35, 0, HALF_PI, CHORD);\n        arc(440, 405, 30, 40, (PI + 3*PI \/ 2), (5*PI \/ 6), CHORD);\n\n        \/\/ spotlight\n        noStroke()\n        fill(255, 150);\n        circle(mouseX, mouseY, 200); \n\n    }\n}\n\nfunction happyMouth(x, y, w, h, color) {\n    var r = (w \/ 8);\n\n    \/\/rectangle\n    fill(255, 183, 210, 150);\n    noStroke();\n    rect(x-w\/2+r, y-r, w-2*r, r);\n\n    \/\/ bottom arc\n    arc(x, y, w, h, 0, radians(180));\n\n    \/\/ right quarter circle\n    arc((x-(w\/2)+r), y, 2*r, 2*r, radians(180), radians(270));\n\n    \/\/ left quarter circle\n    arc(x+(w\/2)-r, y, 2*r, 2*r, radians(270), 0);\n    line(x-(w\/2)+r, y-r, x+(w\/2)-r, y-r); \n\n}<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>this is my project sketch \/\/ anabelle lee &lt; 3 \/\/ section c function setup() { createCanvas(600, 600); } function draw() { \/\/pink heart side background(255); if ((mouseX &lt; 400 &#038; mouseY > 300) || (mouseX < 400 &#038;&#038; mouseY < 300) || (mouseX > 400 &#038;&#038; mouseY < 300)) { \/\/ pink background fill(235, &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/07\/anabelles-project-01\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;anabelle&#8217;s project 01&#8221;<\/span><\/a><\/p>\n","protected":false},"author":734,"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\/70516"}],"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\/734"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=70516"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70516\/revisions"}],"predecessor-version":[{"id":70521,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/70516\/revisions\/70521"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=70516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=70516"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=70516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}