sketch<\/p>\n
sketch<\/a><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">function setup() {\n createCanvas(600, 450);\n}\n\nfunction draw(){\n background(60,179,113);\n\n translate(width\/2, height\/2);\n for (var BE = 0; BE < 12; BE++) { \/\/12 big ellipses rotating themselves \n push();\n rotate(TWO_PI * BE \/ 12);\n var tx = 200 * mouseX\/600;\n rotate(radians(frameCount))\n translate(tx, 0);\n fill(46, 79, 79, 200)\n ellipse(0, 0, 20, 40);\n push()\n strokeWeight(7.5)\n line(0, 0, 100, 100) \/\/sticks jutting out of the big ellipses\n push()\n rotate(frameCount\/50)\n strokeWeight(5)\n translate(100, 100)\n line(-200, 100, 100, 50) \/\/thinner sticks almost perpindicular to the above ones\n pop() \/\/if I get rid of pop here, some really crazy things happen\n pop()\n for (var SE = 0; SE < 8; SE++) { \/\/8 small ellipses going in a circular line around each big ellipse\n push();\n rotate(TWO_PI * SE \/ 8);\n var rx = 60 * mouseY\/450;\n rotate(radians(frameCount))\n fill(200, 0, 0, 150)\n ellipse(rx, 0, 8, 16);\n for (var SS = 0; SS < 8; SS++) {\n push();\n rotate(TWO_PI * SS \/ 8);\n var sx = 60 * mouseY\/450;\n rotate(radians(frameCount))\n square(sx, 0, 8);\n pop(); }\n pop();\n } \n pop();\n }\n}<\/code><\/pre><\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>sketch sketch function setup() { createCanvas(600, 450); } function draw(){ background(60,179,113); translate(width\/2, height\/2); for (var BE = 0; BE < 12; BE++) { \/\/12 big ellipses rotating themselves push(); rotate(TWO_PI * BE \/ 12); var tx = 200 * mouseX\/600; rotate(radians(frameCount)) translate(tx, 0); fill(46, 79, 79, 200) ellipse(0, 0, 20, 40); push() strokeWeight(7.5) line(0, 0, … <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/09\/18\/project-03-5\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Project – 03”<\/span><\/a><\/p>\n","protected":false},"author":714,"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\/72345"}],"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\/714"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=72345"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/72345\/revisions"}],"predecessor-version":[{"id":72346,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/72345\/revisions\/72346"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=72345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=72345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=72345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}