{"id":42,"date":"2009-06-07T17:50:35","date_gmt":"2009-06-07T15:50:35","guid":{"rendered":"http:\/\/www.jawordesign.com\/?p=42"},"modified":"2010-05-30T13:21:45","modified_gmt":"2010-05-30T11:21:45","slug":"grafik-cover-video","status":"publish","type":"post","link":"http:\/\/www.jawordesign.com\/?p=42","title":{"rendered":"Grafik cover video"},"content":{"rendered":"<p>Very recently I was involved in writing Processing program, that was supposed to generate graphics for front cover of &#8216;Grafik&#8217; magazine. Actually, the program was used on entire issue, producing vector fields from page context &#8211; images and text blocks, but most interesting part is dynamic flow.<br \/>\nIn this collaboration with computational designer Jonathan Rabagliati, we overlayed particle system on top of generated vector field, creating network of &#8216;flows&#8217;, moving through page context. Some of the agents, in dense neighbourhoods start releasing &#8216;trails&#8217; wandering through screen, omitting obstacles and trying to find their best way.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-99\" title=\"dynamic flow\" src=\"http:\/\/www.jawordesign.com\/wp-content\/uploads\/2009\/06\/0672_.jpg\" alt=\"dynamic flow\" width=\"640\" height=\"443\" srcset=\"http:\/\/www.jawordesign.com\/wp-content\/uploads\/2009\/06\/0672_.jpg 640w, http:\/\/www.jawordesign.com\/wp-content\/uploads\/2009\/06\/0672_-300x207.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>Process is illustrated in this video :<\/p>\n<p><object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" width=\"600\" height=\"420\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\"><param name=\"allowfullscreen\" value=\"true\" \/><param name=\"allowscriptaccess\" value=\"always\" \/><param name=\"src\" value=\"http:\/\/vimeo.com\/moogaloop.swf?clip_id=4634293&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1\" \/><embed type=\"application\/x-shockwave-flash\" width=\"600\" height=\"420\" src=\"http:\/\/vimeo.com\/moogaloop.swf?clip_id=4634293&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1\" allowscriptaccess=\"always\" allowfullscreen=\"true\"><\/embed><\/object><\/p>\n<p>result may be seen on the cover of June 2009 issue.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Very recently I was involved in writing Processing program, that was supposed to generate graphics for front cover of &#8216;Grafik&#8217; magazine. Actually, the program was used on entire issue, producing vector fields from page context &#8211; images and text blocks, but most interesting part is dynamic flow. In this collaboration with computational designer Jonathan Rabagliati, &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.jawordesign.com\/?p=42\" class=\"more-link\">Read more<span class=\"screen-reader-text\"> &#8220;Grafik cover video&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,5,6],"tags":[73,11],"_links":{"self":[{"href":"http:\/\/www.jawordesign.com\/index.php?rest_route=\/wp\/v2\/posts\/42"}],"collection":[{"href":"http:\/\/www.jawordesign.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.jawordesign.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.jawordesign.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.jawordesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=42"}],"version-history":[{"count":4,"href":"http:\/\/www.jawordesign.com\/index.php?rest_route=\/wp\/v2\/posts\/42\/revisions"}],"predecessor-version":[{"id":44,"href":"http:\/\/www.jawordesign.com\/index.php?rest_route=\/wp\/v2\/posts\/42\/revisions\/44"}],"wp:attachment":[{"href":"http:\/\/www.jawordesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=42"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.jawordesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=42"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.jawordesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}