Suppose we need to convert 14 – 100 as 0% – 100%

X may be any input from 14 to 100, and the calculation is

((X – 14)/(100 – 14)) * 100

This might be usefull in scrollBar calculations or when we want to restrict size of Image and so on.

mx_internal is a way to access variables that are hidden but available to use for developers.

we can use the variables in the code before that we need to import.

import mx.core.mx_internal;

< ?xml version="1.0" encoding="utf-8"?>


	
		< ![CDATA[
			import mx.controls.TextInput;
			import mx.core.mx_internal;

			protected function initButton():void
			{
				var tf:TextField = bt.mx_internal::getTextField()
				tf.visible = false;
			}
		]]>
	
	

Here we are accesing the TextField from button and making it invisible. So this is just an easy way to access all the variables of a component.

Note:
Adobe uses the mx_internal namespace to mark things that may change in future versions of the framework , so you have to use it at your own risk.

Flash Player 10.1 is also designed to take advantage of media delivery with HTTP streaming, including integration of content protection powered by Adobe Flash Access 2.0. This initiative, codenamed Zeri, will be an open format based on industry standards and will provide content publishers, distributors and partners the tools they need to utilize HTTP infrastructures for high-quality media delivery in Flash Player 10.1 and Adobe Air 2.0 software.

1. Open new File Flash CS4.
2. Select File > Publish Settings or Press Ctrl + Shift + F12, Publish Settings window will Popup.
3. Click on Settings… and Select Library path

4. Click on Plus Symbol to add SWC path or File.

5. Copy and Paste the Flex SWC files Path.

For example:C:\Program Files\Adobe\Adobe Flash Builder Beta 2\sdks\4.0.0\frameworks\libs

Thats it now we can compile SWC files created for Flex Applications.

In this tutorial we are going to see how to make new Red5 Project.

Before trying this tutorial, make sure the Red5 Server and its sample runs.

Type http://127.0.0.1:5080/ in address bar of your browser and you will see the page below.

Next we will see how to setup server-side code in Eclipse.

Download and install Eclipse for Java EE.

1. Create new Java Project in Eclipse. delete the src folder
2. Create WEB-INF folder under the project with sub-folders src and classes
3. Right click src folder under the project then select- Build path > use as source folder.
4. Again right click WEB-INF/src folder under the project then select- Build path > Configure Output Folder.
5. Right click Project > Properties from the Menu. Select Java Build Path from Left Menu.
6. On Right side tabs click on Libraries > Add External Jars.. Select red5.jar from Red5 root installation folder(example: C:\Program Files\Red5\red5.jar)
7. Right Click on src > new > Class. Type the Package name like org.red5.sample, Class name then click on Finish.
8. Type some Java code and compile the application by Run Menu/ Run Icon.
9. Navigate to Red 5> Doc > Templates > MyApp > WEB-INF copy the four files into your newly created WEB-INF folder under the Project.
10. Refresh your project in eclipse so you can now see the four files.

Now we need to deploy the application to Red5 Server.

11. Create Folder and name it like Red5App under Red5 > webapps folder
12. Copy the WEB-INF folder in to Red5App now the folder structure will be like Red5 > webapps > WEB-INF under that will be Classes and src Folders.
13. Edit red5-web.properties using Notepad to.

webapp.contextPath=/Red5App
webapp.virtualHosts=localhost, 127.0.0.1

Note: Red5App is the Folder Name created in Step11.

14. Edit red5-web.xml look for bean id =”web.handler” add the package name and class name we have give in step7 here.

<bean id=”web.handler”
class=”org.red5.sample.ClassName”
singleton=”true” />

15. Edit web.xml look for <param-name>webAppRootKey</param-name> and change the param-value below that to

<context-param>
<param-name>webAppRootKey</param-name>
<param-value>/Red5App</param-value>
</context-param>

Thats it we have created a server-side Java application for Red5 Server.

Below is the entire application Folder structure:

In next tutorial we will see How to create client side application.

Here some of the free preloader animations created by me this morning.

Idea of preloader is indicating the user that some assets are being loaded, and making them to wait.
But we should keep in mind that the user may lost their patience, so keeping the Flash assets filesize minimal is much important while making Flash websites or Flash applications.

• News scroller
• Flash Banners

..

In this article we are going to create that effect.

First we need to import necessary classes.

import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.display.MovieClip;

The next step is to align the stage to TOP LEFT and scalemode to no scale.
Means we are aligning the stage to topleft even if we resize it and not scaling the contents on resize

stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;

The final step is to add Event listener for stage resize

stage.addEventListener(Event.RESIZE, handleResize);
function handleResize(e:Event):void
{
	//The resize code goes here
}

Note:
In the sample files I added code that creates a rectangle equal of stage size.

In Html, We are resizing the Flash using StageResize.width = Value.
Here,

StageResize is the name of the Flash movie create when publishing the Flash.

 onclick="StageResize.width = '150';StageResize.height =  '150';" href="#">Change W:150 X H:150

FlexPMD uses a part of PMD, which used to analyse Java sources.

FlexPMD detects unused codes(like functions variables), inefficient code, complex loops..

FlexPMD can be invoked from

* The command line
* Maven
* Ant
* Automator on Mac OS X
* Eclipse new
* TextMate on Mac OS X new
* FlashDevelop new

A report will be generated against our flash project. Report can be view using PMD viewer

Article Source
http://opensource.adobe.com/wiki/display/flexpmd/FlexPMD

I have taken the quiz section where we can see questions from chapters of the book Learning ActionScript3.0, It covers all the chapters from

• ActionScript Overview,
• Events,
• Display List,
• OOP,
• Text,
• Sound,
• Video,
• XML,
• Advance Actionscript.

Below is the screenshot of the result.

From the result I need to concentrate in XML and Prgramming Design.

I encourage you people to participate in the Quiz and post me the Screenshot to publish here in the blog.

All the best guys…

cheers

the three main feature themes you will find in this release:

• designer/developer workflow
• data-centric development
• IDE productivity and testing

more to come