{"id":459,"date":"2009-09-24T10:14:34","date_gmt":"2009-09-24T16:14:34","guid":{"rendered":"http:\/\/alliwalk.com\/blog\/?p=459"},"modified":"2009-10-29T10:16:20","modified_gmt":"2009-10-29T16:16:20","slug":"icm-week-2-using-variables-and-interactivity","status":"publish","type":"post","link":"https:\/\/alliwalk.com\/blog\/2009\/09\/icm-week-2-using-variables-and-interactivity\/","title":{"rendered":"ICM: Week 2 &#8211; Using variables and interactivity in Processing"},"content":{"rendered":"<p>This week, I used the same concept from last week but I used variables to reduce the amount of code I was drawing. I also added an interactive element. Now, when you use your mouse to move left to right across the screen, the background changes from 255 (white) to 0 (black). The alpha level of each bar is still set manually, and choosing how much to decrease the level was somewhat mathematical but the level doesn&#8217;t decrease evenly. (This became a problem the next week when I used objects to create the sketch.) I like how it looks like there&#8217;s so much more to drawing the bars than just a change of alpha level.<\/p>\n<p><img loading=\"lazy\" class=\"alignleft size-full wp-image-674\" title=\"ICM Week 2\" src=\"http:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2009\/10\/icmweek2.png\" alt=\"ICM Week 2\" width=\"700\" height=\"67\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2009\/10\/icmweek2.png 700w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2009\/10\/icmweek2-300x28.png 300w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p><a href=\"http:\/\/alliwalk.com\/ICM2009\/week2\/\">Color bars, Week 2<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week, I used the same concept from last week but I used variables to reduce the amount of code I was drawing. I also added an interactive element. Now, when you use your mouse to move left to right across the screen, the background changes from 255 (white) to 0 (black). The alpha level &hellip; <a href=\"https:\/\/alliwalk.com\/blog\/2009\/09\/icm-week-2-using-variables-and-interactivity\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;ICM: Week 2 &#8211; Using variables and interactivity in Processing&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,1,84,76],"tags":[51,85,135],"_links":{"self":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/459"}],"collection":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/comments?post=459"}],"version-history":[{"count":6,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/459\/revisions"}],"predecessor-version":[{"id":678,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/459\/revisions\/678"}],"wp:attachment":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/media?parent=459"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/categories?post=459"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/tags?post=459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}