{"id":73868,"date":"2022-10-08T13:19:40","date_gmt":"2022-10-08T17:19:40","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=73868"},"modified":"2022-10-08T13:19:40","modified_gmt":"2022-10-08T17:19:40","slug":"project-06-abstract-clock-2","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/08\/project-06-abstract-clock-2\/","title":{"rendered":"Project 06 \u2013 Abstract Clock"},"content":{"rendered":"\n

For my abstract clock, I wanted to make the design very sophisticated yet modular so that it resembles the shape and form of that of a clock. I wanted to maintain the layered approach of the clock. <\/p>\n\n\n\n

\"\" — Ideation for the project<\/figcaption><\/figure>
sketch<\/a><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/ Juhi Kedia \n\/\/ SEction D \n\/\/ jkedia@andrew.cmu.edu\n\/\/Project-06 \n\nvar x = [];\nvar y = [];\nvar r = 450;\n\n\nfunction setup() {\n createCanvas(450, 450);\n background(220);\n for(var i = 1; i<60; i++){ \/\/ initializing 60 circles \n x.push(i*7.5);\n y.push(i*7.5);\n\n } \n}\n\nfunction draw() {\n background (220);\n fill(255);\n strokeWeight(1);\n push();\n translate(width\/2, height\/2); \/\/ draing the main circle \n ellipse(0,0, r,r);\n pop();\n push();\n translate(r\/2, r\/2);\n\n for (var i = 0 ; i<60; i++){ \/\/ filling red for the minute clock\n if (i == minute()){\n fill(255,0,0);\n stroke(0);\n ellipse(0,0,x[i], y[i]); \n }\n\n }\n\n\n\n for (var i = 0 ; i<60; i++){ \/\/ disappearing the circle for the second clock \n \n if (i != second()){\n noFill();\n ellipse(0,0,x[i], y[i]); \n }\n \n }\n\n for (var i = 0 ; i<24; i++){ \/\/ bolding the stroke for the hour clock\n if (i +1 == hour()){\n strokeWeight(2);\n ellipse(0,0,x[i], y[i]); \n \n }\n\n\n }\n \/\/ print(hour()); \/\/ used to check if it was a 12 hour preset or a 24 hour preset\n\n\n \n\n\n\n\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>For my abstract clock, I wanted to make the design very sophisticated yet modular so that it resembles the shape and form of that of a clock. I wanted to maintain the layered approach of the clock.<\/p>\n","protected":false},"author":696,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73868"}],"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\/696"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=73868"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73868\/revisions"}],"predecessor-version":[{"id":73875,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73868\/revisions\/73875"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=73868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=73868"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=73868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}