{"id":12,"date":"2009-10-01T17:49:17","date_gmt":"2009-10-01T15:49:17","guid":{"rendered":"http:\/\/blog.teleranek.org\/?p=12"},"modified":"2026-07-04T00:52:25","modified_gmt":"2026-07-03T22:52:25","slug":"mac-osx-genie-effect-as3-class","status":"publish","type":"post","link":"https:\/\/blog.teleranek.org\/?p=12","title":{"rendered":"Mac OSX &#8220;Genie Effect&#8221; AS3 Class"},"content":{"rendered":"<p>That&#8217;s the little AS3 Class I&#8217;ve written. Nowadays there&#8217;s some strange trend in ripping off OSX GUI, so I&#8217;ve decided to make your life a little easier.<br \/>\nI&#8217;ve been googlin for this effect, but I haven&#8217;t seen anything event close, to what you can see on OSX.<\/p>\n<p>So here comes this little class &#8211; GenieFX:<br \/>\n<iframe loading=\"lazy\" src=\"https:\/\/exp.teleranek.org\/proj\/genie\/index.html\"\/ width=\"400\" height=\"300\"\/><br \/>\n<!--\n<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" width=\"320\" height=\"270\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\">\n<param name=\"name\" value=\"genie\" \/>\n<param name=\"bgcolor\" value=\"#ffffff\" \/>\n<param name=\"align\" value=\"middle\" \/>\n<param name=\"src\" value=\"http:\/\/exp.teleranek.org\/proj\/genie\/genie.swf\" \/>\n <!--[if !IE]> <--><br \/>\n<object data=\"http:\/\/exp.teleranek.org\/proj\/genie\/genie.swf\" width=\"320\" height=\"270\" type=\"application\/x-shockwave-flash\"><param name=\"name\" value=\"genie\" \/><param name=\"bgcolor\" value=\"#ffffff\" \/><param name=\"align\" value=\"middle\" \/><\/object><br \/>\n<!--> <![endif]--><\/object><br \/>\n&#8211;><\/p>\n<p>Click grey button-like object to see the animation.<\/p>\n<p>This is the fragment pulled from demo&#8217;s source:<\/p>\n<p><code>addChild( gfx = new GenieFx(<br \/>\n( new demoBmp() ).bitmapData , \/* object to animate - DisplayObject or BitmapData *\/<br \/>\n150\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 , \/* x position of genie's \"tail\" *\/<br \/>\n0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/* start from hidden image *\/<br \/>\n) );<br \/>\n<\/code><\/p>\n<p>You can pass a vector shape or whatever else to animate.\u00a0 The &#8220;x position of genie&#8217;s tail&#8221; is randomly generated after every button click,that&#8217;s why the image comes to and from different places.<br \/>\nSource for this demo is available for download here:<br \/>\n<span> <a class=\"linkifyplus\" href=\"http:\/\/exp.teleranek.org\/proj\/genie\/demo.zip\">http:\/\/exp.teleranek.org\/proj\/genie\/demo.zip<\/a><\/span><\/p>\n<p>The demo uses almost all functions of this effect, so you will figure out how to use it : ) It&#8217;s ultra-simple.<\/p>\n<p>The class uses a bit buggy ( but free to use on commercial projects : P ) tweening lib called &#8220;Twease&#8221;, feel free to change it to TweenLite or whatever else.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>That&#8217;s the little AS3 Class I&#8217;ve written. Nowadays there&#8217;s some strange trend in ripping off OSX GUI, so I&#8217;ve decided to make your life a little easier. I&#8217;ve been googlin for this effect, but I haven&#8217;t seen anything event close, to what you can see on OSX. So here comes this little class &#8211; GenieFX: [&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":[18,49,50,48],"class_list":["post-12","post","type-post","status-publish","format-standard","hentry","category-flash-experiments","tag-as3","tag-effects","tag-experiments","tag-genie-effect"],"_links":{"self":[{"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=\/wp\/v2\/posts\/12","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=12"}],"version-history":[{"count":7,"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=\/wp\/v2\/posts\/12\/revisions"}],"predecessor-version":[{"id":381,"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=\/wp\/v2\/posts\/12\/revisions\/381"}],"wp:attachment":[{"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}