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
