Flash HD Asset Gallery

July 13th, 2011

I am delighted to present the initial release of the new Flash HD Asset Gallery application, which features simplistic, non-intrusive, user-friendly navigation, and lots of free space for the visual HD content.

About

The Flash HD Asset Gallery can display photos, as well as other flash content, or mix of the two.

Gallery Screenshot
Screenshot 1: Flash HD Asset Gallery screenshot

The technology

The Flash HD Asset Gallery has been optimized for display of high resolution assets, by using an asset tiling feature to tile the source image into multiple images, which are further funelled through smart masking, that displays only those images on screen, which are currently visible, saving CPU and memory resources.

Mouse and Keyboard interactivity support

The Flash HD Asset Gallery controls include mouse and keyboard support, to increase user-friendliness by bridging the gap between the online-based and desktop application. Also, it features flash fullscreen mode, which strives to furthermore reduce the aforementioned limitation, and is recommended for the best viewing experience.

Gallery Screenshot
Screenshot 2: Supported mouse and keyboard shortcuts

Future plans / improvements

This is an alpha version. Further plans are to include smart preloading, which enables the Flash HD Asset Gallery application to load multiple assets on the background while the user previews the current photo, so that next asset is instantly available without waiting, and priority preloading, which calculates highest probability of which photo that will be. Also, another feature will be dynamic scaling, which will allow assets to be stretched, cropped or to fit the current view area. Yet another feature is to enable the Gallery to operate as Slideshow, which animates the assets automatically using various transition effects. Also there is a plan to add thumbnails support which, although reducing free screenspace, will provide better visual feedback for the user (and while this is in place, ill consider using support classes like FZip, to further reduce the download speeds). Another great must-have feature that comes to mind is SWFAddress support, which allows for direct teleportation right onto a specific image, bookmarking and browser buttons to work with the app. Also flash cookies known as SharedObjects will be supported.

Please feel free to leave comments and suggestions, to make this application even better!

Links / Preview

www.michalfiala.com/gallery

Updates

4. Nov 2011
- smart preloading was implemented
- priority preloading was implemented
- basic thumbnail support was added
- SWFAddress support was added
- FZip support was ommited

Embed Flash in WordPress.com Blog

March 14th, 2011

If anyone wonders if there’s a plugin to do this, then the answer is yes:
Kimili Flash Embed for WordPress

I’m using it on my own pages. Very simple to setup and use, provides all the necessary flash embedding options you’ll need.

wordWrap, autoSize, TextFormat.align

March 14th, 2011

I’ve been recently testing these three properties of the TextField class, the:

wordWrap
autoSize, and
align (property of the TextFormat class)

and had to make myself a visual test of how they behave together. Its a handy reference to keep close when working with these, as trying to imagine the different scenarios they create can get easier when seen alive.

Get Adobe Flash player

wordWrap
- must be used in conjunction with autoSize to yield effect

autoSize
- always tries to make input width and height dynamic (wordWrap=true keeps width fixed), so that text typed into input enlarges input to text width and height

autoSize = “none”
- keeps the input width and height fixed

autoSize = “left”
- alignes input to left from original width and height; text autoSizes from right to left and then wordWraps to next line (wordWrap=true), or continues autoSizing horizontally (wordWrap=false)

autoSize = “right”
- alignes input to right from original width and height; text autoSizes from left to right and then wordWraps to next line (wordWrap=true), or continues autoSizing horizontally (wordWrap=false)

TextFormat.align
- is only effective when wordWrap = true or autoSize=none (fixed width)

TextFormat.align = “left” aligns text inside input to left
TextFormat.align = “right” aligns text inside input to right
TextFormat.align = “center” centers text inside input

The test doesnt contain all the combinations, but the rest can be figured out easily.

grab source