Transform Tool 2 Sample 1

In my previous post I showed you Transform Tool which I created. It has several issues and I promised to fix them. Finally I've done new version of it, let me present Transform Tool 2 which is completely redesigned and has better performance. Below I would like to show you first example of using it. Press view source context menu to get source code. 


Intentionally I put image and transform tool in different groups with differen position and rotation to show you how tool handle it and place itself in right position. Also you can notice UI anchor points for resize and rotate transformation.


SWC: Transform Tool 2 version 1.0.
Source code: Project home page.
ASDoc:  API ASDoc.
Required Flex SDK version: SDK 4.5


In next posts I'm going to show you examples how to create custom skins and more... See you soon.

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.