{"id":4810,"date":"2016-02-16T18:55:57","date_gmt":"2016-02-16T18:55:57","guid":{"rendered":"http:\/\/www.pmstudios.co.uk\/blog\/?p=4810"},"modified":"2016-02-16T18:55:57","modified_gmt":"2016-02-16T18:55:57","slug":"pixelation-testing-with-angled-squares","status":"publish","type":"post","link":"https:\/\/www.pmstudios.co.uk\/blog\/?p=4810","title":{"rendered":"Pixelation testing with angled squares"},"content":{"rendered":"<p>In the last post I showed the somewhat boring pixelation of an image using a graphics programming language that I am learning. So I tried again using a tilted version of the image. Here is the original (again):<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-4798\" src=\"http:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/E12_3071cr2p2w-600x436.jpg\" alt=\"original image websize\" width=\"600\" height=\"436\" srcset=\"https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/E12_3071cr2p2w.jpg 600w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/E12_3071cr2p2w-150x109.jpg 150w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/E12_3071cr2p2w-300x218.jpg 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p>And below is the version with the angled pixels:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-4811\" src=\"http:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/pixelated-E12_3071cr2p2wrot45straight-600x453.jpg\" alt=\"angled pixelation\" width=\"600\" height=\"453\" srcset=\"https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/pixelated-E12_3071cr2p2wrot45straight-600x453.jpg 600w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/pixelated-E12_3071cr2p2wrot45straight-150x113.jpg 150w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/pixelated-E12_3071cr2p2wrot45straight-300x226.jpg 300w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/pixelated-E12_3071cr2p2wrot45straight.jpg 669w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p>I do like the &#8216;pinking shears&#8217; edges! And now with some individual pixel manipulation giving a look that is blended with the original:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-4812\" src=\"http:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/alternate-pixelated-E12_3071cr2p2wrot45straight-600x442.jpg\" alt=\"angled with blending\" width=\"600\" height=\"442\" srcset=\"https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/alternate-pixelated-E12_3071cr2p2wrot45straight-600x442.jpg 600w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/alternate-pixelated-E12_3071cr2p2wrot45straight-150x110.jpg 150w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/alternate-pixelated-E12_3071cr2p2wrot45straight-300x221.jpg 300w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/alternate-pixelated-E12_3071cr2p2wrot45straight.jpg 637w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p>But, as in the last post, this hasn&#8217;t be blended with Photoshop as each pixel as been programmatically addressed within the graphics programming environment.<\/p>\n<p>And this is with a grid overlay for the pixelation:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-4813\" src=\"http:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/alternate-pixelated-E12_3071cr2p2wrot45straightgrid-600x442.jpg\" alt=\"angled with grid\" width=\"600\" height=\"442\" srcset=\"https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/alternate-pixelated-E12_3071cr2p2wrot45straightgrid-600x442.jpg 600w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/alternate-pixelated-E12_3071cr2p2wrot45straightgrid-150x110.jpg 150w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/alternate-pixelated-E12_3071cr2p2wrot45straightgrid-300x221.jpg 300w, https:\/\/www.pmstudios.co.uk\/blog\/wp-content\/uploads\/2016\/02\/alternate-pixelated-E12_3071cr2p2wrot45straightgrid.jpg 637w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p>In this size image the pixels and grid match quite well, but when I was processing larger versions, the rotations that I had to use to create the effect distorted the image and the grid slightly so they didn&#8217;t quite match at the edges. I did manage to correct for this within Photoshop so the effect is not noticeable.<\/p>\n<p>In my opinion, the angled pixel blocks look a bit better than the normal horizontal pixels.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the last post I showed the somewhat boring pixelation of an image using a graphics programming language that I am learning. So I tried again using a tilted version of the image. Here is the original (again): And below is the version with the angled pixels: I do like the &#8216;pinking shears&#8217; edges! And &hellip; <a href=\"https:\/\/www.pmstudios.co.uk\/blog\/?p=4810\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Pixelation testing with angled squares&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[89,65],"tags":[],"class_list":["post-4810","post","type-post","status-publish","format-standard","hentry","category-programming","category-technical"],"_links":{"self":[{"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=\/wp\/v2\/posts\/4810","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4810"}],"version-history":[{"count":2,"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=\/wp\/v2\/posts\/4810\/revisions"}],"predecessor-version":[{"id":4815,"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=\/wp\/v2\/posts\/4810\/revisions\/4815"}],"wp:attachment":[{"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4810"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4810"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}