Tag Archives: flex

Font Embed Bug on Flash Builder 4.5

Embedding fonts in Flash Builder is so easy as follows. However, in some cases that I have no idea, Flash Builder changes the fonts in your application. To fix that, just goto topbar Project->Clean…Then Flash Builder refreshes your project and everything is gonna be fine 🙂 This is just a reminder for myself. I’m sure, I’ll forget the fix for this issue when I exprience it again.

[Embed(source="com/alptugan/assets/font/HelveticaNeueLTPro-Roman.otf", embedAsCFF="false", fontName="roman", mimeType="application/x-font")]
public var Roman:Class;

[Embed(source="com/alptugan/assets/font/HelveticaNeueLTPro-Bd.otf", embedAsCFF="false", fontName="helvetica-bold", mimeType="application/x-font")]
public var Bold:Class;

[Embed(source="com/alptugan/assets/font/HelveticaNeueLTPro-ThCn.otf", embedAsCFF="false", fontName="helvetica-thin", mimeType="application/x-font")]
public var Thin:Class;

Flash Builder – Debug Player Connection Timeout / Wrong Player

It’s a so common issue for me. Whenever I install a new Flash Player version or a new software (really I don’t know why it’s happening!!), Flash Builder gets confused about debugging. And I start to experiment with the problem endless hours..In some way, I make it work. But most of the time, the solition is uninstall all of the Flash Player and Debugger versions and also Flash Builder from my computer. Then, re-install everything again..What a suffer..

I couldn’t find any consistant fix for that issue. I wrote many e-mails to Adobe, but no chance!!!

Few hours ago, it’s happened again, and I lost 6 hours or something more. Because of that issue I couldn’t finish my client’s work also. At last, I realised that the solition is so simple. Hope it helps someone else who is suffering from the debugging issue in Flash Builder appearing randomly. And it’s a reminder for me also. Don’t wanna loose hours for the next time. It really pissed me of this time.

Well, the solution as follows;

1- Turn back to defaults for every preferences in the Flash Builder

 

 

 

 

 

 

 

Delete the text in the “Standalone Adobe Flash Player” and Web browser” fields.

 

 

 

 

 

 

 

 

2- This is the magic part (!) Just right click on a swf file in your computer and select “get info”

 

 

 

 

 

 

 

 

 

Select the desired latest Flash Player/Debugger that you want. For me, Flash Builder located to Flash Player 10.1..But, my sdk was Flex_4.5.1. The minimum player version has to be 10.2 in order to use flex_sdk_4.5.1. I chose “Flash Player Debugger 10.3” from the list.

 

 

 

 

 

 

 

 

And DO NOT FORGET to hit “Change All…” button inthe info window.

 

 

 

 

That’s all!

3- Turn back to Flash Builder and hit “Debug” icon. It should work.

 

 

 

 

 

 

 

 

If you know the reason is why, just please tell me 🙂 I’ve been using Flash Builder/Flex for two or three years and have no idea about the problem. May be it’s related with the location.

 

Update (November/12/2011)

if the method that I mentioned above, you can try to connect flash debugger player manually. To do that;

1- Run/Debug your application from Flash Builder

2- When the progress tab stucks at 57% or something else, wait for the flash player/debugger window appears.

3- On the browser or the window, right click on it and select “Debugger” (To do that you have to have Flash Debug Player Version both for browser and stand alone application. You can download debugger version of Flash Player from adobe’s web site)

 

 

 

 

 

4- Select “At IP Address” and type “127.0.0.1”, hit continue. It should work. I hope 🙂 At least worked for me

 

 

List of XML and HTML character entity references

Quick post for myself 🙂 While I’m writing xml files, always always forget how to type entities. Here is the link from wikipedia

Sometimes, in xml attributes I need to use “&” character, but it can be problematic. And, I can’t find any solution for this issue. We can use  <![CDATA[ ]]> for xml nodes, but not for attributes. So for me the only possible way is to use character entities. eg:

//in xml node
<content><![CDATA[me & others]]></content>

//in xml node
<content title="me amp&; other"/>

	

Quick Tip – Return Vector Array


If you try to return a Vector typed array in flash, you’ll get the following error.

public function getMainItems():Vector
{
	//Length of Main items
	MainItemLn = xml.item.length();

	//Vector class of MainItems
	var MainVO:Vector     = new Vector.<VOItem>(MainItemLn,true);

	for(var i:int = 0; i < MainItemLn; ++i)
	{
		MainVO[i]        = new VOItem();
		MainVO[i].id     = i;
		MainVO[i].title  = xml.item[i].@title;
		MainVO[i].img = xml.item[i].@img;
	}

	return MainVO
}

1067: Implicit coercion of a value of type __AS3__.vec:Vector.<com.Gallery:VOItem> to an unrelated type __AS3__.vec:Vector.

It is because Vector.<VOItem> isn’t the same type as Vector. That means;

public function getMainItems():Vector.<VOItem>
{
	//Length of Main items
	MainItemLn = xml.item.length();

	//Vector class of MainItems
	var MainVO:Vector     = new Vector.<VOItem>(MainItemLn,true);

	for(var i:int = 0; i < MainItemLn; ++i)
	{
		MainVO[i]        = new VOItem();
		MainVO[i].id     = i;
		MainVO[i].title  = xml.item[i].@title;
		MainVO[i].img = xml.item[i].@img;
	}

	return MainVO
}

And you can get your Vector array values like;

trace(getMainItems()[0].title);
//or
trace(getMainItems()[1].title);
//and so on..
.
.
.

**Note: VOItem is my custom Value Object Class. It doesn’t matter what it is. It can be movieclip, sprite, etc…

Some Usefull Shorcuts for Flex/Flash Builder

Sometimes, looking for some variable or function in the program can be very hard find. For me, this issue always distracts my focus on application. Or, I can be very lazy to comment out /* */ some code block. Anyway, I would like to tell you some of the life and time savers of the shorcuts that I’m using frequently.

1. Cmd + Shift + O: Removes all of the unused imports from your file.

2. Cmd + Shift + C: Comments out the selected block or line with /* */ chars.

3. Control + Alt + H: I think this is the most wonderful one. Searches the selected function name in your project and lists all of them line by line.

4. Cmd + M : Maximizes Flash Builder/Flex window to view only editor window. You can switch back to previous view with the same shortcut also.

5. Cmd + L : When you type this. A little pop-up appears and asks you to type a line number. When you type the number and hit enter, it jumps directly to this line.

6. Cmd + Left Mouse Click : e.g, you have an instance name like “foo”. But you forgot the decleration of the variable. To find the decleration, just press Cmd and move mouse pointer onto “foo”. Then “foo” turns to “foo” underlined in blue color. If you click on it, you will jump directly to the decleration of the variable. Besides that, if you click onto decleration while holding down Cmd key, action Script class of the decleration will be opened in the editor.

7. Control + Tab: Switches between editors/tabs.

8. Cmd + O: Shows you all of the vars, function, methods, etc… in the class. And you search specific names from the opened window.

Please note if I am missing another usefull shortcut.
By the way, there is also a shorcut to view all of the showtcuts 🙂
Cmd + Shift + L

Convert AS3 Timeline Codes to Document Class Easily

Here is a great tool that you can convert Flash Timeline codes to the document classes. It works perfectly. The only thing you do is, just copy timeline code into the empty textarea below, then put a name for your document class. When you press “submit” button, a php script generates your document class code at once. Thanks to Zevan Rosser for this converter tool. By the way, he is a smart coder. Many of Zevan’s codes are too short, but also functional. You should check his blog also for some kind of unique tutorials.
AS3 Timeline Code to Document Class Converter

With keyword in Action Script 3.0

I’ve been programming with as3 for two years and everyday I come across with a new stuff 🙂 Today, I was checking a as class and encountered with “with” keyword. There is no magic about “with” keyword. But, it allows you to write cleaner codes. Here is a little example how it works;

with (graphics)
{
	clear();
	beginBitmapFill(_bitmapdata);
	moveTo(0, 0);
	lineTo(pWidth, 0);
        lineTo(pWidth, pHeight);
	lineTo(0, pHeight);
	lineTo(0, 0);
	endFill();
}

Frameworks for developing Flash Web-Sites

I’ve been looking for frameworks in order develop flash-based web sites for a long time. I haven’t checked any of these frameworks yet. Because, it takes a lot of time to get into a new programming environment for me. Also, when I’m working on a commercial project, I don’t want to waste my time with new classes, methods and etc.. to develop web based appilcation. Because, your customers don’t care about how the background of their web sites are created. They just want to see final result quickly 🙂

Anyway, For a long time, I’ve been coding with Flex and don’t want to use Flash hereafter. In my opinion, Flash can’t be a framework for coding action script language. I mean, I can’t imagine a framework that has no suggestion option while I’m coding an application. So, I searched for some frameworks which can be used without Flash. At this point, I encountered with PureMVC framwork. But there are no tutorial about how to use it in Flex…I googled some tutorials about PureMVC and here they are;

http://active.tutsplus.com/tutorials/workflow/understanding-the-puremvc-open-source-framework/

http://algorithmist.wordpress.com/2010/04/21/flashbuilder-and-puremvc-part-i/

And there is an other Flash framework which called Gaia. The only disadvantage for me is, you can only use Gaia with Flash. But, Gaia has some tutorials about how to setup and work with it in their web-site.