# Flash Transitions

**URL:** <https://forum.kirupa.com/t/flash-transitions/251954>\
**Category:** open source\
**Created:** [February 14, 2008, 10:42am UTC](https://forum.kirupa.com/t/flash-transitions/251954 "2008-02-14T10:42:25Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![EViL\_Bites](https://avatars.discourse-cdn.com/v4/letter/e/ecccb3/32.png) [@EViL\_Bites](https://forum.kirupa.com/u/EViL_Bites)\
**Post date:** [February 14, 2008, 10:42am UTC](https://forum.kirupa.com/t/flash-transitions/251954/1 "2008-02-14T10:42:25Z")

</div>

VERSION: 2.1

[COLOR=Green] **Where its from:** [/COLOR]Here’s a simple flash transition that mimics a “falling blocks” effect. I’ve used this effect in my 2007 year end [offline] portfolio. I saw this clever effect on one of the adobe developers sites, unfortunately I can’t seem to find - If you do know the site please post a link - thanks in advance.

[COLOR=Green] **About the code:** [/COLOR]Anyway the code is original and I’ve been trying to improve it and hopefully add more transitions over time. I’ve taken a que form from TweenLite to make coding the transitions simple as possible.

[COLOR=Green] **How it works:** [/COLOR]The construct takes a DisplayObject as a parameter, it then creates a grid and copies the BitmapData to smaller individual Bitmap objects and stores these in an Array. The Array is randomized and a Tween is applied to each object in the Array.

[**[SIZE=3][COLOR=Red]EXAMPLE[/COLOR][/SIZE]**](http://evil-bites.deviantart.com/art/Break-Apart-Transition-Preview-84886784)  
[**[SIZE=3][COLOR=RoyalBlue]SOURCE [/COLOR][/SIZE]**](http://evil-bites.deviantart.com/art/Break-Apart-Transition-Source-77346532)

The class has gone through significant changes with more control over the effect also all files are now hosted on [http://www.deviantart.com/](http://www.deviantart.com/) .

\*\*[COLOR=SeaGreen]CHANGES: [/COLOR]\*\*The class now accepts a display object as a parameter and does the conversion automatically.  
Class logic is a-lot cleaner and faster.  
Reverted to using onComplete:Function and onCompleteParams:Array since the current class structure is not conducive to using events, also all logic including creation -\> animation \_\> destruction are kept within the class.

[COLOR=SeaGreen] **NOTES** [/COLOR]: [TweenLite and [URL=“http://blog.greensock.com/tweenfilterliteas3/”]TweenFilterLite](http://blog.greensock.com/tweenliteas3) are needed for this effect

---

<div class="post-metadata">

**Author:** ![elle0880](https://avatars.discourse-cdn.com/v4/letter/e/9d8465/32.png) [@elle0880](https://forum.kirupa.com/u/elle0880)\
**Post date:** [May 8, 2008, 5:12pm UTC](https://forum.kirupa.com/t/flash-transitions/251954/2 "2008-05-08T17:12:05Z")

</div>

yeah this one’s great… i have tried this one. im having firefox and it works good. it looks great and i can see the effect. great work!

---

<div class="post-metadata">

**Author:** ![vini](https://avatars.discourse-cdn.com/v4/letter/v/c77e96/32.png) [@vini](https://forum.kirupa.com/u/vini)\
**Post date:** [May 27, 2008, 8:15pm UTC](https://forum.kirupa.com/t/flash-transitions/251954/3 "2008-05-27T20:15:05Z")

</div>

freaking Kool.

---

<div class="post-metadata">

**Author:** ![tkmk](https://avatars.discourse-cdn.com/v4/letter/t/bbe5ce/32.png) [@tkmk](https://forum.kirupa.com/u/tkmk)\
**Post date:** [June 5, 2008, 1:59am UTC](https://forum.kirupa.com/t/flash-transitions/251954/4 "2008-06-05T01:59:06Z")

</div>

How do I use your TweenLite class?

---

<div class="post-metadata">

**Author:** ![prg9](https://avatars.discourse-cdn.com/v4/letter/p/8dc957/32.png) [@prg9](https://forum.kirupa.com/u/prg9)\
**Post date:** [June 5, 2008, 3:24am UTC](https://forum.kirupa.com/t/flash-transitions/251954/5 "2008-06-05T03:24:51Z")

</div>

[QUOTE=tkmk;2336949]How do I use your TweenLite class?[/QUOTE]

That class and others were made by Jack at GreenSock (AS2/AS3 versions)

TweenLite  
[http://blog.greensock.com/tweenliteas2/](http://blog.greensock.com/tweenliteas2/)  
TweenFilterLite  
[http://blog.greensock.com/tweenfilterliteas2/](http://blog.greensock.com/tweenfilterliteas2/)  
TweenMax  
[http://blog.greensock.com/tweenmaxas2/](http://blog.greensock.com/tweenmaxas2/)

You can fiind all the info you need there.

[QUOTE=EViL-Bites;2285711][COLOR=SeaGreen] **NOTES** [/COLOR]: [TweenLite and [URL=“http://blog.greensock.com/tweenfilterliteas3/”]TweenFilterLite](http://blog.greensock.com/tweenliteas3) are needed for this effect[/QUOTE]

it was also linked at the bottom of the first post 😉