July 31st 2008 - Entry Posted to: ActionScript 3, class

ActionScript 3 Full Browser Background Content.

This is the second third iteration of this class. I decided to put the NpFSObjectResize Class to use within this demo, using that class as the superclass for here. As a result, this new version of this file is much more capable, supporting stage alignment modes along with a simple method for loading in new background images or swfs. You could use that feature to create a simple full browser slideshow, but be warned that I have not used the same bitmapData memory management techniques as I have within the Full Browser Cross Fading demo. So, your memory useage could get higher using this class as a slideshow (as you will be waiting on the garbage collector to do its thing).

This class has been completely rewritten, as of version 2. The api has changed, and many new methods and properties are present. The classes event model has been shifted into its own class, and a new class now wraps each display object, which is the foundation for more work on transitions other than a straight alpha fade. This version is not compatible with any older versions!

The demo file contains an example of using this class with an XML iterator, with various methods for creating slideshows etc. Along with this example, is a very simple implementation, commented out in the actionscript layer of the .fla.

Class Features

• Stage Alignment Modes
• Load New Bg Method
• Specify Cross Fading Time
• Specify Min Stage Scale points
• Pass Through Mode, where scaling is disabled
• Specify Max scale of content
• Specify content only scales upwards

View Example
Here is an example. In this example, the first file (swf) is set to scale to only 70% of the stages size, and stay centered, the second file (bitmap) is set to scale to full browser dimensions. View example here: http://www.noponies.com/dev/as3_fullbrowser_bg/

Updates
04 August, 2008: Added in ability to load in swfs as content.
17 Oct, 2008: Method change, shift from using timer to crossfade to internal Adobe tween class.
06 Jan, 2009: Completely rewritten, new API, new classes, new event model.
08 July, 2009: Fixed the bug with short tween in times, and a small issue with garbage collection
13 July, 2009: Fixed a slight bug with the example files related to iterating in reverse over a collection

Source Files
Here is the relevant source file; Full Browser Content Files (2445)

I’ve been playing around with javascript libraries more and more recently, I converted this file into a lightweight jQuery plugin, which can be viewed here; http://www.noponies.com/dev/as3_fullbrowser_bg/resize.html. If there are no problems, I’ll release it. In many ways, the writing is kinda on the wall for Flash, javascript can do a lot of the presentation things I would normally do in Flash.

By downloading, you agree to the terms of use, outlined here: http://www.blog.noponies.com/terms-and-conditions

Dependencies
None.

107

July 23rd 2008 - Entry Posted to: ActionScript 3, Donator File, class

ActionScript 3 Vertical & Horizontal Accordion Menu with support for columns of content.

This example extends and supersedes an earlier version of this file I wrote about a year ago. I always wanted to make a horizontal version and extend the class, making it more flexible and useful to people.

As was the previous menu, this menu is a Class based ActionScript 3 Accordion Menu, with either a rollOver/RollOff activation scheme for a onRelease activation scheme. I also added in a better extended event class which allows you to control, or respond to all menu activity via events.

Class Features

• Vertical or Horizontal Menu Orientation
• Visible or invisible Menu Bar
• Supports parsing functions passed to each menu item
• Custom Menu Bar Assets
• Option for persistent Menu Panels
• Menu Spacing
• Menu text position
• MenuBar colour / RollOver/Off colour
• Menu text format
• Menu tween speed
• Menu easing type
• MenuBar width, height, visibility
• Menu Click behaviour
• Disable / Enable Menu
• Open Particular Panels
• Menu attributes are applicable on a per menu item basis
• etc, etc.

View Example
http://noponies.com/dev/as3_accordion/

Source Files
Donator only file!
If you want a less capable version of this file, you can download this; http://www.blog.noponies.com/archives/39

Dependencies
TweenLite – http://www.tweenlite.com

29

July 01st 2008 - Entry Posted to: ActionScript 3, class

The NpFSObjectResize Class is a fairly simple ActionScript 3 class for displaying any DisplayObject at fullScreen (fullBrowser) screen dimensions. The class gives you the options of resizing to full the entire screen, or to resize to either width or height. You are also able to align your objects anywhere within the stages dimensions. This allows for you control where your objects scale from (via positioning) them. So, you can center your objects, or align them bottom right and so on.

Updates 1 August 2008: Updated with new stage alignment properties, adjustments to constructor.

Class Features

• Min Stage Width – point at which scaling will turn off
• Min Stage Height – point at which scaling will turn off
• Use Stage Min – Controls whether or not objects scale or clip at a the MIN stage points
• Scale Modes – “full”, “height”, “width”
• Align Objects within stage dimensions
• Position Objects within stage dimensions

View Example
http://www.noponies.com/dev/as3_fsresize/

Source Files
Here is the relevant source file: FullScreen Resize Object Files (1705) - 348.14 KB
By downloading, you agree to the terms of use, outlined here: http://www.blog.noponies.com/terms-and-conditions

Dependencies
None

Updates
03 October, 2008: Updated main resize code, as there was a slight bug when resizing

Dependencies
None!

Beta Version

I’ve created a new version of this class, that includes mouse panning for objects along with a panning to a point method

You can get the beta from here. NpFsObjectResize Beta (51) - 482.74 KB
Please let me know of any errors, or issues with the code.

15