Bitmap division and animation with simple API
Posted: November 10th, 2009 | Author: admin | Filed under: Effects | No Comments »I’m continuing my efforts to create an easy-to-use effect library. For now I’m concentrating on 2D matrix effects — the previous one was halfTone. This one is a devision of an image (or any displayObjects for that matter) into smaller segments.
here’s what it looks like (click to watch animation):
here is the code involved with using the effect:
devide = new Devide(_loadedBitmap, 12, 0x000000);
addChild(devide);
devide.swipeLeftToRight = 0;
seq = new TimelineLite({onComplete:restartTween});
seq.append(TweenLite.to(devide, 1, {swipeLeftToRight:1}));
seq.append(new TweenLite(devide, 1, {swipeRightToLeft:0}));
seq.append(new TweenLite(devide, 1, {swipeTopToBottom:1}));
seq.append(new TweenLite(devide, 1, {swipeBottomToTop:0}));
addChild(devide);
devide.swipeLeftToRight = 0;
seq = new TimelineLite({onComplete:restartTween});
seq.append(TweenLite.to(devide, 1, {swipeLeftToRight:1}));
seq.append(new TweenLite(devide, 1, {swipeRightToLeft:0}));
seq.append(new TweenLite(devide, 1, {swipeTopToBottom:1}));
seq.append(new TweenLite(devide, 1, {swipeBottomToTop:0}));
It is based on my previous work that I posted here.
Leave a Reply