{"id":121,"date":"2010-03-04T17:40:29","date_gmt":"2010-03-05T00:40:29","guid":{"rendered":"http:\/\/www.patrickmatte.com\/?p=121"},"modified":"2015-12-14T18:36:20","modified_gmt":"2015-12-15T01:36:20","slug":"reproducing-the-labuat-brushstroke-effect","status":"publish","type":"post","link":"https:\/\/www.patrickmatte.com\/?p=121","title":{"rendered":"Reproducing the Labuat brushstroke"},"content":{"rendered":"<div class=\"text\">\n<div class=\"columnLeft\">This week i had a stint at reproducing the brushstroke effect as seen on the famous <a href=\"http:\/\/soytuaire.labuat.com\/\" target=\"_blank\">labuat website<\/a>, winner of the FWA&#8217;s 2009 people&#8217;s choice award. The tricky part was getting that same smoothness in the curves but I&#8217;m pretty happy with the results i got so far. For kicks, i also added some animation and velocity to the brushstroke.<\/div>\n<div class=\"columnRight\">It was a nice continuation from the previous work i did on the <a href=\"http:\/\/www.patrickmatte.com\/index.php\/2009\/07\/25\/i-won-the-25-lines-of-code-contest\/\">25 lines of code contest<\/a>. I&#8217;m gonna thinker a little bit more with the code and post more advanced experiments later on.<\/p>\n<p><a href=\"http:\/\/www.patrickmatte.com\/stuff\/brushstroke\/sources.zip\">Download the source files.<\/a><\/div>\n<\/div>\n<p><iframe scrolling=\"no\" frameborder=\"1\" style=\"position:relative; width:100%; height:480px; margin:0 auto\" src=\"http:\/\/www.patrickmatte.com\/stuff\/brushstroke\/ribbon7.html\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p><iframe scrolling=\"no\" frameborder=\"1\" style=\"position:relative; width:100%; height:480px; margin:0 auto\" src=\"http:\/\/www.patrickmatte.com\/stuff\/brushstroke\/ribbon5.html\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week i had a stint at reproducing the brushstroke effect as seen on the famous labuat website, winner of the FWA&#8217;s 2009 people&#8217;s choice award. The tricky part was getting that same smoothness in the curves but I&#8217;m pretty happy with the results i got so far. For kicks, i also added some animation [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":339,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[59],"tags":[20,28],"class_list":["post-121","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-experiments","tag-flash","tag-generative-art"],"_links":{"self":[{"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=\/wp\/v2\/posts\/121"}],"collection":[{"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=121"}],"version-history":[{"count":29,"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=\/wp\/v2\/posts\/121\/revisions"}],"predecessor-version":[{"id":762,"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=\/wp\/v2\/posts\/121\/revisions\/762"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=\/wp\/v2\/media\/339"}],"wp:attachment":[{"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}