Flash

April77 – Visual Energy Signs

November 29, 2010

main

Flash

April77 – Visual Energy Signs

November 29, 2010

Nice little site with a few new techniques.

Collaboration with April77, design from them, development from me.

This site once again used RoyalCMS for all content – text, banner images, gallery items and PDFs.

What I used for the first time here was columns with TLFTextField. I Defined the text area and then set the number of columns and gap between them – it was that simple. Then text flows over these columns.

I’m still not completely sold on TLF as it is a bit bulky, adds to loading times and can be hell to format, but it does have some nice features. See the Adobe doco about it here

The other new technique I used was something from GreenSock’s TweenMax.

For the banners on pages you will notice a masking effect – but I am actually not using a mask at all! Instead I am using the property scrollRect available on DisplayObjects.

scrollRect accepts a Rectangle and crops the DisplayObject to it, TweenMax then allows you to tween this rectangle creating a masking effect.

To do this you must have these classes imported:

import com.greensock.plugins.TweenPlugin;
import com.greensock.plugins.ScrollRectPlugin;

and activate the plugin:

TweenPlugin.activate([ScrollRectPlugin]);

Then once you have added a value to scrollRect you can tween away!

For example, to reveal a DisplayObject that is 100 x 50 in 1 second;

displayObject.scrollRect = new Rectangle(0, 0, 0, 50);
TweenMax.to(displayObject, 1, {scrollRect:{width:100}});

See the site – Visual Energy Signs

JK

Leave a Reply

Your email address will not be published. Required fields are marked *

css.php