So, I wrote this simple little class to adding a water mark to a display object, and the returning that display object as bitmapdata for say, passing to Adobe’s jpg encoder.

Maybe someone will have some use for it?

Source Files
Here is the relevant source file; Watermark class (331)

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

Dependencies
Zero

While not being something that has ever concerned me in the slightest, I thought I’d whip up a quick AS3 version of the same general idea.

Its pretty simple. A singleton class, with a simple “loadMovie” method that accepts the string URL of the asset to load, the container to load it into, and an optional Boolean flag for deciding if the containers existing children (if it has any) are removed with each new load.

I doubt this will have much use, but who knows.

Source Files
Here is the relevant source file; LoadMovie (716)

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

Dependencies
Zero

The class supports scrolling via the provided scrollBar, keyboard (UP and DOWN arrows) or via the mouse wheel. I’ve also included and added in support for the mouse wheel on Macs. That support is courtesy of the great class provided by pixelbreaker. The class is scrollRect based. I chose a scrollRect for a performance gain it offers when scrolling text. The downside in this implementation is that when you are blur scrolling the text, the top and bottom of the rect tends to look blurred as well.

The Class uses an enterframe for it’s scrolling, rather than a tween engine. The enterframe events are always removed when scrolling etc stops.

I have not tested this on a PC, so let me know if it has issues. I think Safari might have an issue with it, judging by some of the comments from pixel breakers blog posts.

Class Features

• Scroll Y
• Either CSS or TextFormat Styles for text
• Supports HTML text
• Scroll via MouseWheel, Keyboard, Slider Bar
• Selectively choose what listeners to add, or remove
• Slider Bar is fully configurable
• Slider Bar auto hides if there is not enough text to scroll
• Use custom asset for Slider Bar Drag Handle
• Append text
• Replace text at runtime
• Scroll programatically to particular points
• Control blurring amounts
• Control scroll speed and easing

View Example
Here is an example. It’s using external text, with the left hand text block controlled via a TextFormat Object and an embedded font. The right is controlled via an external CSS StyleSheet, using Arial. Clicking the “load new text” button swaps the right hand block of text to a TextFormat Object.; http://www.noponies.com/dev/as3_textscroller/

Source Files
Donator only file!

Dependencies
The .fla’s use the Memory and Framerate monitoring component from Grant Skinner, which you can get here: http://www.gskinner.com/blog/archives/2008/04/simple_componen.html, But, simply delete this out, for a production use.
Mac MouseWheel Scrolling pixelbreaker

The NpScrollingPanel Class is designed to create a scrolling pane of content. The Class itself does not handle any loading in of content. You must provide the class with DisplayObjects for it to scroll. I wanted it to be completely content independent.

Let me know if there are bugs etc..

Class Features

• Scroll x and y
• Fixed or stage width / height scrolling area
• Create columns / rows of scrolling content
• Scroll via mouse movement, panel edges, or via external sources
• Control colour and alpha of scroller background
• Toggle button mode for content
• Scrolls any DisplayObject
• Adjust content item padding on the fly
• Remove content items on the fly
• Use lots of cpu with a blur scroll mode
• Simple internal easing engine
• Control scroll speed and easing
• Enable / Disable scrolling
• Target individual content items
• Enable Reflections on content
• Drag N Drop content items, to change their order in the panel
• Flexible event system to track clicks etc on content

View Example
Here is an example. It’s using external XML content and the vertical scroller is pulling in two bitmaps from the library; http://www.noponies.com/dev/as3_scrollingpanel/. Performance of the blurred and reflected content is pretty bad . I’ve been playing around with this class for a job, where I’ve built a basic CMS, that needed the ability to reorder the content. So, I’ve added in the ability to drag n drop the content items, changing their order, plus a whole lot of other bug fixes. The new version is not online yet, but will be by the end of the week. The online demo allows for dragging and dropping, its pretty beta!

Updates
Jan 03 2009: Small fix for a bug pointed out by Matt.

Source Files
Here is the relevant source file; Scrolling Panel Source Files (1942) - 352.72 KB
Here are the beta files, that allow for dragging content items. Be aware, that quite abit of the api has changed.
Scrolling Panel Source Files (Beta) (538) - 351.77 KB
Let me know how these new files work out.
By downloading, you agree to the terms of use, outlined here: http://www.blog.noponies.com/terms-and-conditions

Dependencies
The class uses the http://www.adobe.com/devnet/flash/articles/reflect_class_as3.html class to enable reflections on content.

The NpFlexLayout Class is designed to simplify aligning DisplayObjects to stage dimensions and responding to changes in stage dimensions at run time by a user or between different users.

This supersedes a simpler implementation of this approach, called “ActionScript 3 Liquid Layout Manager”, which I’ll leave on the site.

As opposed to the LayoutManager class, the NpFlexLayout class is an actual layout manager, taking care of instantiating, destroying and passing on requests to instances of an internal class called NpFLexLayoutItem which wraps each displayObject passed to the NpFlexLayout Class.

Class Features

• Position objects (x,y) on the stage as a proportion of the stages dimensions
• offSet each displayObject (x,y) from where it would be by an absolute pixel value
• set objects to stretch to fit either stage width / height or a proportion of stage dimensions
• per object minX & minY settings where reflowing, resizing will cease
• use either the clips registration point, or its visual center (width/height)
• pause, resume displayObjects responding to resize events
• update individual class properties at runtime
• tween objects properties at runtime (uses internal simple tween method)
• set tween easing
• add, remove displayObjects from class

View Example
Here is an example; http://www.noponies.com/dev/as3_flexlayout/

Source Files
Here is the relevant source file; Flex Layout Files (1224) - 127.6 KB
By downloading, you agree to the terms of use, outlined here: http://www.blog.noponies.com/terms-and-conditions

Dependencies
None.

Version 2 Beta
Ok, here is a beta of version 2 of this class. Have a play and let me know of any issues.

I’ve updated the beta with an constrain resize property. Let me know how it works out in testing etc

http://www.blog.noponies.com/wp-content/uploads/NpFlexLayout-v2-Beta.zip