{"id":833,"date":"2021-02-21T23:36:35","date_gmt":"2021-02-22T04:36:35","guid":{"rendered":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/?p=833"},"modified":"2021-02-22T15:48:57","modified_gmt":"2021-02-22T20:48:57","slug":"shrugbread-wallpaper","status":"publish","type":"post","link":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/shrugbread\/02\/21\/shrugbread-wallpaper\/","title":{"rendered":"shrugbread-Wallpaper"},"content":{"rendered":"

My Code:\u00a0https:\/\/editor.p5js.org\/shrugbread\/sketches\/XnztQHwKK<\/a><\/p>\n

\"\"<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

The code that I used to make this wallpaper was modified from Okazz_ on OpenProcessing. Below is an image of the original work.<\/p>\n

Okazz_ sketch:\u00a0https:\/\/www.openprocessing.org\/sketch\/825210<\/a><\/p>\n

\"\"<\/p>\n

The code that governs the lines and dots of the wallpaper is very simple but requires that the programmer know how noise functions work, as well as how to creatively apply what the noise function will give you.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

Above is the code that controls my lines. By fiddling with the numbers I figured out that the parameters within noise() are dictating the intensity, shape, and detail and of the Perlin noise. Said noise function is then multiplied and blown up now that it has been properly defined and detailed for it to be visually variable. Noise () is then multiplied by the int() command forcing whatever value that the noise function produces to round to the nearest integer. The lines that start with x+= and y+= then use the result of the angle variable to determine the direction that the line will continue going.\u00a0 The specifics of the math still escape me after multiple explanations but after a few hours of playing with the numbers, I was able to get the lines to travel in parallel squares or bunch up at their original gridpoints, as well as many other fun tricks.
\nThe noiseLine function was not the only change I made to the original Okazz_ sketch.\u00a0 Instead of multicolored squares as my gridpoints, I used arcs with randomized starting angles. I also edited the color range used, and have a commented-out grayscale array for the pallette. I spent very long trying to make this as interesting-looking as possible and ended up with some even crazier results, but I found this variation to be the most appealing.<\/p>\n","protected":false},"excerpt":{"rendered":"

My Code:\u00a0https:\/\/editor.p5js.org\/shrugbread\/sketches\/XnztQHwKK     The code that I used to make this wallpaper was modified from Okazz_ on OpenProcessing. Below is an image of the original work. Okazz_ sketch:\u00a0https:\/\/www.openprocessing.org\/sketch\/825210 The code that governs the lines and dots of the wallpaper is very simple but requires that the programmer know how noise functions work, as well … Continue reading “shrugbread-Wallpaper”<\/span><\/a><\/p>\n","protected":false},"author":6,"featured_media":865,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-833","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-03-wallpaper"],"_links":{"self":[{"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/posts\/833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/comments?post=833"}],"version-history":[{"count":5,"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/posts\/833\/revisions"}],"predecessor-version":[{"id":867,"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/posts\/833\/revisions\/867"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/media\/865"}],"wp:attachment":[{"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/media?parent=833"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/categories?post=833"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.courses.art.cmu.edu\/2021s\/60210a\/wp-json\/wp\/v2\/tags?post=833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}