{"id":67375,"date":"2021-10-10T19:51:02","date_gmt":"2021-10-10T23:51:02","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=67375"},"modified":"2022-01-04T00:59:27","modified_gmt":"2022-01-04T05:59:27","slug":"abstract-clock-2","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/10\/10\/abstract-clock-2\/","title":{"rendered":"Abstract Clock"},"content":{"rendered":"\n

sketch<\/a><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">angle = 20;\n\nvar x= 0;\nvar y = 300;\n\nfunction setup() {\n createCanvas(480, 480);\n} \n\nfunction draw() {\n\n s = second();\n m = minute();\n h = hour();\n\n dx1 = 600\/s; \/\/ used for line seconds\n dy1 = 600\/s;\n dx2 = 200\/s; \n dy2 = -200\/s;\n x1 = 100; \/\/ used for line seconds\n y1 = 40;\n x2 = 300; \n y2 = 400; \n\n angles = 30\n\n push();\n background(244, 241, 222);\n for (var i = 0; i < s; i += 1) { \/\/second lines\n strokeWeight(2)\n stroke(129, 179, 154)\n line(i, y1, x2, y2);\n x1 += dx1;\n y1 += dy1;\n x2 += dx2;\n y2 += dy2;\n }\n pop();\n\n for (var i = 0; i< m; i+=1) { \/\/minute circles\n noFill();\n stroke(223, 122, 94)\n strokeWeight(2);\n ellipse(300, 100, i*7, i*7) \/\/increase circle size\n }\n\n for (var i = 0; i< h; i+=1) { \/\/hour circles\n push();\n translate(240, 240)\n noFill();\n stroke( 60, 64, 91)\n strokeWeight(3);\n rotate(radians(50));\n ellipse(i*25-300, 40, 15, 15) \/\/change circle position\n pop();\n }\n\n timer(x, y); \/\/bottom right timer\n\n\n if (h < 7 || h>=19) {\n noStroke() \/\/ moon depending on hour\n fill(60, 64, 91)\n ellipse(430, 380, 80, 80);\n fill(244, 241, 222)\n ellipse(450, 370, 80, 80);\n } else {\n sun(); \/\/sun depending on hour\n \n }\n }\n\n\nfunction timer(x, y) { \/\/for bottom right corner\n textSize(20);\n push();\n noStroke()\n fill(250)\n rect(380, 450, 100, 50);\n\n fill( 60, 64, 91)\n text(h, 390, 470)\n\n fill(0)\n text(\":\", 412, 470)\n\n fill(223, 122, 94)\n text(m, 420, 470)\n\n fill(0)\n text(\":\", 442, 470)\n\n fill(129, 179, 154)\n text(s, 450, 470)\n pop();\n\n}\n\nfunction sun() {\n translate(410, 380);\n noStroke();\n fill(222, 222, 74)\n ellipse(0,0, 50, 50);\n for (var i = 0; i< 50; i++) {\n rotate(radians(angle))\n rect(-5,-10, 5, 60);\n }\n}\n\n<\/code><\/pre><\/p>\n\n\n\n<p><\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":647,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[106],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/67375"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/users\/647"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=67375"}],"version-history":[{"count":5,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/67375\/revisions"}],"predecessor-version":[{"id":69532,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/67375\/revisions\/69532"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=67375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=67375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=67375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}