{"id":72532,"date":"2022-09-19T23:00:20","date_gmt":"2022-09-20T03:00:20","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=72532"},"modified":"2022-09-19T23:00:20","modified_gmt":"2022-09-20T03:00:20","slug":"project-3-2","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/19\/project-3-2\/","title":{"rendered":"Project 3"},"content":{"rendered":"\n

this is my project: <\/p>\nsketch<\/a><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">var d = 40;\nvar d2 = 30;\nvar rotateV = 1;\nvar rotateR = 2;\nvar rotateR2 = -1;\nvar rotateB = 0;\nvar rotateL = 1; \nvar r = 100;\nvar g = 100;\nvar b = 100;\n \n \nfunction setup() {\n createCanvas(600, 450);\n text(\"Xinran Yu, Seciton A\");\n}\n \nfunction draw() {\n background(0);\n fill(255, 255, 0)\n\n \/\/background rotating green circles \n fill(188, 225, 40, 220);\n push();\n translate(500, 350);\n rotate(radians(rotateB)); \/\/1\n ellipse(60, 60, d2+20, d2+20);\n rotateB += 0.6;\n rotate(radians(rotateB)); \/\/2\n ellipse(60, 60, d2+15, d2+15);\n rotateB += 0.5;\n rotate(radians(rotateB)); \/\/3\n ellipse(60, 60, d2+10, d2+10);\n rotateB += 0.3;\n rotate(radians(rotateB)); \/\/4\n ellipse(60, 60, d2+5, d2+5);\n rotateB += 0.2;\n rotate(radians(rotateB)); \/\/5\n ellipse(60, 60, d2, d2);\n rotateB += 0.1; \n pop()\n\n \/\/background lines\n push();\n translate(100, 100);\n stroke(43, 255, 248, 50);\n strokeWeight(1);\n for (var rotateL = 30; rotateL<360; rotateL++) {\n rotate(radians(rotateL));\n line(0, 0, 90, 90); \n }\n pop();\n\n\n \/\/rotating squares\n fill(221, 4, 137, 200);\n noStroke();\n push();\n translate(mouseX, mouseY);\n rotate(radians(rotateR));\n rotateR = rotateR - 3;\n rect(-10, 0, 100, 100);\n\n rotate(radians(rotateR2));\n rotateR2 = rotateR2 + 2;\n rect(0, 10, 60, 60);\n pop();\n\n \/\/ rotating circles,changing color due to mouseX & mouseY\n fill(126, 198, 231);\n ellipse(mouseX, mouseY, 50, 50); \/\/ center circle\n push();\n translate(mouseX, mouseY);\n\n if (mouseX <= width\/2 & mouseY <= height\/2) {\n r = 218; \/\/yellow\n g = 177;\n b = 79;\n } else if (mouseX < width\/2 & mouseY > height\/2) {\n r = 205; \/\/orange\n g = 110;\n b = 74;\n } else if (mouseX > width\/2 & mouseY < height\/2) {\n r = 224; \/\/pink\n g = 128;\n b = 231;\n } else if (mouseX > width\/2 & mouseY > height\/2) {\n r = 135; \/\/red\n g = 30;\n b = 12;\n }\n fill(r, g, b);\n rotate(radians(rotateV));\n rotateV = rotateV + 2;\n\n \/\/change circle's raduis\n \/\/distance to canvas center increases, rotating radius & d increases\n var x1 = dist(mouseX, mouseY, width\/2, height\/2);\n d = dist(mouseX, mouseY, width\/2, height\/2)\/3;\n d = constrain(d, 10, 100);\n ellipse(x1, x1, d, d);\n ellipse(-x1, -x1, d, d);\n ellipse(-x1, x1, d, d);\n ellipse(x1, -x1, d, d);\n ellipse(0, x1*1.5, d, d);\n ellipse(0, -x1*1.5, d, d); \n ellipse(x1*1.5, 0, d, d);\n ellipse(-x1*1.5, 0, d, d);\n pop(); \n\n}\n\n\n\n\n<\/code><\/pre><\/diva><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>this is my project: sketch var d = 40; var d2 = 30; var rotateV = 1; var rotateR = 2; var rotateR2 = -1; var rotateB = 0; var rotateL = 1; var r = 100; var g = 100; var b = 100; function setup() { createCanvas(600, 450); text(“Xinran Yu, Seciton A”); } … <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/19\/project-3-2\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Project 3”<\/span><\/a><\/p>\n","protected":false},"author":777,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[100,55],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/72532"}],"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\/777"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=72532"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/72532\/revisions"}],"predecessor-version":[{"id":72534,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/72532\/revisions\/72534"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=72532"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=72532"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=72532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}