Elastic Racetrack tool

In one of my previous posts I showed tool that can measure actual frame per second of your applications. I noticed that some times it is not enough to analyze performance of application, so I decided to create more sophisticated tool. Often flash player's cycle Adobe displays as "Ellastic Racetrack" (see http://www.craftymind.com/2008/04/18/updated-elastic-racetrack-for-flash-9-and-avm2/). I wrote tool that can visually show that racetrack on the screen. It gathers information of code execution and rendering times during some interval (configurable, by default 1 sec.) and draws on the screen two racetracks that represents heaviest code execution frame and heaviest rendering  frame.



Press "Execute code" button to slow down performance and see how racetrack react. Use view source to get source code.
To start using it you need to include swc file into project and just put ElasticRacetrack component on the stage. Also, you can download source code of lib here.

Skinnable and customizable Transform Tool component

I've been working on transform tool component for Adobe Flex 4. It is completely skinnable and customizable component. Below you can find example how to use it. In this implementation skin class also used as config. I've created two additional skins. Use combobox to change them.

Please, use view source to get source code of example.
Also, cursors are created in mxml as vector graphics, you can create your own cursors and apply them in skin.
Here you can download source code of Transform Tool library. Also, you can download swc here.

Next version is released, see first example.

Simple FPS Display component

Some times when we write and test Flex applications we need to know current FPS or RPS (render per second) values to see performance. So I decided to write simple FPS display component. The component has two possible mode "fps" and "rps". It based on SkinnableComponent so you can write and apply your own skins.
Below you can see the example (use view source to get source code):

Hope you will find it helpfull.

Advanced Popup window with shader filter using Pixel Bender

,I've created cool popup window with shader filter from previous post using AnimateFilter class provided by Flex 4.

The popup window is extended from spark panel, has close button and uses it's own skin class. You can close the popup and open again (use view source to get source code).

Enjoy.

Title window with shader filter using Pixel Bender

I used Adobe Pixel Bender to create simple shader filter that adds light point on objects.

To add filter I used ShaderFilter class provided by Flex 4.

Below you can see login window with light point on title bar (use view source to get source code).

Hope you will find it out useful.