{"id":17,"date":"2010-01-27T20:14:54","date_gmt":"2010-01-27T18:14:54","guid":{"rendered":"http:\/\/blog.teleranek.org\/?p=17"},"modified":"2025-06-29T12:29:29","modified_gmt":"2025-06-29T10:29:29","slug":"fluid-morpher-class-2-sources","status":"publish","type":"post","link":"https:\/\/blog.teleranek.org\/?p=17","title":{"rendered":"Fluid Morpher Class #2 &#8211; sources"},"content":{"rendered":"<p>I&#8217;m willing to release some sources of my previous posts, which I forgot or just didn&#8217;t care to release ( because wasn&#8217;t thinking anybody will use it : ) )<\/p>\n<p>So the first one is the fluid morpher from this post: http:\/\/blog.teleranek.org\/?p=5<\/p>\n<p><a href=\"http:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/01\/morpher.zip\">SOURCE<\/a><\/p>\n<p>The Main.as file consists of 2 methods of adding the morphing effect, one of them is commented ( the commented lines makes the animation from the previous post about morpher )<\/p>\n<p>First method uses Morpher class, second one uses TextMorpher class.<\/p>\n<p>Simply by calling:<code><br \/>\nm.playString( \"hey\" , \"you!\" );<br \/>\nTweenLite.delayedCall( 8 , m.playString , [ \"you!\" , \"blog\" ] );<br \/>\nTweenLite.delayedCall( 16 , m.playString , [ \"blog\" , \"reader :)\" ] );<\/code><\/p>\n<p>You get this effect:<\/p>\n<p><a href=\"http:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/01\/main.swf\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/01\/Obrazek-4.png\" alt=\"\" \/><\/a><\/p>\n<p>Tweenlite is used just to make delayed calls to &#8220;playString&#8221; method. You could use the Timer class alternatively.<\/p>\n<p>How does it work? It&#8217;s simple: I&#8217;m dividing the bitmap into smaller parts, and using &#8220;blob&#8221; technique ( technique old as world, as3 version described e.g. here: http:\/\/blog.oaxoa.com\/2007\/12\/28\/actionscript-3-blobs-lava-lamp-effect ), I&#8217;m moving them from positions where there is no transparent pixels in first bitmap, to positions without transparency in 2nd bitmap.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;m willing to release some sources of my previous posts, which I forgot or just didn&#8217;t care to release ( because wasn&#8217;t thinking anybody will use it : ) ) So the first one is the fluid morpher from this post: http:\/\/blog.teleranek.org\/?p=5 SOURCE The Main.as file consists of 2 methods of adding the morphing effect, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-17","post","type-post","status-publish","format-standard","hentry","category-flash-experiments"],"_links":{"self":[{"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=\/wp\/v2\/posts\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":4,"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=\/wp\/v2\/posts\/17\/revisions"}],"predecessor-version":[{"id":357,"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=\/wp\/v2\/posts\/17\/revisions\/357"}],"wp:attachment":[{"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=17"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}