{"id":50,"date":"2008-06-19T08:50:22","date_gmt":"2008-06-19T08:50:22","guid":{"rendered":"http:\/\/todepoint.com\/blog\/?p=50"},"modified":"2013-06-13T15:14:05","modified_gmt":"2013-06-13T15:14:05","slug":"how-to-stroke-several-sprites-as-one","status":"publish","type":"post","link":"https:\/\/todepoint.com\/blog\/2008\/06\/19\/how-to-stroke-several-sprites-as-one\/","title":{"rendered":"How to stroke several sprites as one"},"content":{"rendered":"<p>If you&#8217;re trying to create a single stroke (outline, contour) over several sprites or movieClips, you can simply create a parent object to hold them and apply a glow filter to it. In this example (yeah, it&#8217;s an old and basic as2 thing, a test I did ages ago) I applied a glow filter of 2 pixels Blur to the comic balloon background. <\/p>\n<div id=\"comic\"><img loading=\"lazy\" src=\"http:\/\/www.todepoint.com\/adi\/as_examples\/comics\/comics_balloon.jpg\" width=\"450\" height=\"200\" border=\"0\" \/><\/div>\n<p><script type=\"text\/javascript\">\n\/\/ <![CDATA[\nvar glsso00199 = new SWFObject(\"http:\/\/www.todepoint.com\/adi\/as_examples\/comics\/comics_balloon.swf\", \"comical\", \"450\", \"200\", \"8\", \"#FFFFFF\");\nglsso00199.write(\"comic\");\n\/\/ ]]><\/script>The background is made of two movieClips, each has it&#8217;s own behavior, if you click the horn you can adjust its size and direction, if you click the text area you can scale the textField and the balloon background along with it.<\/p>\n<p>This trick can be really handy if you&#8217;re making animations of moving silhouettes. In this flash I used GreenSock&#8217;s <a href=\"http:\/\/blog.greensock.com\/transformmanageras2\/\" target=\"_blank\" alt=\"TransformManager actionscript class\" title=\"TransformManager actionscript class\">TransformManager<\/a> to make the textField and horn controlable.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you&#8217;re trying to create a single stroke (outline, contour) over several sprites or movieClips, you can simply create a parent object to hold them and apply a glow filter to it. In this example (yeah, it&#8217;s an old and basic as2 thing, a test&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,23],"tags":[34,39,40],"_links":{"self":[{"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/posts\/50"}],"collection":[{"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":0,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/posts\/50\/revisions"}],"wp:attachment":[{"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/media?parent=50"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/categories?post=50"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/tags?post=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}