{"id":2461,"date":"2018-11-28T22:12:03","date_gmt":"2018-11-28T22:12:03","guid":{"rendered":"http:\/\/blurrypixel.com\/?p=2461"},"modified":"2018-12-03T23:04:55","modified_gmt":"2018-12-03T23:04:55","slug":"play-on","status":"publish","type":"post","link":"https:\/\/blurrypixel.com\/?p=2461","title":{"rendered":"Play.on"},"content":{"rendered":"<style scoped>\n.on-the-fly-behave {\nfloat: left; width: 60%; position:relative; margin-left: 2%; margin-right: 4%; margin-bottom: 0.5em; \n}\n.onFlyer {\nfloat: left; width: 30%; margin-right: 2%; margin-bottom: 0.5em; \n}\n@media only screen and (max-width: 40em) {\n    .on-the-fly-behave {\nfloat: left; position:relative; width: 95%; margin-left: 2%; margin-right: 4%; \n    }\n.onFlyer {\nfloat: left; width: 100%; }\n}\n<\/style>\n<p><img loading=\"lazy\" src=\"http:\/\/blurrypixel.com\/wp-content\/uploads\/2018\/11\/playFlowBanner.jpg\" alt=\"\" width=\"715\" height=\"152\" class=\"alignleft size-full wp-image-2470\" srcset=\"https:\/\/blurrypixel.com\/wp-content\/uploads\/2018\/11\/playFlowBanner.jpg 715w, https:\/\/blurrypixel.com\/wp-content\/uploads\/2018\/11\/playFlowBanner-300x64.jpg 300w, https:\/\/blurrypixel.com\/wp-content\/uploads\/2018\/11\/playFlowBanner-210x45.jpg 210w\" sizes=\"(max-width: 715px) 100vw, 715px\" \/><\/p>\n<p>\n&nbsp;<br \/>\nI&#8217;m currently working on a plugin for Adobe Animate CC and Adobe After Effects which I have nicknamed &#8220;Play.on&#8221;. It will allow you to build interactive HTML5 based media using visual programming. This media can be used for things like playable ads, mini-games, interactive web apps, banner ads, the list goes on. You can choose from a library of templates and customize it to suit your needs. The cool thing about this workflow is that you will not need to be a computer programmer to create a robust interactive experience.\n<\/p>\n<div>\n<div class=\"on-the-fly-behave\">\n<a href=\"http:\/\/blurrypixel.com\/?attachment_id=2465\" rel=\"attachment wp-att-2465\" target=\"_blank\"><img src=\"http:\/\/blurrypixel.com\/wp-content\/uploads\/2018\/11\/playflow-1024x662.jpg\" alt=\"\" width=\"960\" class=\"alignleft size-large wp-image-2465\" srcset=\"https:\/\/blurrypixel.com\/wp-content\/uploads\/2018\/11\/playflow-1024x662.jpg 1024w, https:\/\/blurrypixel.com\/wp-content\/uploads\/2018\/11\/playflow-300x194.jpg 300w, https:\/\/blurrypixel.com\/wp-content\/uploads\/2018\/11\/playflow-768x497.jpg 768w, https:\/\/blurrypixel.com\/wp-content\/uploads\/2018\/11\/playflow-210x136.jpg 210w, https:\/\/blurrypixel.com\/wp-content\/uploads\/2018\/11\/playflow.jpg 1280w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/a>\n<\/div>\n<div class=\"onFlyer\">\n<p>\nThe concept is to use a node-based network to build and visualize an interactive experience. You design the experience using a series of nodes along with simple logic streamed together in a graph using Adobe Animate CC and Adobe After Effects.\n<\/p>\n<\/div>\n<\/div>\n<p style=\"clear: both;\">\nThe nodes refer to animations that can be triggered as the user travels through the experience funnel. After you have created your network, you can output an HTML5 web ready file that is not only responsive and polite loading but adapts to server environment, including being able to preflight for Google&#8217;s DV360, Facebook Playables, all while MRAID compliant. The plugin will output all the necessary code for you as JavaScript and HTML!\n<\/p>\n<p>\nAnd as the platform grows, you can extend the plugin by simply adding more nodes. I am also working on building a node for supporting dynamic content so that one can use third party data feeds for things like keyword contextual targeting, geolocation, and campaign data can be fetched and used to determine what kind of experience will be delivered on the fly.<\/p>\n<div><div style=\"padding-top:10px;margin-bottom:10px;font-size:10pt;font-family:arial;font-weight:bold;\">Share this post!<\/div><div class=simplesocial><a href=\"http:\/\/twitter.com\/share\" data-url=\"https:\/\/blurrypixel.com\/?p=2461\" data-text=\"Play.on\" class=\"twitter-share-button\" data-count=\"horizontal\">Tweet<\/a><script type=\"text\/javascript\" src=\"http:\/\/platform.twitter.com\/widgets.js\"><\/script><\/div><div class=simplesocial><iframe src=\"http:\/\/www.facebook.com\/plugins\/like.php?href=https%3A%2F%2Fblurrypixel.com%2F%3Fp%3D2461&layout=standard&show_faces=false&width=450&action=like&colorscheme=light&height=35\" scrolling=\"no\" frameborder=\"0\" style=\"border:none; overflow:hidden; width:450px; height:25px;\" allowTransparency=\"true\"><\/iframe><\/div><div style=\"clear:both\"><\/div><a class=simplesocial onclick=\"return simplesocial(this,500,400)\" title=\"Share on Facebook\" style=\"background:url(http:\/\/blurrypixel.com\/wp-content\/plugins\/simple-social-sharing-widgets-icons\/icons_32\/facebook.png)\" href=\"http:\/\/www.facebook.com\/share.php?u=https%3A%2F%2Fblurrypixel.com%2F%3Fp%3D2461&t=Play.on\"><\/a><a class=simplesocial onclick=\"return simplesocial(this,435,500)\" title=\"Email a Friend\" style=\"background:url(http:\/\/blurrypixel.com\/wp-content\/plugins\/simple-social-sharing-widgets-icons\/icons_32\/email.png)\" href=\"http:\/\/www.freetellafriend.com\/tell\/?heading=Share+This+Article&bg=1&option=email&url=https%3A%2F%2Fblurrypixel.com%2F%3Fp%3D2461\"><\/a><a class=simplesocial onclick=\"return simplesocial(this,700,500)\" title=\"Share on Reddit\" style=\"background:url(http:\/\/blurrypixel.com\/wp-content\/plugins\/simple-social-sharing-widgets-icons\/icons_32\/reddit.png)\" href=\"http:\/\/reddit.com\/submit?url=https%3A%2F%2Fblurrypixel.com%2F%3Fp%3D2461&title=Play.on\"><\/a><a class=simplesocial title=\"RSS Feed\" style=\"background:url(http:\/\/blurrypixel.com\/wp-content\/plugins\/simple-social-sharing-widgets-icons\/icons_32\/rss.png)\" href=\"http:\/\/blurrypixel.com\/?feed=rss2\"><\/a><\/div><div style=\"clear:both;margin-bottom:20px\"><\/div>","protected":false},"excerpt":{"rendered":"<p>&nbsp; I&#8217;m currently working on a plugin for Adobe Animate CC and Adobe After Effects which I have nicknamed &#8220;Play.on&#8221;. It will allow you to build interactive HTML5 based media using visual programming. This media can be used for things like playable ads, mini-games, interactive web apps, banner ads, the list goes on. You can [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[7,10,11],"tags":[],"_links":{"self":[{"href":"https:\/\/blurrypixel.com\/index.php?rest_route=\/wp\/v2\/posts\/2461"}],"collection":[{"href":"https:\/\/blurrypixel.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blurrypixel.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blurrypixel.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blurrypixel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2461"}],"version-history":[{"count":70,"href":"https:\/\/blurrypixel.com\/index.php?rest_route=\/wp\/v2\/posts\/2461\/revisions"}],"predecessor-version":[{"id":2606,"href":"https:\/\/blurrypixel.com\/index.php?rest_route=\/wp\/v2\/posts\/2461\/revisions\/2606"}],"wp:attachment":[{"href":"https:\/\/blurrypixel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blurrypixel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blurrypixel.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}