{"id":22,"date":"2013-09-09T21:38:29","date_gmt":"2013-09-09T21:38:29","guid":{"rendered":"http:\/\/www.rbknrbkn.com\/workandprogress\/?p=22"},"modified":"2013-10-06T22:53:40","modified_gmt":"2013-10-06T22:53:40","slug":"perlin-noise-polygon-stacks","status":"publish","type":"post","link":"https:\/\/www.rbknrbkn.com\/workandprogress\/?p=22","title":{"rendered":"Perlin-noise Polygon Stacks"},"content":{"rendered":"<p>For this project, I decided to experiment with the Perlin noise function <em>noise()<\/em> to control the rotation angles of a stack of polygons. I started with the an offset value that incremented in a really small magnitude (0.001), within the range of 0 to 45 degrees, just to test out the general effect on the appearance of the stacks.<\/p>\n<p><a href=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/95599.781.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-33\" alt=\"95599.78\" src=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/95599.781-300x300.png\" width=\"300\" height=\"300\" srcset=\"https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/95599.781-300x300.png 300w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/95599.781-150x150.png 150w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/95599.781-260x260.png 260w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/95599.781-530x530.png 530w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/95599.781.png 600w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>The results were not that interesting as the change in the rotation angles was minimal. In addition, I wanted more color, so I used Perlin noise again to vary the Hue value for each of the rectangles (after switching to the HSB color mode).<\/p>\n<p><a href=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-25\" alt=\"6\" src=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/6-300x300.png\" width=\"300\" height=\"300\" srcset=\"https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/6-300x300.png 300w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/6-150x150.png 150w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/6-260x260.png 260w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/6-530x530.png 530w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/6.png 600w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>The results were more interesting, but the change of color was too dramatic. Consequently, I decreased the magnitude of the hue&#8217;s noise function&#8217;s offset to 0.01 to lessen the change between the color of one rectangle to the other.<\/p>\n<p>In addition, I wanted to increase the number of rectangles in each row, to give the whole arrangement more depth.<\/p>\n<p><a href=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/692632.11.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-36\" alt=\"692632.1\" src=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/692632.11-290x300.png\" width=\"290\" height=\"300\" srcset=\"https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/692632.11-290x300.png 290w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/692632.11-530x546.png 530w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/692632.11.png 566w\" sizes=\"auto, (max-width: 290px) 100vw, 290px\" \/><\/a><\/p>\n<p>For the next revision, I wanted to remove the upper limit of the rotation angles from 45 degrees to 360 degrees to allow for more variations in appearance. I&#8217;ve also tried different variations in the hue&#8217;s offset, as well as lighter stroke colors.<\/p>\n<p><a href=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/10.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-30\" alt=\"10\" src=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/10-300x300.png\" width=\"300\" height=\"300\" srcset=\"https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/10-300x300.png 300w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/10-150x150.png 150w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/10-260x260.png 260w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/10-530x530.png 530w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/10.png 600w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/8.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-27\" alt=\"8\" src=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/8-300x300.png\" width=\"300\" height=\"300\" srcset=\"https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/8-300x300.png 300w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/8-150x150.png 150w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/8-260x260.png 260w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/8-530x530.png 530w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/8.png 600w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-23\" alt=\"1\" src=\"http:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/1-300x300.png\" width=\"300\" height=\"300\" srcset=\"https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/1-300x300.png 300w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/1-150x150.png 150w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/1-260x260.png 260w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/1-530x529.png 530w, https:\/\/www.rbknrbkn.com\/workandprogress\/wp-content\/uploads\/2013\/09\/1.png 596w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>The following is the code.<\/p>\n<style> #wrap_githubgiste0e7da62888ac2693e0b5180eccc9e51 .gist-data {max-height: 100%;} <\/style><div id=\"wrap_githubgiste0e7da62888ac2693e0b5180eccc9e51\" style=\"width:100%\"><script src = \"http:\/\/gist-it.sudarmuthu.com\/github\/yessalem\/icm\/blob\/master\/perlin-noise-stack.pde?footer=minimal\"><\/script><\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For this project, I decided to experiment with the Perlin noise function noise() to control the rotation angles of a stack of polygons. I started with the an offset value that incremented in a really small magnitude (0.001), within the range of 0 to 45 degrees, just to test out the general effect on the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":28,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[16,8],"class_list":["post-22","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-icm","tag-generative-art","tag-processing"],"_links":{"self":[{"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=\/wp\/v2\/posts\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":8,"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=\/wp\/v2\/posts\/22\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=\/wp\/v2\/posts\/22\/revisions\/43"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=\/wp\/v2\/media\/28"}],"wp:attachment":[{"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=22"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rbknrbkn.com\/workandprogress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}