{"id":370,"date":"2009-09-14T13:19:57","date_gmt":"2009-09-14T19:19:57","guid":{"rendered":"http:\/\/alliwalk.com\/blog\/?p=370"},"modified":"2009-10-29T09:57:35","modified_gmt":"2009-10-29T15:57:35","slug":"icm-week-1-introducing-processing","status":"publish","type":"post","link":"https:\/\/alliwalk.com\/blog\/2009\/09\/icm-week-1-introducing-processing\/","title":{"rendered":"ICM: Week 1 &#8211; Introducing Processing"},"content":{"rendered":"<p>In this week 1 exercise, my idea was to create a display of &#8220;swatches&#8221;, showing the color spectrum against a background of either white or black. I also created swatches of either white lines against the background of each color, and a final long series of stripes of white against no color, or black.<\/p>\n<p>The whole thing was created in Processing. For the colors, I used the RGB values. It was a little difficult thinking of where each stripe would go, because I had to navigate using pixels. Pretty much, in the end I thought this was much like creating DIVs in CSS &#8211; but, less goofy. I cut and paste a lot, and experiment a bit trying to figure out which coordinates I should change when creating the new rows. The interesting part was that at one point I thought about reversing the colors, and did so in the code. However, since each rectangle&#8217;s location is specified by coordinates, the order doesn&#8217;t really matter. The order of the background&#8217;s does matter, because if it comes last, it would cover up the stripes. I guess the opacity of the backgrounds could be decreased so that some color shines through, but I&#8217;m just keeping the colors as they are.<\/p>\n<p>I thought this was pretty fun, and useful perhaps in the future. I&#8217;ll give some credit to <a href=\"http:\/\/itp.nyu.edu\/~np798\/blog\" target=\"_blank\">a fellow student<\/a>, who suggested that I make the rows thinner than they originally were. Thank you, Nik!<\/p>\n<p><a href=\"http:\/\/alliwalk.com\/ICM2009\/week1\/\">Colored Lines<\/a><br \/>\n<img loading=\"lazy\" class=\"alignleft size-full wp-image-672\" title=\"Week 1, color bars\" src=\"http:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2009\/09\/icmweek1.png\" alt=\"Week 1, color bars\" width=\"702\" height=\"274\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2009\/09\/icmweek1.png 702w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2009\/09\/icmweek1-300x117.png 300w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this week 1 exercise, my idea was to create a display of &#8220;swatches&#8221;, showing the color spectrum against a background of either white or black. I also created swatches of either white lines against the background of each color, and a final long series of stripes of white against no color, or black. The &hellip; <a href=\"https:\/\/alliwalk.com\/blog\/2009\/09\/icm-week-1-introducing-processing\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;ICM: Week 1 &#8211; Introducing 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":[84],"tags":[338,85],"_links":{"self":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/370"}],"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=370"}],"version-history":[{"count":10,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/370\/revisions"}],"predecessor-version":[{"id":671,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/370\/revisions\/671"}],"wp:attachment":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/media?parent=370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/categories?post=370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/tags?post=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}