{"id":73980,"date":"2022-10-08T19:22:49","date_gmt":"2022-10-08T23:22:49","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/?p=73980"},"modified":"2022-10-08T19:27:14","modified_gmt":"2022-10-08T23:27:14","slug":"project-06-6","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/08\/project-06-6\/","title":{"rendered":"Project 06"},"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>l<\/p>\n<div><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/uploads\/2022\/10\/sketch-76.js\" data-width=\"300\" data-height=\"400\">sketch<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"300\" height=\"400\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/Keng Pu (Paul) Li\n\/\/section A \n\nvar minuteX = [];\nvar minuteY = [];\nvar minuteColor = [];\nvar sec;\nvar mnth;\nvar hr;\n\nfunction setup() {\n    createCanvas(300,400);\n    rectMode(CENTER);\n    \/\/assigns array for minute fn\n\n}\n\nfunction draw() {\n    background(40,10,10);\n    sec = second()+1;\n\n    \/\/allows minute circles to produce jittering effect\n     for(var i = 0; i&lt;=minute(); i++){\n        minuteX[i] = min(56+i*random(2.5,3),245);\n        minuteY[i] = max(340-i*random(3,5),100);\n        minuteColor[i] = minute()*4;\n    }\n\n    timeMonth();\n    timeHours();\n    timeMinutes();\n    frameRate(sec); \/\/higher the second faster the frame-&gt; quickker jitters\n}\n\nfunction timeMonth(){\n    mnth = month();\n    noStroke();\n    \/\/changes color depending to season, fall = orange, winter =  blue, spring =  pink, summer = green, code in that order\n    \/\/also places circle on diff corner of that color depending on the season\n    if(mnth&gt;=9 & mnth<12){\n        fill(255,160,70);\n        circle(20,20,30);\n    } else if(mnth&gt;=12 & mnth<3){\n        fill(18,130,210);\n        circle(width-20,20,30);\n    } else if(mnth&gt;=3 & mnth<6){\n        fill(255,100,220);\n        circle(width-20,height-20,30);\n    }else{\n        fill(30,230,70);\n        circle(20,height-20,30);\n    }\n    rect(width\/2,height\/2,200,300);\n}\n\n\n\/\/ draws a strike every hour and resets every 12 hr on top of the orange cube,, resets to 0 strikes each 24 hr\n\nfunction timeHours(){\n    hr = hour();\n    var strikeW = (200\/24) - 13;\n    var strikeH = 30;\n    fill(255,40,40);\n    stroke(0.5);\n    if(hr&lt;24){\n        for (var i = 0; i&lt;hr; i++){\n            rect((55+strikeW\/2)-i*(strikeW-200\/48),50-strikeH\/2,strikeW,strikeH);\n        }\n    }else{\n        var i = 0;\n        for (var i = 0; i&lt;hr; i++){\n            rect((55+strikeW\/2)-i*(strikeW-200\/48),50-strikeH\/2,strikeW,strikeH);\n        }\n    }\n}\n\n\/\/for every minute, a ball is added into the orange box, and as time goes on the color of the balls get lighter, the spread also goes further ddepending on time\n\nfunction timeMinutes(){\n    noStroke();\n    fill(0,0,0,0);\n   for(var i = 0; i&lt;=minute(); i++){\n        circle(minuteX[i],minuteY[i],10);\n        fill(minuteColor[i]);\n    }\n   \n\n}\n<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>l sketch \/\/Keng Pu (Paul) Li \/\/section A var minuteX = []; var minuteY = []; var minuteColor = []; var sec; var mnth; var hr; function setup() { createCanvas(300,400); rectMode(CENTER); \/\/assigns array for minute fn } function draw() { background(40,10,10); sec = second()+1; \/\/allows minute circles to produce jittering effect for(var i = 0; &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/10\/08\/project-06-6\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 06&#8221;<\/span><\/a><\/p>\n","protected":false},"author":738,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[106,55],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73980"}],"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\/738"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=73980"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73980\/revisions"}],"predecessor-version":[{"id":73990,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/73980\/revisions\/73990"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=73980"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=73980"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=73980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}