Subject with loading font isn’t new but some its part weren’t still described. Or I missed them and had to walk through debugging nightmare.

So target application is text/image editors on flash that gives user option to be unique and change font style of his label. And the problem is the font as other graphic content has some weight. Including fonts to application affect on user traffic and experience, because user has to wait longer. And here usually comes idea don’t load all fonts with application and load them only when user require it.

Many projects don’t include fonts into application and load needed on demand. You can found great example at Picnik Editor . All displayed fonts weren’t loaded on at the beginning. Them are loading only when user select them. In that way application size reduced a lot. For example Arial Black font has complete size – 45KB. It is including basic latin lowercase, uppercase, numeric and punctuation characters. Also in 4 styles: regular, bold, italic, bold italic. But Arial Black is smallest font. Other ones which are more artistic can be more then 150KB. So solution is to preload fonts on demand.

Loading

Loading font into flash application at runtime is simple task. You can find ready to use solutions there:
Loading fonts example
Loading fonts util
To use font in application need to load it and register via Font.registerFont(); Then it will be ready to use in your text:
textfield.embedFonts = true;
textfield.setTextFormat(new TextFormat(“Font name”));
Second utility above is hardcore implementation. It gives ability to load fonts packed into swf versions 7, 8, 9.
If successfully tried some utility and got textfield with correct font that’s great. But it isn’t final.

Font preparation

Loading font is half of goal. Flash Player can’t load font as ttf. Flash will recognize font only if it packed in swf. You might need to create couple of fonts ready to load. For example you let user to choose 20 fonts. Then it’s need to get 20 swf files with these fonts. Or 80! if you are going to load each style separately (regular, bold, italic or bolditalic). That’s might be nightmare and chores. Especially if you don’t know exactly which symbols need to include.

Here swfmill might be useful. It’s rock util for swf generation. So generation of single swf file with one font style looks like:

<?xml version="1.0" encoding="iso-8859-1" ?>
<movie width="1" height="1" framerate="12">
<background color="#ffffff"/>
<frame>
<library>
<font import="font/arialbold.ttf" glyphs=" abcdefghijklmn
opqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ012345
6789!#$%^*()-=_+,.?/ "&<>'"/>
</library>
</frame>
</movie>

So you can facilitate goal and work with xml instead of fla files. Instead of 20 fla files you might have 20 xml files which are easy to modify (replace content). But here is few problems. This implementation requires that you have ttf file for each font style. For example for Arial: arialregular.ttf, arialbold.ttf, arialitalic.ttf, arialbolditalic.ttf. Some fonts might be packed at single file for example you may find arial.ttf with all styles. But swfmill can read only first font inside file. Another problem of swfmill that it is create swf file up to 8 version.

Finally jsfl can save you from troubles. Spending few hours to reading API documentation you can write script for swf generation in jsfl. Or certainly using my one. Script create blank flash document, put textfield on stage set it font and embedded symbols. Then compiles to many swf files with different predefined fonts. As result you got single file with ability easy to change embedded symbols type. Easy to add new font. Sure it’s need to have fonts already installed at you OS. I like automation.

Font thumbnails

Next feature is styled list of fonts. It’s better if user choose font by visual representation instead of plain text name.

As you might have noticed at picnik fonts labels are styled, means that font already applied to it. It can be done by creating separate swf with incuding only symbols used in font label. For example for label “Palatino Linotype”, it’s need to include regular style of chars “Paltino Lype”. It also can be generated with jsfl.

Problems

It is impossible to develop in flash without stumble over problems. One of them makes a real pain. If your application already has embedded font you can’t register loaded symbols. For example you have a static Arial text “Welcome”. You will fail to use other Arial symbols in application via loading font. So you must to embed all Arial font to fla or don’t use or either. Font symbols becomes embedded in next cases:
• when you put static text on stage. If you will put static text
• when you put dynamic or input text with including chars

You can easy check if you swf has embedded font. Just decompile it with SWFDecompiler. It hasn’t support of version 9 but it still display used assets in swf. And there you can find what fonts are embedded and glyphs count. But looking for  embedded font in big fla isn’t simple. Here some jsfl script might be usefull again.

Hurry up to buy gifts!

[lang_ru]
Речь пойдёт о маленькой библиотечке для работы с BitmapData. С помощью этого кода можно быстро написать редактор изображений. Думаю вариантов применения множество. Можно прикрутить редактор к фото-галерее на флеше. Разуметься если в проекте контент включает картинки. Демка и все исходники прилагаются.

Описание и возможности
С помощью BitmapUtil вы сможете:

• изменять контрастность;
• изменять яркость;
• изменять насыщенность;
• делать эффект негатива;
• увеличивать/уменьшать изображение;
• растягивать по вертикали/горизонтали;
• вырезать прямоугольный участок изображения;
• вращать изображение вокруг центра;
• добавлять рамку к изображению – простые полоски определённого цвета и толщины
• добавлять другие изображения – добавляемые части могут быть как BitmapData или графические элементы IBitmapDrawable. Это функция очень параметризируемая. Для добавляемой части можно задавать угол вращения, прозрачность, размер.

Чего не хватает – это простого рисования кисточкой. У меня в проекте не было необходимости. Но скорей всего это бы делалось с помощью addUIToBitmap.

Моя демка на flex’e

Все исходники здесь

Внутри
Для работы, прежде всего, нужно загрузить картинку. Как это сделать сами знаете. Возможно, случиться трудность с загрузкой картинки с сервера, отличного от того, с которого запущена флешка. Картинка загрузится нормально, и отобразиться, но вот преобразовывать её BitmapData с ней не получиться. По выданной ошибке (SecurityError), вы можете понять, что нужно загрузить также policy file. Например, так:

loader.load(new URLRequest(url), new LoaderContext(true));

Объект типа BitmapData получаем из loader.content, если картинка была загружена с помощью класса flash.display.Loader.
Все операции с пикселями изображения проходят на клиентской стороне. И в результате получается отредактированный растр, который останется только сохранить в файл. Не требуется отсылать серверу команды, рода «изменить контрастность +20» и потом загружать обработанное изображение. Flash Player и сам прекрасно справляется с преобразованиями растра.

Пример использования:

var oldBitmap:Bitmap;
var bitmapUtil:BitmapUtil = new BitmapUtil();
var newBitmap = bitmapUtil.contrast(oldBitmap, 50);

Так вы получите изображение с повышенной контрастностью.
Документировать все методы класса я не счёл необходимым. Думаю, по их названиям понятно, что они выполняют. Возможные значения аргументов я пометил.

Ещё пару заметок при работе с BitmapData:
1. Нужно очищать BitmapData, если она вам боле не нужна: BitmapData.dispose().
2. Даже если вы вызвали dispose(), то Garbage Collector не сразу очистит память. Если вы проводите много операций с растром, то используемая память будет безмерно разрастаться. И по завершению лучше форсировать gc. Как это предлагает Грант:

try {
new LocalConnection().connect('foo');
new LocalConnection().connect('foo');
} catch (e:*) {}

У меня самого тоже получалось вызвать gc путём изменения размера flash окна.
3. Будьте начеку. Максимальный размер BitmapData 2880 x 2880 px.

Производительность
Почти в каждом методе bitmapUtil создается и уничтожается объект bitmapData (собственно в нём храниться массив с пикселями). В коде есть ещё места для оптимизации. Но с форсированием gc, приложение в работе не кажется медленным. И для картинки 800 на 600 трансформации происходят быстро.

[/lang_ru]
[lang_en]

It is small library for work with BitmapData. You can easy create image editor with this code. There are many variants of library usage. Demo and all sources are included.

Description
Library can be used in flex of actionscript 3.0 project. Actually there is only one class in library. It contains public methods that do ations with image.
Next is possible with BitmapUtil:

• To change the contrast;
• To change the brightness;
• To change the saturation;
• To do the effect of negative;
• To enlarge or to miniaturize of pictures;
• To elongate by horizontal or vertical;
• To crop the rectangular part from picture;
• To rotate the picture from the centre;
• To add the border to picture – is simple stripe with defined color and thickness;
• To add some other pictures – the adding parts can be BitmapData or graphical elements IBitmapDrawable. This function is much parameterized. You can assign the rotation, transparency and scaling for added part.

There are no lines or brush drawing in the library. I didn’t need that in my project. I think it can be implemented too with method addUIToBitmap.

Demo in flex

All sources here

Inside
Off course its need to load image first. And I’m sure you know how to do that. The one problem can happened with image loading. If it was loaded from server another from swf was running. The picture shown well but it will be impossible to edit its BitmapData. The SecurityError can be thrown. Then you need load policy file like:

loader.load(new URLRequest(url), new LoaderContext(true));

If image was loaded with flash.display.Loader, then the object with type of BitmapData can be obtained from loader.content.
All operation on image pixels processed in client-side. As result we get edited raster, which is need to save. It’s no need to send command like “change contrast +20” and load edited image from server. Flash Player can do that itself.

Usage sample:

var oldBitmap:Bitmap;
var bitmapUtil:BitmapUtil = new BitmapUtil();
var newBitmap = bitmapUtil.contrast(oldBitmap, 50);

So you get and more contrasted image.
I didn’t add docs to all methods in class. I think it will be enough name of method to define its functionality. I defined possible range of methods arguments.

Few notices about BitmapData usage:
1. Its need to clean BitmapData object, if it isn’t needed: BitmapData.dispose().
2. If you call dispose(), that object maybe not erased from memory immediately. If you work with raster, then Flash Player memory usage may growth a lot. It works good if we force actionscript 3.0 garbage collector like Grant said:

try {
new LocalConnection().connect('foo');
new LocalConnection().connect('foo');
} catch (e:*) {}

I noticed myself that garbage maybe called while flash window resized.
3. Take in mind that maximum size of BitmapData is 2880 x 2880 px.

Performance
Each BitmapUtil method creates and destroys object with type BitmapData (it contains array with pixels). Some places for optimization are in the code. But application doesn’t looks slow with forced Garbage Collector. And all transformation goes quickly for image 800 x 600.

[/lang_en]