{"id":4196,"date":"2022-03-20T16:57:22","date_gmt":"2022-03-20T16:57:22","guid":{"rendered":"http:\/\/robbertgroenendijk.com\/?post_type=portfolio&#038;p=4196"},"modified":"2022-03-20T19:39:40","modified_gmt":"2022-03-20T19:39:40","slug":"pixelate-pixellines-ar","status":"publish","type":"portfolio","link":"https:\/\/robbert.xyz\/?portfolio=pixelate-pixellines-ar","title":{"rendered":"Pixelate\/Pixellines AR"},"content":{"rendered":"\n<p>As Facebook released their augmented reality tool <em>SparkAR<\/em> I couldn&#8217;t resist the temptation to try it out. I&#8217;ve been playing around with <em>OpenFrameworks<\/em>, GLSL shaders and <em>ARKit<\/em> development on iPhones, but the ability to distribute these augmented reality effects easily on Instagram is amazing.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>As a tryouts I created these two <em>Pixelate<\/em> &amp; <em>Pixellines<\/em> filters which are fully made in <em>SparkAR<\/em>. The constructed node-network is based off of one of my GLSL shader tryouts and was converted to <em>SparkAR<\/em>. This was made before<em> SparkAR<\/em> actually gave authors access to the framebuffer, so turned out like a bit of a hacky setup that was later (automatically) converted by <em>SparkAR<\/em> to include their shader nodes.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>By sliding the finger left &lt;-&gt; right the resolution of the pixelation can be changed. A long-tap changes the effect from purely applied to the person segmentation, to all-screen encompassing.<br><br>The effects can be used on <em>Instagram<\/em> and can be found on my <a href=\"https:\/\/www.instagram.com\/robbert.xyz\/\" target=\"_blank\" rel=\"noreferrer noopener\">Instagram profile<\/a>. <br><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>As Facebook released their augmented reality tool SparkAR I couldn&#8217;t resist the temptation to try it out. I&#8217;ve been playing around with OpenFrameworks, GLSL shaders and ARKit development on iPhones, but the ability to distribute these augmented reality effects easily on Instagram is amazing. As a tryouts I created these two Pixelate &amp; Pixellines filters&hellip;<\/p>\n","protected":false},"author":1,"featured_media":4613,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"portfolio_category":[46,48,77],"portfolio_tag":[],"class_list":["post-4196","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-digital","portfolio_category-interactive","portfolio_category-rd"],"acf":[],"_links":{"self":[{"href":"https:\/\/robbert.xyz\/index.php?rest_route=\/wp\/v2\/portfolio\/4196","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/robbert.xyz\/index.php?rest_route=\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/robbert.xyz\/index.php?rest_route=\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/robbert.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/robbert.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4196"}],"version-history":[{"count":16,"href":"https:\/\/robbert.xyz\/index.php?rest_route=\/wp\/v2\/portfolio\/4196\/revisions"}],"predecessor-version":[{"id":4646,"href":"https:\/\/robbert.xyz\/index.php?rest_route=\/wp\/v2\/portfolio\/4196\/revisions\/4646"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/robbert.xyz\/index.php?rest_route=\/wp\/v2\/media\/4613"}],"wp:attachment":[{"href":"https:\/\/robbert.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4196"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/robbert.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_category&post=4196"},{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/robbert.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_tag&post=4196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}