{"id":74045,"date":"2022-10-08T22:02:37","date_gmt":"2022-10-09T02:02:37","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=74045"},"modified":"2022-10-08T22:02:37","modified_gmt":"2022-10-09T02:02:37","slug":"project-06-aarnavp","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/08\/project-06-aarnavp\/","title":{"rendered":"Project-06-aarnavp"},"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>For this project, I was inspired by the concept of dendrochronology, which is the study of time depiction through tree rings. Tree rings are indicative not only of the age of the tree, but also the conditions of the climate at the time. I thought this was really interesting, as the from a distance, the time can&rsquo;t be easily counted, but it depicts more than just time, but place. <\/p>\n\n\n\n<p>The tree ring is comprised of the layered brown\/green ring (which denotes 24 layers for 24 hours), and then an underlying minutes and seconds red ring which grows gradually (and doesn&rsquo;t layer).I also represented days from the moving ellipses in the center of the tree ring, to mimic the idea of celestial bodies.<\/p>\n\n\n\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/sketch-83.js\" data-width=\"480\" data-height=\"480\">sketch<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"480\" height=\"480\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/Aarnav Patel\n\/\/Section D\n\/\/aarnavp@andrew.cmu.edu\n\/\/Project 06\n\n\/\/Inspired by dendrochronology (how time is depicted through tree rings)\n\nvar radius;\nvar dayX = [];\nvar dayY = [];\nvar degree = [];\nvar dDegree = []\nvar diam;\n\nfunction setup() {\n    createCanvas(480, 480);\n    let m = month();\n\n    \/\/finding the days per month\n\tif ( m == 4 || m == 6 || m == 9 || m == 11) {\t\n\t\tdiam = width \/ 30;\n\t} else if (m == 1 || m ==3 || m == 5 || m == 7 || m == 8 || m == 10 || m == 12) {\t\t\n\t\tdiam = width \/ 31;\n\t} else {\t\t\t\/\/february\n\t\tdiam = width \/ 28;\n\t}\n    \n    radius = width \/ 60; \/\/for seconds and minutes, they increment evenly 60 times until reach end of canvas\n    ringColor = color(random(150, 160), random(105, 155), random(90, 100), 255 \/ 24);\t\/\/opacity is 255\/24 so that the center of circle wil eventaully be 100% opacity\n    \t\t\t\/\/random \"magic paramters\" is for random shade of brown (like tree barks)\n    for (var i = 0; i &lt; day(); i++) {\n    \tappend(dayX, diam * i)\n    \tappend(dayY, 0);\n    \tappend(degree, 0);\n    \tappend(dDegree, radians(random(-1, 1)));\n    }\n}\n\nfunction draw() {\n\tbackground(255);\n\ttranslate(width \/ 2, height \/ 2);\t\/\/set new origin at middle of canvas\n\n\tfill(255, 0, 0, 20);\t\n\tdrawSecond();\n\tfill(255, 0, 0, 20);\n\tdrawMinute();\n\tfill(ringColor);\n\tdrawHour();\n\n\tfor (var i = 0; i &lt; degree.length; i++) {\n\t\tfill(255, 255, 255, 70);\t\t\n\t\tellipse(dayX[i], dayY[i], diam);\n\n\t\trotate(degree[i]);\n\t\tdegree[i] = degree[i] + dDegree[i];\t\t\/\/incrementing degree by specific dDegree\n\t}\n\n\n\n}\n\n\nfunction drawHour() {\t\t\t\t\t\/\/want the hours rings to be static military time (e.g 24:00) and show circles layered\n\tfor (var i = 0; i &lt; hour(); i++) {\t\/\/from 0 to 1 - current hour amount\n\t\tnoStroke();\n\t\tellipse(0, 0, width \/ i);\t\t\/\/draws circle proportional to width\n\t}\n\n}\n\nfunction drawMinute() {\n\tellipse(0, 0, minute() * radius);\t\t\/\/minutes dynamic &ndash;&nbsp;increments evenly across canvas\n\n}\n\nfunction drawSecond() {\n\tsecondR = 8;\n\tellipse(0, 0, second() * radius);\t\/\/second dynamic &ndash;&nbsp;increments evenly across canvas\n\n}\n\n\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>For this project, I was inspired by the concept of dendrochronology, which is the study of time depiction through tree rings. Tree rings are indicative not only of the age of the tree, but also the conditions of the climate at the time. I thought this was really interesting, as the from a distance, the &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/08\/project-06-aarnavp\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project-06-aarnavp&#8221;<\/span><\/a><\/p>\n","protected":false},"author":750,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[106,58],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/74045"}],"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\/750"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=74045"}],"version-history":[{"count":5,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/74045\/revisions"}],"predecessor-version":[{"id":74055,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/74045\/revisions\/74055"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=74045"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=74045"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=74045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}