{"id":60,"date":"2015-10-22T16:52:37","date_gmt":"2015-10-22T16:52:37","guid":{"rendered":"http:\/\/joseecarrier.ca\/en\/?post_type=jetpack-portfolio&#038;p=60"},"modified":"2015-10-29T18:57:39","modified_gmt":"2015-10-29T18:57:39","slug":"pixel-play","status":"publish","type":"jetpack-portfolio","link":"https:\/\/joseecarrier.ca\/en\/portfolio\/pixel-play\/","title":{"rendered":"Pixel Play"},"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>This was my first project using <a href=\"https:\/\/processing.org\/\">Processing<\/a>. It was done for an excellent online class by Joshua Davis (<a href=\"https:\/\/www.skillshare.com\/classes\/design\/Programming-Graphics-I-Introduction-to-Generative-Art\/782118657\" target=\"_blank\">Programming Graphics I: Introduction to Generative Art<\/a>).<\/p>\n<p>A grid of squares was generated&nbsp;using Processing. &nbsp;The randomness of colors in the final pattern&nbsp;was controlled by a greyscale&nbsp;repeatable pattern.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-61\" src=\"http:\/\/joseecarrier.ca\/en\/wp-content\/uploads\/sites\/3\/2015\/10\/PixelArrows_Colors.jpg\" alt=\"PixelArrows_Colors\" width=\"840\" height=\"840\" srcset=\"https:\/\/joseecarrier.ca\/en\/wp-content\/uploads\/sites\/3\/2015\/10\/PixelArrows_Colors.jpg 840w, https:\/\/joseecarrier.ca\/en\/wp-content\/uploads\/sites\/3\/2015\/10\/PixelArrows_Colors-150x150.jpg 150w, https:\/\/joseecarrier.ca\/en\/wp-content\/uploads\/sites\/3\/2015\/10\/PixelArrows_Colors-300x300.jpg 300w, https:\/\/joseecarrier.ca\/en\/wp-content\/uploads\/sites\/3\/2015\/10\/PixelArrows_Colors-250x250.jpg 250w, https:\/\/joseecarrier.ca\/en\/wp-content\/uploads\/sites\/3\/2015\/10\/PixelArrows_Colors-50x50.jpg 50w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-62\" src=\"http:\/\/joseecarrier.ca\/en\/wp-content\/uploads\/sites\/3\/2015\/10\/PixelArrows_Dark.jpg\" alt=\"PixelArrows_Dark\" width=\"840\" height=\"840\" srcset=\"https:\/\/joseecarrier.ca\/en\/wp-content\/uploads\/sites\/3\/2015\/10\/PixelArrows_Dark.jpg 840w, https:\/\/joseecarrier.ca\/en\/wp-content\/uploads\/sites\/3\/2015\/10\/PixelArrows_Dark-150x150.jpg 150w, https:\/\/joseecarrier.ca\/en\/wp-content\/uploads\/sites\/3\/2015\/10\/PixelArrows_Dark-300x300.jpg 300w, https:\/\/joseecarrier.ca\/en\/wp-content\/uploads\/sites\/3\/2015\/10\/PixelArrows_Dark-250x250.jpg 250w, https:\/\/joseecarrier.ca\/en\/wp-content\/uploads\/sites\/3\/2015\/10\/PixelArrows_Dark-50x50.jpg 50w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/p>\n<p>Another variation using a different initial pattern.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-63\" src=\"http:\/\/joseecarrier.ca\/en\/wp-content\/uploads\/sites\/3\/2015\/10\/PixelPods_Dark.jpg\" alt=\"PixelPods_Dark\" width=\"420\" height=\"420\" srcset=\"https:\/\/joseecarrier.ca\/en\/wp-content\/uploads\/sites\/3\/2015\/10\/PixelPods_Dark.jpg 420w, https:\/\/joseecarrier.ca\/en\/wp-content\/uploads\/sites\/3\/2015\/10\/PixelPods_Dark-150x150.jpg 150w, https:\/\/joseecarrier.ca\/en\/wp-content\/uploads\/sites\/3\/2015\/10\/PixelPods_Dark-300x300.jpg 300w, https:\/\/joseecarrier.ca\/en\/wp-content\/uploads\/sites\/3\/2015\/10\/PixelPods_Dark-250x250.jpg 250w, https:\/\/joseecarrier.ca\/en\/wp-content\/uploads\/sites\/3\/2015\/10\/PixelPods_Dark-50x50.jpg 50w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/p>\n<p>The possibilities are endless. These examples use a grid of squares. But, it could be any shape. The greyscale image could be used to control about anything beside color: scale, rotation, &hellip;.<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>This was my first project using Processing. It was done for an excellent online class by Joshua Davis (Programming Graphics I: Introduction to Generative Art). A grid of squares was generated&nbsp;using Processing. &nbsp;The randomness of colors in the final pattern&nbsp;was controlled by a greyscale&nbsp;repeatable pattern. Another variation using a different initial pattern. The possibilities are [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":62,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"jetpack-portfolio-type":[5],"jetpack-portfolio-tag":[11,12,13,14],"class_list":["post-60","jetpack-portfolio","type-jetpack-portfolio","status-publish","format-standard","has-post-thumbnail","hentry","jetpack-portfolio-type-generative-design","jetpack-portfolio-tag-pattern","jetpack-portfolio-tag-processing","jetpack-portfolio-tag-repeat","jetpack-portfolio-tag-tileable","jetpack-portfolio-pixel-play"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/joseecarrier.ca\/en\/wp-json\/wp\/v2\/jetpack-portfolio\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/joseecarrier.ca\/en\/wp-json\/wp\/v2\/jetpack-portfolio"}],"about":[{"href":"https:\/\/joseecarrier.ca\/en\/wp-json\/wp\/v2\/types\/jetpack-portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/joseecarrier.ca\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/joseecarrier.ca\/en\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":0,"href":"https:\/\/joseecarrier.ca\/en\/wp-json\/wp\/v2\/jetpack-portfolio\/60\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/joseecarrier.ca\/en\/wp-json\/wp\/v2\/media\/62"}],"wp:attachment":[{"href":"https:\/\/joseecarrier.ca\/en\/wp-json\/wp\/v2\/media?parent=60"}],"wp:term":[{"taxonomy":"jetpack-portfolio-type","embeddable":true,"href":"https:\/\/joseecarrier.ca\/en\/wp-json\/wp\/v2\/jetpack-portfolio-type?post=60"},{"taxonomy":"jetpack-portfolio-tag","embeddable":true,"href":"https:\/\/joseecarrier.ca\/en\/wp-json\/wp\/v2\/jetpack-portfolio-tag?post=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}