AS3Coding

Сохранение звука с микрофона на ActionScript 3.0

2011-12-02T16:29:00.001+04:00

То, что недавно казалось фантастикой, сегодня уже реальность. Начиная с версии FlashPlayer'a 10.1 у класса Microphone появилось событие sampleData.

SampleDataEvent

Это событие отправляется когда в буфере микрофона появляются аудио-данные. Событие имеет свойство data, которое содержит образцы записанных с микрофона данных. Естественно данные приходят в сыром формате. И проиграть их вне FlashPlayer'a не получиться. Поэтому их необходимо декодировать, предварительно собрав необходимое количество в бинарный массив ByteArray.

//
// Объявляем бинарный массив для хранения полученных с микрофона аудио-данных
var _samples_arr:ByteArray = new ByteArray();;
//
// Получаем экзмпляр микрофона
var _microphone:Microphone = Microphone.getMicrophone(-1);
//
// Вешаем обработчик события 
_microphone.addEventListener(SampleDataEvent.SAMPLE_DATA, onMicrophoneSampleData, false, 0, true);
//
// Обработчик обновления данных в микрофоне
function onMicrophoneSampleData (e:SampleDataEvent):void
{
  //
  // Добавляем полученные данные в биннарный массив
  _samples_arr.writeBytes(e.data);
}

Для начала выполним преобразование в .wav-формат.

WAVWriter

Специально для этого в Adobe написали класс WAVWriter.as. Останавливаться на нём не будем, потому что он довольно простой в использовании:

//
// Объявляем бинарный массив для данных .wav-файла
var wav_file:ByteArray = new ByteArray();
//
// Объявляем и настроиваем энкондер
var writer:WAVWriter = new WAVWriter();
writer.numOfChannels = 1;
writer.sampleBitRate = 16;
writer.samplingRate = 44100;
//
// Декодируем данные с микрофона в wav-формат
writer.processSamples(wav_file, _samples_arr, 44100, 1);

Теперь, фактически получив бинарные данные аудио-файла в .wav-формате, казалось бы мы выполнили задачу и остается только сохранить их в файл.

Но мы пойдем дальше. И рассмотрим преобразование наших данных в .mp3-формат. Да, такое уже возможно и реализовано. Говорим спасибо Cyril Diagn за его работу в этом направлении, а именно проект Shine MP3 Encoder on Alchemy.

Shine MP3 Encoder on Alchemy

Это .swc-библиотека с классом ShineMP3Encoder для преобразования данных из .wav-формата в .mp3. Код портирован с помощью Alchemy из энкодера написанного на С, автором которого является Gabriel Bouvigne.

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

//
// Обнуляем позицию в массиве .wav-файла
wav_file.position = 0;
//
// Объявляем mp3-энкодер
var _mp3_encoder:ShineMP3Encoder = new ShineMP3Encoder(wav_file);
//
// Вешаем обработчики событий
_mp3_encoder.addEventListener(Event.COMPLETE, onMP3EncoderComplete, false, 0, true);
_mp3_encoder.addEventListener(ProgressEvent.PROGRESS, onMP3EncoderProcess, false, 0, true);
//
// Начинаем кодирование
_mp3_encoder.start();
//
// Обработчик процесса кодирования
function onMP3EncoderProcess (e:ProgressEvent):void
{
  trace("Encoding to mp3 ... " + Math.ceil(e.bytesLoaded * 100 / e.bytesTotal) + "%");
}
//
// Обработчик завершения кодирования
function onMP3EncoderComplete (e:Event):void
{
  trace("Encoding to mp3 complete!")
}

Теперь, после преобразования мы можем сохранить .mp3-файл штатными средствами энкодера. Для этого имеется метод saveAs()

_mp3_encoder.saveAs('record.mp3');

Если же есть необходимость отправить полученный .mp3-файл на сервер, мы можем сделать это самостоятельно, получив его данные во свойстве mp3Data.

var mp3_file:ByteArray = _mp3_encoder.mp3Data;

Ну и как обычно, простейший пример всего вышеописанного:

Ссылки по теме:

Доверенные .swf-файлы

2011-10-25T23:12:00.001+04:00

С недавнего времени в контекстном меню FlashPlayer'a появился новый пункт "Глобальные настройки". А именно с версии 10.3.

Если с "Хранилищем", "Камерой и микрофоном" и "Воспроизведением" всё понятно (они итак были доступны в пункте "Параметры..."), то вот во вкладке "Дополнительно" появились доколе неизвестные настройки.

Подробнее я хочу остановить на "Настройках доверенной папки..."

Что за доверенная папка?

На самом деле слово "папки" немного вводит в заблуждение. Естественно здесь указываются .swf-файлы, которым пользователь явно доверяет. А именно:

домен, с которого загружаются .swf-файлы,
путь к локальному .swf-файлу на компьютере пользователя,
путь к локальному каталогу, в котором содержаться .swf-файлы

И что же мы доверяем (разрешаем) указанным файлам?

С версии 10.1 локально запущенным .swf-файлам запрещается загружать данные из сети и из локального диска пользователя. Так вот указав, что этот .swf-доверенный ему разрешается делать эти запросы.

Сделано это для того, чтобы на этапе разработки было не обязательным постоянно выкладывать приложение на сервер.

Для чего указывается домен и что мы ему доверяем, я так и не разобрался. В cправке тоже ничего по поводу доменов. Может разрешаем локальным .swf-файлам загружать данные с этого домена? Не знаю. Не проверял. Может быть вы знаете?

К чему я завел этот разговор?

Недавно пришлось вернуться к одному старому проекту. Проект представляет собой простую презентацию с видео и небольшим каталогом. И вот тут, я столкнулся с тем, что главный .swf-файл зашитый в .exe-файл FlashPlayer'a не может подгрузить данные с каталога, который лежит рядом. Получаю сообщение с ошибкой о нарушении политики безопасности. Удивление конечно было огромным, когда я узнал, что в новых версиях плеера этого делать нельзя.

Чтож? Пришлось разбираться...

Как лечиться?

Ну во-первых, указать доверенный .swf-файл может сам пользователь в соотвествующем окне, о котором я говорил выше.

Во-вторых, можно сделать это за пользователя (естественно с помощью каких-то оберток или стартеров). Для этого в системе (в качестве примера возьму Windows 7, об остальных операционных системах информацию можно найти в справке) имеются каталоги, в которых хранятся .cfg-файлы конфигурации безопасности FlashPlayer'a. Таких каталогов два:

1. Для всех учетных записей системы.

C:\WINDOWS\system32\Macromed\Flash\FlashPlayerTrust

2. Для конкретного пользователя.

C:\Users\JohnD\AppData\Roaming\Macromedia\Flash Player\#Security\FlashPlayerTrust

В эти каталоги можно добавлять свои .cfg-файлы с любым именем. Простой текстовый файл, где каждая строчка - это путь до доверенных .swf-файла или папки.

Все современные среды разработки создают свои .cfg-файлы и при создании проекта дописывают в него в качестве доверенной папки папку нового проекта. Именно поэтому многие не заметили этого нововведения. Например FlashDevelop создает вот этот файл:

C:\Users\AS3Coder\AppData\Roaming\Macromedia\Flash Player\#Security\FlashPlayerTrust\FlashDevelop.cfg

А для профилактики подобных ситуаций автор кода может узнать каким образом запущен .swf-файл. Для этого существует свойство Security.sandboxType

Итого

Adobe окончательно уводит FlashPlayer с локального использования в веб. Не пишите больше локальных приложений для него, без оберток, таких как Zinc или AIR.

Ссылки по теме:

Политика безопасности во Flash Player. Наиболее частные столкновения.

2011-01-25T13:05:00.002+03:00

Часто вы сталкивались с ситуацией, когда ваш код не работает по непонятным причинам? Вам кажется, что всё уже проверено сотни раз и вы с уверенностью говорите себе, что здесь нет ошибок, и уже готовы биться головой о клавиатуру :) Спешу вас утешить, скорее всего ошибка не в коде.

В чем же дело?

А дело может быть в том, что вы нарушаете политику безопасности Flash Player, сами того не зная. Иногда Flash Player просто промолчит об этом :)

Как это предупредить?

Если что-то не работает, а по логике должно - идите в справку. Там кроются все ответы на ваши вопросы. Вообще справка должна быть неотъемлемым инструментом разработчика.

В этом посте я хочу рассказать о наиболее частых нарушениях политики безопасности, с которыми мы сталкиваемся.

Загрузка контента с доменов отличных, о того с которого запущена страница с .swf-файлом

*.load();

Практически на весь загружаемый контент с других доменом и даже поддоменов накладываются ограничения на загрузку, отображение или исполнения сценариев (если вы загружаете исполняемый .swf-файл). Например, .swf-файл не выполнит свой сценарий, если вы загрузили его без разрешения.

BitmapData.draw();

Метод не отрисует дисплей объект, если в нем есть загруженный контент с другого домена без разрешения. Это касается дочерних элементов класса Loader, и даже TextField, если в нем есть картинки вставленные посредством HTML-разметки.

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

Как получить разрешение?

Домен, с которого вы грузите контент, должен разрешить вам использовать его. Делается это двумя способами в зависимости от типа загружаемого контента.

1. checkPolicyFile

Это файл, где перечислены домены, которым разрешено использовать контент. Называться такой файл должен сrossdomain.xml и лежать в корне сайта. Содержимое должно выглядеть следующим образом:

<?xml version="1.0"?>
<cross-domain-policy>
<allow-access-from domain="yoursite.com"/>
</cross-domain-policy>

Когда .swf-файл, запущенный с вашего домена, пытается выполнить запросы на другой домен, Flash Player делает автоматически делает запрос на сrossdomain.xml расположенный на другом домене. Если в нем указано разрешение для вашего домена, то Flash Player разрешит в полной мере выполнять запросы.

2. Security.allowDomain() или Security.allowInsecureDomain()

Этот способ предусмотрен для исполняемых .swf-файлов. Если Flash Player встретит в сценарии метод Security.allowDomain() или Security.allowInsecureDomain() (для https-протокола) с параметром равным доменному имени вашего сайта, то он разрешает исполнение сценариев на вашем сайте.

System.allowDomain("yoursite.com");

Взаимодействие с клиентским окружением

Еще одной из частых и самых болезненых, является ситуация когда не выполняются методы никак не связанные с сетью. Болезнь заключается в том, что Flash Player, просто молчит о нарушениях. Приведу список наиболее частых методов, в которых мы сталкиваемся с этим.

FileReference.browse();

Метод не выполнится, если внутри .swf-файла не было события нажатия клавиши мыши.

SharedObject.flush();

Метод не выполнится если размер .swf-файла встроенного на страницу меньше окна с параметрами Flash Player'a (215 x 128).

LocalConnection.send();

Метод не выполнится если вкладка со страницей, на которой запущен .swf-файл, неактивна.

Stage.displayState = StageDisplayState.FULL_SCREEN;

Метод не выполнится, если внутри .swf-файла не было события нажатия мыши.

...

Если вы сталкивались еще с чем-то подобным, пишите в комментарии я дополню этот список.

Доступ к HTML-окружению на странице

.swf-файл загруженный с другого домена (даже с разрешением) не имеет доступ к HTML-окружению на вашей странице. Для этого ему нужно разрешение. Только на этот раз, вы выдаете его сами.

При вставке .swf-файла на страницу необходимо указать параметр AllowScriptAccess с соответствующим параметром:

always - Разрешает доступ всем .swf-файлам
sameDomain - Разрешает доступ .swf-файлами, загруженным с того же домена, что и страница
never - Запрещает доступ всем .swf-файлам

Внимание: Учтите, когда вы открываете доступ к HTML-окружению .swf-файлам с неизвестных вам доменов, вы подвергаете всю безопасность на вашей страницы.

Дополнительный материал для изучения

Для более детального ознакомления со всеми правилами безопасности Flash Player, вы можете заглянуть официальную справку на русском языке в раздел "Безопасность проигрывателя Flash Player".

Также смотрите спецификацию по файлу crossdomain.xml

Поездка в Челябинск на RAFPUG

2010-11-28T15:44:00.003+03:00

Ровно неделю назад я со своим коллегой Виталием приехали с Челябинска, куда ездил на очередной RAFPUG проводимый компанией iHeroes. Написать отчет о поездке сразу не получилось, как всегда было много работы. И сегодня таки появилось несколько свободных минут.

Прямых поездов или самолетов на 19-20 ноября из Казани в Челябинск не оказалось. Решено было ехать на машине. 1000 км туда - 1000 км обратно. Поэтому поездку можно даже назвать маленьким путешествием :)

Приехали мы в Челябинск с опозданием, минут на 40 и все-таки успели на первый доклад.

Первым выступал Роман Куликов, он представлял своё издательство i-Jet Media.

Доклад получился очень насыщенным и интересным. Например было интересно узнать, что:

«Счастливый фермер» заработал за 2009 год 20 000 000 долларов.
Cредняя продолжительность игрового проекта в социальных сетях - это около 6 месяцев.
Азиаты - одни из самых платежеспособных наций.
И многое другое...

Следующим выступал Илья Алябушев из компании Flexis.

Его доклад был посвящен методу организации работы с помощью технологии Scrum. Доклад получился больше технический, с кучей новых терминов и непонятных слов :) Тем не менее у Ильи получилось в общих чертах истолковать идею Scrum, за что ему огромное спасибо.

Следующей темой собрания была «Инди-разработка». Ею с нами поделился Алексей Давыдов из компании Flazm.

Он повествовал, что же это такое «инди». Немного запутал конечно, но суть ясна: "Инди-разработчик - это тот, который работает только на себя" :) Рассказал о плюсах и минусах этого направления. В общем было что послушать.

Следующей вышла Анна Сенина, организатор встречи и представитель компании iHeroes.

Анна рассказала о том:

что такое Аква3D, над которым они работают уже около года,
как устроена организация работы в их команде,
как они используют для этого Scrum, о котором рассказывал Илья Алябушев.

Ну и самый ожидаемый доклад Антона Волкова - отца 3D-движка Alternativa3D.

Лет пять назад, изучая Flash мне часто попадались его исходники, и именно его доклад вызывал у меня больший интерес. Мне хотелось увидеть его живьем :) Кстати когда я зашел в зал из AlternativaPlatform я узнал только Александра Карповича, и в какой-то момент даже испугался что Волкова сегодня не будет. Но мои сомнения развеялись, чуть позже Антон приехал вместе с Владимиром Бабушкиным.

Доклад Антона получился конкретно по делу, ничего лишнего. Он рассказал о том как становилась компания AlternativaPlatform, как развивалось 3D во FlashPlayer, как они попали на Adobe Max, какое они имеют отношению к новому плееру под кодовым именем "Molehill", как придется работать с 3D API во нем, когда он будет доступен в релизе. Показал готовые демки на новом плеере, а также повествовал о планах компании. В общем рассказал всё, что было интересно публике.

Из его доклада я выдели две важные вещи:

Ожидать новый плеер в бете можно весной 2011 года, в релизе - не раньше лета 2012.
Сейчас можно без опасений на будущее использовать 7 версию движка, т.к. AlternativaPlatform обещают безболезненный переход на 8 версию.

После доклада Антона, нам пришлось уехать чтобы успеть на ночлег в Уфе. И мы пропустили доклад Владимира Бабушкина с Евгением Сушковым и блиц-доклад Максима Фирсова, а также выпивания в ближайшем кафе, о чем сильно жалеем :(

Кстати еще больше мы пожалели об этом, когда выехали из Челябинска и уже спустя час на трассе началась настоящая пурга. Дорога превратилась каток, дальше пяти метров ничего не видно. Плюс сотрудники гибдд перекрывают трассу, до приезда дорожных служб. В какой-то момент даже приходила мысль переночевать в машине на обочине. Но спустя пару часов, мы дождались дорожную службу, которая полила дорогу специальным составом и легковые машины пустили. Так при скорости 30-60 км./ч. часов за шесть часов мы все-таки добрались до окрестностей Уфы. Переночевали, и снова в дорогу :) Вечером были в Казани.

Также смотрите отчет и фотки от Анны Сениной. Организаторам встречи огромное спасибо :)

Отладка AS3-приложений с помощью FireFlash

2010-10-24T14:04:00.001+04:00

Что такое FireFlash?

FireFlash - это плагин для FireBug'а, с помощью которого можно легко и удобно отлаживать свои приложения.

Что такое FireBug?

FireBug - это расширение для браузера Mozilla Firefox. Используется он для отладки web-приложений и пожалуй является самым сильным инструментом в этой области. Попробовав раз, отказаться от него уже не сможешь :)

Что умеет FireFlash?

FireFlash предоставляет .swf-файлам на странице доступ к консоли FireBug'a. С возможностями добавлять в консоль и окно Output используемого редактора ActionScript 3.0 записи разных типов:

Записи журнала
Информационные сообщения
Сообщения об опасности
Деревья объектов
...

Как установить FireFlash?

Первым делом нужно установить Mozilla Firefox, если такого не имеется. Скачать его можно с официального сайта http://www.mozilla.com/.

Во-вторых, нужно поставить плагин FireBug не ниже версии 1.4.5. Установить его можно на соответствующей странице https://addons.mozilla.org/en-US/firefox/addon/1843/. После установки в правом нижнем углу браузера появится соответствующая иконка для открытия окна FireBug'a.

В-третьих нужно поставить сам FireFlash. Сделать это можно также со страницы дополнений к Mozilla Firefox по адресу https://addons.mozilla.org/en-US/firefox/addon/55979/. В правом верхнем углу содержимого FireBug'a вы увидите вот такую иконку.

Как обращаться к FireFlash из ActionScript 3.0?

Для этого имеется библиотека классов com.actionscript_flash_guru.* В ней имеется единственный необходимый нам класс com.actionscript_flash_guru.fireflashlite.Console.as, который содержит в себе различные методы для работы с FireFlash. Скачать архив с библиотекой можно с официальной страницы. А также можно подписаться на уведомления об обновлении библиотеки в Twitter.

А можно по-подробнее?

/**
 * 
 */
/**
 * Блокирует вывод сообщений в окно Output внутри используемого FrameWork
 * Другими словами класс консоли не регистриует свои сообщения при помощи фунции trace();
 */
Console.disableIdeTrace();
/**
 * 
 */
/**
 * Метод выводит в консоли FireBug'a содержимое объекта в виде дерева,
 * а также дублирует его в окне Output
 * 
 * @param Ссылка на объект
 * @param Количество вложенностей дерева
 * @param Сопутствующее сообщений
 */
Console.dir(obj, 3, "Custom message");
/**
 * 
 */
/**
 * Метод выводит в консоли FireBug'a содержимое xml-строки,
 * а также дублирует его в окне Output
 * 
 * @param Строка xml-узла
 * @param Сопутствующее сообщений
 */
Console.dirxml(xml, "Custom message");
/**
 * 
 */
/**
 * Метод выводит в окно Output сообщение с меткой ошибки, 
 * ссылкой на класс и метод инициализировавший ошибку
 * 
 * @param Строка с сообщением об ошибке
 */
Console.error("Error message");
/**
 * 
 */
/**
 * Метод созает таймер с заданным идентификатором и начинает отсчет.
 * Для того чтобы, остановить таймер необходимо 
 * использовать метод timeEnd();
 * 
 * @param Идентификатор таймера
 */
Console.time("your_id");
/**
 * 
 */
/**
 * Метод останавливает таймер c заданым идентификатором.
 * Выводит информационное сообщение в консоль FireBug'a
 * с указанием имени .swf-файла, идентикатора таймера и его значения.
 * А также дублирует сообщение в окно Output с соответвующей меткой
 */
Console.timeEnd("your_id");
/**
 * 
 */
/**
 * Метод проверяет условие, и если оно ложное 
 * выводит указанное сообщение в окно Output
 * 
 * @param Условие
 * @param Сообщение для ложного значения
 */
Console.assert(false, "Messages for the false values");
/**
 * 
 */
/**
 * Метод выводит в окно Output сообщение с
 * ссылкой на класс и метод инициализировавший вызов
 * 
 * @param Строка с сообщением об ошибке
 */
Console.stackTrace();
/**
 * 
 */
/**
 * Метод выводит простое сообщение в консоль FireBug'a, 
 * а также дублирует его в окно Output с соответствующей меткой
 * 
 * @param Текстовое сообщение
 */
Console.log("Simple message");
/**
 * 
 */
/**
 * Метод выводит информационное сообщение в консоль 
 * FireBug'a с соответствующей иконкой, а также дублирует 
 * его в окно Output с соответствующей меткой
 * 
 * @param Информационное сообщение
 */
Console.info("Information message");
/**
 * 
 */
/**
 * Метод выводит сообщение об опасности в консоль 
 * FireBug'a с соответствующей иконкой, а также дублирует 
 * его в окно Output с соответствующей меткой
 * 
 * @param Cообщение об опасности
 */
Console.warn("Warning message!");
/**
 * 
 */
/**
 * Метод дублирует поведение метода log();
 */
Console.debug("Simple message");
/**
 * 
 */
/**
 * Метод добавляет в консоли FireBug'а блок для группы
 * с заданным названием, а также дублирует соответсвующую 
 * запись в окне Output
 * 
 * @param Названия для группы
 */
Console.group("Group name");
/**
 * 
 */
/**
 * Метод дублирует поведение метода Console.group();
 * только блок будет иметь закрытое состояние
 */
Console.groupCollapsed("Group name");
/**
 * 
 */
/**
 * Метод закрывает блок, открытый ранее
 * Используется только после вызова методов 
 * Console.group(); и Console.groupCollapsed();
 */
Console.groupEnd();

А как-же пример?

Откройте консоль FireBug'a и понажимайте на кнопки из примера. Вы должны увидеть результат примеров.

Дополнительно

Более подробно ознакомиться с FireFlash можно на его официальной странице.

Огромное спасибо за новый инструмент Nicholas Dunbar, надеюсь его работа прижевется в руках разработчиков ActionScript-приложений. А также спасибо Flastar'у за информацию о существовании инструмента.

Проверка орфографии в ActionScript 3.0

2010-10-06T11:49:00.000+04:00

24 сентября 2010 года на сайте лаборатории Adobe обновился проект "Squiggly". Обновили проект до 4-ой пререлизной версии. О нем я услышал впервые, и очень им заинтересовался. Теперь хочу подделиться с вами.

Что такое проект "Squiggly"?

Это набор .swc-библиотек для работы с орфографией во Flash, Flex и AIR проектах. Название переводится как "волнистые" с намеком на то, что неправильные слова подчеркиваются именно этой линией.

Что он дает?

Возможности анализа текста в ActionScript 3.0.

Какие возможности?

Проверка орфографии и правил языка, варианты исправления неправильных слов.

На чем основан проект?

За основу взят проект "Hunspell".

Что это означает?

Это означает, что нам можно использовать уже готовые словари из других программ, основанных на этой же основе. Таких как: OpenOffice, Mozilla FireFox, Opera и многих других. Например, словари от Mozill'ы можно найти здесь. Но прежде чем использовать словари сторонних программ, пожалуйста ознакомьтесь с лицензионными соглашениями.

Как это работает?

Рассмотрим по-подробнее чистый ActionScript 3.0 проект. Загружаем архив с библиотеками. Нам понадобиться только одна из них: AdobeSpellingEngine.swc (Остальные предназначены для Flex-проектов). Подключаем её у нашему проекту.

Первым делом нужно загрузить словари с орфографией и правилами.

//
// Создаем экземпляр словаря
dictionary = new HunSpellDictionary();
//
// Добавляем обработчик события загрузки библиотек
dictionary.addEventListener(Event.COMPLETE, onDictanionaryComplete, false, 0, true);
//
// Грузим библиотеки
dictionary.load("dictionaries/en_US/en_US.aff", "dictionaries/en_US/en_US.dic");

После того, как словари загружены, в обработчике нужно создать объект который будет проверять орфографию слов.

/**
 * Метод обрабатывает событие успешной загрузки библиотек для словаря
 * Создает экземпляр объекта для проверки слов
 */
private function onDictanionaryComplete (e:Event):void
{
  //
  // Создаем экземпляр объекта для проверки слов, в параметре указываем ссылку на словарь
  spell_checker = new SpellChecker(dictionary);
}

Чтобы проверить какое-то слов нужно вызвать у проверяющего объекта метод checkWord();

spell_checker.checkWord("heloo");

Чтобы получить список возможных исправлений для слова имеется метод getSuggestions();

spell_checker.getSuggestions("heloo");

А как проверить содержимое текстового поля и подчеркнуть неправильные слова?

Алгоритм примерно такой:

Разбиваем строку содержимого на список слов (В элементах списка нужно иметь значение слова, индекс первого символа и последнего).
В цикле пробежаться по списку.
Определить ошибочное слово.
Зная индексы крайних символов с помощью метода TextField.getCharBoundaries() вычислить координаты слова
Наложить на текстовое поле новый слой, в котором нарисовать волниcтые линии.

А пример?

Дополнительная информация

Разработка приложений для iPhone на ActionScript 3.0 во FlashDevelop (Packager for iPhone)

2010-09-17T11:58:00.000+04:00

Немного истории

За несколько дней до выхода последней на текущий момент среды разработки Flash-приложений Adobe Flash CS5, компания Apple выпустила запрет на разработку приложений для телефонов iPhone, используя сторонние технологии. А это означало то, что самая ожидаемая возможность новой платформы - портирование Flash-приложений на iOS (операционная система телефонов iPhone и планшетов iPad) использоваться не может. Для сообщества Flash-разработчиков это было настоящим ударом. Вокруг того события было много шума и обсуждений...

Adobe ничего не оставалось и пришлось смириться с этим. Они заявили, что прекращают все инвестиции в разработку Packager for iPhone и сконцентрируют своё внимание на мобильной платформе Android. Кстати у них это неплохо получилось: AIR и FlashPlayer уже есть на Android.

9 сентября 2010 года компания Apple заявляет об отмене ограничений на разработку приложений для iOS используя сторонние технологии. Для разработчиков Flash-платформы это стало радостной новостью. Adobe видимо тоже это обрадовало, и на забытой странице Packager for iPhone появилось специальное сообщение от 9 сентября о том, что Adobe возобнавляет работы над проектом Packager for iPhone. Я попробовал перевести его:

Недавнее заявление Apple о том, что он снял ограничения на принципы разработки третьими сторонами имеет прямые последствия для Packager для iPhone. Функция доступна для использования разработчиками уже сегодня и сейчас мы возобновим работу по развитию этой функции в будущих выпусках. Это отличная новость для разработчиков, и мы слышим от них, что новые приложения AIR для устройств iOS уже утверждены на Apple App Store. Мы хотим отметить, что ограничения на работу Flash содержимого в браузерах iOS устройств остается в силе.

Packager for iPhone

Из названия видно, что это упаковщик. Что же именно он упаковывает? А упаковывает он AIR-приложения. Т.е. мы будем разрабатывать AIR-приложения, после чего портировать их в родные для iOS инсталяторы приложения IPA файлы. Естественно нам будут доступны не все возмодности AIR. Именно поэтому Adobe собрал отдельную версию AIR SDK и назвал её «Packager for iPhone», который также умеет конвертировать приложения AIR в IPA.

Использование упаковщика доступно нам в двух вариантах:

Встроенные функции во Flash CS5
Отлельная библиотека AIR SDK

В данном посте я хочу показать пример разработки AIR-приложений для iPhone, используя FlashDevelop совместно с AIR SDK.

Настроим FlashDevelop

О том, что такое FlashDevelop, как его установить и настроить, я говорить не буду. Если у вас его еще нету, то смотрите пост "FlashDevelop: установка и настройка". Кроме того, во избежания ошибок компилятора, советую обновить Flex SDK до версии 4.0.1. Найти последнюю версию сборки можно на сайте проекта.

Первым делом нужно скачать Packager for iPhone. Ссылку можно найти на официальной странице проекта. После загрузки нужно распаковать данный архив в постоянную директорию. Например у меня он лежит по адресу: C:\Program Files\Adobe\Adobe Packager for iPhone

Теперь открываем FlashDevelop и в Tools > Custom Arguments... заводим новый аргумент с именем PackagerForiPhonePath. В значении указываем выше выбранный путь до библиотеки нашего упаковщика.

Загружаем подготовленный мной образ проекта. Кладем его в Tools > Application Data... > Projects. Если всё сделано правильно, должен появиться новый типа проекта "Packager for iPhone Projector"

Это и есть наш проект для разработки AIR-приложений, которые впоследствии можно будет портировать в IPA-файлы. В следующих постах я буду обновлять образ проекта. На данный момент он имеет только те функции, которые необходимы в рамках данного поста.

Создадим новый проект

Идем в Project > New Project, называем наш проект "My first application for iPhone", выбираем тип проекта "Packager for iPhone Projector", жмем "OK". Получаем новый проект.

Сразу пробуем. Нажимаем F5. И видим окно нашего приложения с размерами для iPhone.

Здесь мы можем даже проэмулировать поворот девайса. Для этого выбираем Device > Rotate Left или Rotate Right. Окно приложения изменит размеры соотвественно.

Теперь подробнее расмотрим файлы проекта.

Так как это AIR-приложение мы имеем всё тоже что и в обычном AIR-проекте. Остановимся только на application.xml. Он имеет небольшие дополнения к стандартным дескрипторам.

<?xml version='1.0' encoding='UTF-8'?>
<application xmlns='http://ns.adobe.com/air/application/2.0'>
    <!--  -->
    <!-- The application ID uniquely identifies your application. 
         The recommended form is a dot-delimited, 
         reverse-DNS-style string, such as 'com.company.AppName'. 
         The compiler uses this value as the bundle ID for the iPhone application. -->
    <id>TestProject</id>
    <!--  -->
    <!-- The name used for the iPhone installer file. 
                     Do not include a plus sign (+) character in the filename. -->
    <filename>TestProject</filename>
    <!--  -->
    <!-- The name of the application displayed in the iTunes application and in the iPhone. 
         Do not include a plus sign (+) character in the name -->
    <name>Test Project</name>
    <!--  -->
    <!-- Helps users to determine which version of your application they are installing. 
         The version is used as the CFBundleVersion of the iPhone application. 
         It must be in a format similar to nnnnn[.nn[.nn]] 
                                 where n is a digit 0-9 and brackets indicate optional components, 
         such as 1, 1.0, or 1.0.1. iPhone versions must contain only digits and decimal points. 
         iPhone versions can contain up to two decimal points. -->
    <version>1.0</version>
    <!--  -->
    <!-- The element contains the following child elements to specify the properties 
                     for of the initial appearance of the application -->
    <initialWindow>
      <!--  -->
      <!-- The rendering mode used by the application. There are three possible settings:
            - cpu—The application uses the CPU to render all display objects. 
                                                  No hardware acceleration is used.
            - gpu—The application uses the iPhone GPU to composite bitmaps.
            - auto—This feature has not been implemented. -->
      <renderMode>gpu</renderMode>
      <!--  -->
      <!-- Identifies the root SWF file to compile into the iPhone application -->
      <content>TestProject.swf</content>
      <!--  -->
      <!-- Specifies that the application uses the entire screen of the iPhone -->
      <fullScreen>false</fullScreen>
      <!--  -->
      <!-- Specifies that the initial aspect ratio of the application 
                             is in portrait mode (rather than landscape). 
           Note the Default.png file used to define the initial window of the application 
                                         should be 320 pixels wide and 480 pixels high, 
           regardless of this setting. -->
      <aspectRatio>portrait</aspectRatio>
      <!--  -->
      <!-- Specifies whether the orientation of content in the application automatically 
                             reorients as the device itself changes physical orientation -->
      <autoOrients>true</autoOrients>
    </initialWindow>
</application>

На данный момент в нем не полный список дескрипторов, а только необходимый для разработки и отладки.

В следующих версиях образа проекта я буду добавлять их по необходимости. Ну если не втерпеж, полный список можно найти в официальном справочнике "Setting iPhone application properties in the application descriptor file"

Пробуем что-нибудь написать

Я написал вот такой небольшой код:

package 
{
  import flash.display.StageAlign;
  import flash.display.StageScaleMode;
  import flash.display.Stage;
  import flash.display.Sprite;
  import flash.events.Event;
  import flash.events.StageOrientationEvent;
  import flash.text.TextField;
  import flash.text.TextFieldAutoSize;
  import flash.text.TextFormatAlign;
  import flash.text.TextFormat;
  /**
   * ...
   * @author AS3Coder
   */
  public class Main extends Sprite 
  {
    private var message_txt:TextField;
    //
    function Main():void 
    {
      addEventListener(Event.ADDED_TO_STAGE, onAddToStage, false, 0, true);
    }
    //
    private function create ():void
    {
      message_txt = new TextField();
      message_txt.autoSize = TextFieldAutoSize.LEFT;
      message_txt.defaultTextFormat = new TextFormat("Tahoma", 11, 0, false, false, false, null, null, TextFormatAlign.CENTER);
      stage.addChild(message_txt);
      stage.dispatchEvent(new StageOrientationEvent(StageOrientationEvent.ORIENTATION_CHANGE));
    }
    //
    private function onAddToStage (e:Event):void
    {
      removeEventListener(Event.ADDED_TO_STAGE, onAddToStage, false);
      //
      stage.align = StageAlign.TOP_LEFT;
      stage.scaleMode = StageScaleMode.NO_SCALE;
      stage.addEventListener(StageOrientationEvent.ORIENTATION_CHANGE, onStageOrientationChange, false, 0, true);
      //
      create();
    }
    //
    private function onStageOrientationChange (e:StageOrientationEvent):void
    {
      message_txt.text = "My first application for iPhone\nStage orientation: " + stage.orientation;
      message_txt.x = stage.stageWidth * .5 - message_txt.width * .5;
      message_txt.y = stage.stageHeight * .5 - message_txt.height * .5;
    }
  }
}

Результат получился такой:

Попробуем повернуть:

Работает :)

Если вы еще не имели опыт разработки AIR-приложений, то вам сюда "Создание AIR-приложения во FlashDevelop".

Компиляция IPA-файлов

Упаковка IPA-файлов - это отдельная задача, которая требует реального устройства и получения сертификатов от Apple. Поэтому я отпущу пока эту тему. Как только у меня будет весь необходимый материал, я обязательно опишу по шагам всё решение этой задачи.

О чем еще стоит сказать

А сказать еще стоит о многом. Так как тема новая и не достаточно изученная, материала много. И рамках одного поста рассказать обо всем не получится. Пока только могу предложить пищу для размышлений, которую мы разберем позже:

Какие классы можно использовать в AIR-приложениях для iPhone, а какие нельзя
Особенности разработки под мобильные устройства и использования

В довесок хочу сказать, что Apple также обещала в скором времени выпустить свод правил для приложений, публикуемых в App Store. Так что ждем. А пока читаем публикацию Роста на эту тему: «Flash на iPad и "таблетках": о чем надо знать разработчикам».

Как очистить информацию, накопленную FlashPlayer'ом

2010-09-06T14:29:00.001+04:00

Очень часто мы используем возможности SharedObject для хранения какой-то временной информации на компьютере пользователя, так называемый кэш FlashPlayer'a. Иногда возникают ситуации, когда что-то сохранилось и это нужно очистить.

Я, как разработчик, пойду в директорию \AppData\Roaming\Macromedia\Flash Player\#SharedObjects\, найду соответсвующую папку и потеру её. Но если такую же операцию необходимо будет выполнить клиенту, то такие действия могут показаться ему «дикими».

Так вот для этих целей у Adobe имеется специальный менеджер настроек Adobe Flash Player, который доступен по адресу http://www.macromedia.com/support/documentation/ru/flashplayer/help/settings_manager07.html. Кстати в последних версиях плеера, по-моему с 10 версии, в контекстном меню появилась ссылка на эту страницу под названием «Глобальные настройки», раньше её не было.

Для управления хранимой информации посредством SharedObject нам необходимо открыть вкладку "Параметры хранения веб-сайтов"

Здесь мы можем увидеть:

Какие сайты хранят информацию на вашем компьютере.
Сколько можно и сколько уже использует дискового пространства тот или иной сайт

Здесь же можно и удалить всю информацию для отдельного домена или для всех сразу. Мне кажется, такой способ очистки информации клиентам понравится больше.

Распознавание лиц на изображении в ActionScript 3.0

2010-08-27T17:50:00.000+04:00

Продолжение темы: "Сохранение изображения с Web-камеры"

На многих фотоаппаратах, даже самых простых "мыльницах" появилась такая функция, как распознавание лиц. Иногда, это действительно удобно и даже необходимо.

А ведь и мы имеем доступ к Web-камере во FlashPlayer, почему бы и нам не реализовать такой механизм?

Первый над этим вопросом видимо задумался Ohtsuka Masakazu, и портировал библиотеку компьютерного зрения OpenCV написанную на C++ на ActionScript 3.0 и опубликовал её на Spark project.

Работает механизм следующим образом: ему подсовывают .xml-файлы, в которых описываются необходимые свойства для распознавания тех или иных объектов, после чего идет поиск на изображении. Размер такого .xml-файла для распознавания лиц составляет что-то около 1 Мб и загружать его по сети не очень корректно. Тогда Ohtsuka Masakazu запаковал его в .zip-архив, который получился в 100 Кб. И уже загрузив архив, использую библиотеку FZip, он его распаковывал внутри FlashPlayer.

Казалось, всё прекрасно работает и можно с радостью использовать

Но не тут-то было. Лишний запрос на запакованный .xml-файл, лишний код для его распаковки - всё это не понравилось Mario Klingemann. Он избавился от загрузки внешнего .xml-файла переписав его содержимое в отдельный класс сократив его размер до 50 Кб. Также он провел некоторые оптимизации внутренних алгоритмов библиотеки.

Еще глубже в алгоритмы этого механизма окунулся Eugene Zatepyakin. Он добавил распознавание глаз, носа и губ. Подробнее смотрите здесь.

Как всем эти пользоваться?

Больше всего мне понравился вариант от Mario Klingemann. Для примера я буду использовать исходники библиотеки после его оптимизации.

Импортируем пакет классов jp.maaash. Создаем экземпляр класса ObjectDetector и подписываемся на событие ObjectDetectorEvent.DETECTION_COMPLETE.

import jp.maaash.*;
...
var detector:ObjectDetector = new ObjectDetector();
detector.addEventListener(ObjectDetectorEvent.DETECTION_COMPLETE, onDetectorComplete);

Теперь мы можем попросить наш детектор распознать лица на заданном изображении. Вызываем у него метод detect c единственным параметром - ссылкой на данные изображения типа flash.bitmap.BitmapData.

detector.detect(bitmapData) // bitmapData - данные изображения, на котором следует которое следует распознать лица

После того, как распознавание закончится, детектор отправит соответствующее событие ObjectDetectorEvent.DETECTION_COMPLETE, в теле которого будет список распознанных областей.

private function onDetectorComplete (e:ObjectDetectorEvent):void
{
  var arr:Array = e.rects; // Список распознаных областей
  ...
}

Сохранение изображения с Web-камеры

2010-08-25T11:55:00.001+04:00

1. Обращение к камере

Для работы с web-камерами во FlashPlayer имеется специальный класс flash.media.Camera. Чтобы получить список доступных камер на компьютере необходимо спросить его у статического свойства names.

var list:Array = Camera.names;

Теперь чтобы обратиться к конкретной камере, нужно вызвать статический метод getCamera, где в качестве параметра передается имя камеры из полученного выше списка. Метод вернет экземпляр класса flash.media.Camera.

var camera:Camera = Camera.getCamera(list[0]);

Но как заметил Илья Панин, обращение к камере в ActionScript 3.0 работает не так, как это описано выше. Казалось бы всё правильно и взято из официальной справки. Но это не так. В качестве параметра методу getCamera необходимо передавать индекс камеры, а не её название, причем в виде строки.

var camera:Camera = Camera.getCamera(index.toString()); // index - порядковый номер камеры

2. Вывод изображения с камеры на сцену

Изображение с камеры - это видео-поток, и для его воспроизведения воспользуется классом flash.media.Video. Создаем экземпляр класса и добавляем его на сцену. В конструкторе указывается ширина и высота видео.

var video:Video = new Video(320, 240);
addChild(video);

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

video.attachCamera(camera);

После того, как мы попытаемся что-нибудь сделать с изображением с камеры (показать его на сцене, отправить на сервер) FlashPlayer попросит разрешение на это действие у пользователя. Появится диалоговое окно с соответствующим вопросом.

После выбора одного из пунктов камера отправляет событие flash.event.StatusEvent типа STATUS. В обработчике этого события можно даже узнать о выборе пользователя. У экземпляра камеры имеется свойство muted, которое говорит запретил ли пользователь использовать соответствующую камеру.

После того, как изображение с камеры разрешено показать на сцене в экземпляре класса flash.media.Video, необходимо некоторое время для активации камеры. После полной активации камеры она отправляет событие flash.event.ActivityEvent типа ACTIVITY.

Еще одной важной особенностью работы с камерой во FlashPlayer является то, что одновременно показать изображение с неё в разных окнах плеера не получится. Попробуйте открыть эту страницу в двух разных браузерах. Во втором изображение с камеры вы не увидите, пока не закроете первое открытое окно.

3. Сохранение изображения со сцены

Экземпляр класса flash.media.Video является потомком класса flash.display.DisplayObject и в любой момент времени, например по нажатию соответствующей кнопки, мы можем преобразовать изображение с камеры в данные класса flash.display.BitmapData.

Для этого необходимо создать экземпляр flash.display.BitmapData. В конструкторе указываем ширину и высоту. Вызываем метод draw, с единственным параметром - ссылкой на экземпляр нашего видео.

var bitmapdata:BitmapData = new BitmapData(video.width, video.height);
bitmapdata.draw(video);

Теперь с помощью любого энкодера мы можем преобразовать полученные данные в бинарный файл изображения. Например используя com.adobe.images.PNGEncoder после преобразования, мы получим экземпляр класса flash.utils.ByteArray

var brr:ByteArray = PNGEncoder.encode(bitmapdata);

Осталось только сохранить полученный файл на диск. Используем для этого класс flash.net.FileReference. Создаем экземпляр и вызываем метод save, с двумя параметрами: бинарные данные файла, имя файла.

var file:FileReference = new FileReference();
file.save(brr, "image.png");

Подробнее о сохранении изображения смотрите в предыдущем посте.

4. Пример

5. Как распознавать лица на изображении?

Об этом я напишу в следующем посте. Хочу только сказать огромное спасибо за реализацию этой возможности Ohtsuka Masakazu и Mario Klingemann, а также Eugene Zatepyakin

SharedObject. Сохранение данных на компьютере пользователя.

2010-08-11T14:27:00.005+04:00

Что такое SharedObject?

SharedObject - это название класса, с помощью которого .swf-файл может записывать и читать различные данные на компьютере пользователя. Способ записи данных SharedObject имеет сходство с записью файлов сookie в браузерах.

Кроме того, SharedObject может сохранять данные и на сервере. Используется данная возможность в основном в тесной интеграции с Flash Media Server'ом. Рассматривать в рамках этого поста, возможность работы SharedObject с сервером я не буду. Поговорим только о возможностях работы с локальной системой.

Как же это работает?

Работает это следующим образом: один .swf-файл может записать любую информацию на клиентском компьютере только для себя, и прочитать её позже сможет только тот же .swf-файл, который её записал.

Чтобы записать данные нужно:

Получить или создать экземпляр уникального контейнера
Записать в свойство экземпляра "data" необходимые данные
Сохранить данные экземпляра на локальный диск компьютера

var so:SharedObject = SharedObject.getLocal("as3coder-player");
so.data.volume = 100;
so.flush();

При следующем открытии, .swf-файл может прочитать ранее записанные им данные.

Получить экземпляр уникального контейнера
Получить необходимые данные у свойства экземпляра "data"

var so:SharedObject = SharedObject.getLocal("as3coder-player");
var volume:Number = so.data.volume;

Где и как хранятся данные на локальном диске пользователя?

Данные записываются в файлы с расширением "sol" в формате AMF. Найти их можно в директории:

Windows: C:\Users\<Имя пользователя>\AppData\Roaming\Macromedia\Flash Player\#SharedObjects\<Случайное число>\<Имя домена>\<Путь до .swf-файла>\<Имя контейнера>.sol

Mac OS X: ~/Library/Preferences/Macromedia/Flash Player/#SharedObjects/<Случайное число>/<Имя домена>/<Путь к .swf-файлу>/<Имя контейнера>.sol

Для Windows это выглядит так:

Чем открывать .sol-файлы?

Прочитать содержимое .sol-файлов можно, открыв их использую встроенную во FlashDevelop утилиту написанную на C# под названием "SharedObject Reader"

Также можно найти автономную версию этой программы, написанную на Python, "SOLReader".

Но как оказалось, в последних версиях FlashDevelop эта программа не работает. Если кто знает почему или как можно её отремонтировать пожалуйста сообщите в комментариях.

В качестве альтернативы нашлась другая утилита. Называется ".sol Editor". Умеет не только читать но и писать в .sol-файлах. Интересно конечно :) Но как это применить на практике пока не придумаю.

А как же безопасность?

Естественно Adobe позаботились о безопасности такого взаимодействия .swf-файла с файловой системой пользователя и наложили ограничение на объем записываемых данных. По умолчанию он равен 100 Кб. Но пользователь сам вправе решить, насколько он доверяет определенному домену, и может увеличить, уменьшить, либо вообще убрать это ограничение. Сделать это можно в параметрах Adobe Flash Player:

Где и как использовать?

Это вопрос фантазии. Например, в своих медиа-плеерах я записываю громкость звука, чтобы пользователь её постоянно не убавлял или не прибавлял когда заходил заново.

Августовская встреча RAFPUG в Перми

2010-07-30T16:04:00.001+04:00

7 августа в Перми пройдет очередная встреча RAFPUG (Russian Adobe Flash Platform User Group). Хозяевами встречи будут AlternativaPlatform и iHeroes. Они расскажут вам всё о создании трехмерных браузерных игр. Также на встрече будет менеджер группы Артемий Малкин из Flexis'a, который расскажет о будущем Flash-платформы. Все подробности смотрите здесь или здесь.

ASDoc. Сборка справки во FlashDevelop.

2010-07-07T10:46:00.001+04:00

Часто ли с вашим кодом работают сторонние разработчики? Если да, то этот пост для вас :)

Работая с чужим кодом всегда возникает много вопросов: "Что? Куда? Почему?". Как правило, на эти ответы должна отвечать справка, которая распространяется вместе с кодом.

Компилировать свой код в .swc-библиотеки мы научились, теперь научимся легко и быстро собирать справки для них.

ASDoc

Разработчикам ActionScript 3.0 очень повезло. Для них уже имеется готовая утилита для сборки справки, поставляемая вместе с FlexSDK. Называется она ASDoc. Найти её можно в директории FlexSDK в поддиректории "bin".

Работает утилита из под командной строки. В параметрах принимает необходимые настройки и собирает справку на основе комментариев в исходном коде. В результате мы имеем папку "doc" c .html-файлами. Внешне справка выглядит также как официальная на сайте Adobe.

Подробнее читайте в справке по Flex:

Сборка справки во FlashDevelop

Естественно работать с утилитой ASDoc через командную строку неудобно, и во многих средах разработки есть свой "визард" для более удобной работы с ASDoc. И FlashDevelop не исключение.

Для этого у него имеется программа "Documentation Generator", которая находится в Tools > Flash Tools.

Рассмотрим по-подробнее:

Во вкладке "Project" указывается заголовок справки, классы которые нужно описать или пропустить, директория куда всё сложить, и версия ActionScript кода. Здесь можно собирать справку и для ActionScript 2.0, но в рамках данного поста мы это пропустим.

В "Settings" указывается путь к директории с утилитой ASDoc.

В "Output" выводится информация и процессе сборки справки.

И самое удобное, что все это можно сохранить в проект, который потом можно открыть.

Если что-то непонятно, имеется справка :)

Осталось нажать кнопку "Generate!"

Что такое «MindMap»? И с чем его едят?

2010-06-01T09:40:00.000+04:00

На февральской встрече BURAFPUG, во время блиц-докладов, я заикнулся про работу c MindMap. Меня попросили рассказать об этом по-подробнее, по-моему это был Рост. На тот момент, я почему-то подумал, что все знают что это такое, и сразу перешел к рассказу о том, как это реализуется во Flash'e. На днях я понял, что спрашивали меня тогда именно: "Что это такое?". Постараюсь кратко и понятно рассказать об этом.

Что такое MindMap?

MindMap - это некий формат записи мыслей человека. Выглядит это как накиданные на плоскость блоки текста связанные между собой линиями. Внешне напоминают карты, отсюда в названии формата имеется "Map". "Mind" - это мысли. Наглядно:

На самом деле, этот формат записи очень удобен. Если есть какие-то идеи, то такие карты неплохо помогают развивать эти идеи в разные стороны. В офлайне полно различных тренингов для развития мышления и памяти, где в основе лежат эти самые карты.

Как и где использовать такие карты?

Использовать такие карты очень легко и удобно на любом этапе разработки проекта. Начиная от оценки проекта, до описания архитектуры и процесса разработки приложения.

Также я использую MindMap в повседневной жизни. Очень часто я в своем блокноте использую именно такой формат записи.

Для рисования карт сейчас полно как бесплатных, так и платных, как онлайн (реализованных кстати на Flash), так и десктопных приложений.

Список программ для рисования MindMap уже есть. В качестве бесплатной могу порекомендовать FreeMind. Если не устраивает, то очень неплохая платная - Mindjet.

Дополнительная информация

В последнее время на эту появляется все больше информации. Потому-что это действительно интересная и удобная вещь. Стоит один раз попробовать, и уже не сможешь от неё отказаться. Приведу небольшой список полезных ресурсов на эту тему:

SVG vs Flash

2010-05-28T10:12:00.007+04:00

Работая над очередным проектом столкнулся с необходимостью отображения Flash-приложения на мобильных устройствах. Если на Android в ближайшем будущем поддержка Flash Player'a ожидается, то как быть с остальными устройствами?

Ответ пришел незамедлительно: "SVG + Javascript".

От HTML-кодеров я часто слышу резкие изречения сравнения Flash и SVG как технологий, в пользу второго. О том, что SVG не требует плагинов и ничем не уступает Flash'y. На нем можно рисовать векторные изображения, писать код на JavaScript, делать анимацию и многое другое.

Уже не первый год SVG ставят в конкуренты к Flash'y, хают одно и лелеют другое. И так как у меня появилась такая возможность поработать и с тем и с другим, я хочу сделать небольшой обзор.

Является ли SVG и Flash конкурентами?

Ответ: «Нет». Поясню.

На мой взгляд SVG не является конкурентной технологией. Flash имеет ряд возможностей, которых нету в первом. К такому мнению я пришел начав миграцию моего Flash-проекта на SVG. Всё-таки кросс-платформенность для flasher'ов немного непривычно.

Но, SVG - это очень круто, и это действительно перспективная технология со своими преимуществами. Эта мысль меня посетила по окончанию миграции, когда я увидел результат работы SVG-приложения.

Вообще выбор технологии, должен зависеть от задачи. Например у меня задача стояла, чтобы web-приложение одинаково работало и выглядело на домашних копьютерах и на мобильных устройствах. И теперь используя две технологии (вместо какой-то одной) моё приложение работает на всех устройствах.

Flash и SVG - это скорее друзья :)

Мне не составило особого труда переписать моё приложение с ActionScript на JavaScript, который используется в SVG. Не составило труда перенести статичную графику. Вообще всё прошло гладко.

Обе технологии дополняют друг друга. Недостатки Flash'a можно с легкостью заменить преимуществами SVG. И наоборот. Использование обеих технологий придаст вашему проекту уникальную гибкость.

Вот, что я вынес для себя:

	Flash	SVG
Преимущества	Работа с камерой и микрофоном Работа со звуком и видео Загрузка и выгрузка файлов	Не требует дополнительных плагинов Работает во всех мобильных устройствах
Недостатки	Требует плагин Adobe Flash Player Не поддерживается большинством мобильных устройств	Не работает в Internet Explorer

Вывод

Не нужно привязываться к технологиям.

P.S.

Точно такая же ситуация и с HTML5... Но об этом в другой раз.

Создание Excel-документа на ActionScript 3.0

2010-05-20T09:58:00.008+04:00

Недавно в одном из моих проектов при работе с различными схемами и диаграммами появилась необходимость экспорта данных в распространенный и удобочитаемый формат. Выбор автоматически пал на документы Microsoft Excel. Оказалось:

Начиная с 10-ой версии Flash Player можно собирать Excel-документы без участия сервера.

с чем хочу с вами поделится.

Немного теории.

В качестве Excel-документов я рассматриваю документы созданные в Microsoft Excel 2007 с расширением .xlsx. Именно с этой версии Microsoft открыла свой формат электронных таблиц. И теперь - это не файл с бинарными записями, а .zip-архив с набором .xml-документов.

Таким образом для создания .xlsx-документов нам необходимо записать данные в .xml-документы, затем собрать их в .zip-архив и в завершении заменить его расширение на ".xlsx".

Что мы имеем во Flash Player?

Полноценная работа с xml-разметкой (пакет классов flash.xml). Мы можем с легкостью записывать наши данные в .xml-документы.
Работа с бинарными данными (класс flash.utils.ByteArray), с помощью которой можно организовать сборку zip-архива.
Сохранение бинарных данных на компьютер пользователя (класс flash.net.FileReference).

Всё что нам необходимо, мы имеем. Поэтому перейдем к практике.

Запись данных в XML

Первым делом нужно разобраться с содержимом .xlsx-документа, а именно с .xml-документами. Для этого я в Microsoft Excel 2007 создал новый документ, сделал некоторые записи,

сохранил, поменял расширение на .zip и увидел такую вот структуру с каталогами и файлами.

Свои записи (Ivan, Ivanov, Ivanovich) я нашел в файле xl/sharedString.xml. Насколько я понял, это хранилище для текстовой информации.

<sst xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" count="3" uniqueCount="3">
  <si><t>Ivanov<t><si>
  <si><t>Ivan<t><si>
  <si><t>Ivanovich<t><si>
<sst>

Далее я открыл файл xl/worksheets/sheet1.xml и действительно в описание столбца увидел ссылку (а точнее индекс) на содержимое из xl/sharedString.xml.

...
<row r="1" spans="1:3">
  <c r="A1" t="s"><v>0<v><c>
<row>
...

Для начала этой информации нам достаточно.

Рассматривать подробно все возможности записи .xml-документов внутри .xlsx-файлов я не буду. Ознакомится с ними можно прочитав книгу "OpenXML. Кратко и доступно", автором которой является Воутер Ван Вугт.

Скажу только то, что благодаря такой открытой структуре .xlsx-документа, вы сможете с легкостью записывать не только текстовую информацию, но и изображения, диаграммы и все остальные объекты Microsoft Excel.

Сборка XML-документов в ZIP-архив

Теперь когда с записью в .xml-документы разобрались давайте попробуем их собрать в архив. Писать архиватор мы не будем, используем готовый. Меньше всего проблем у меня возникло с библиотекой FZip, так что используем её.

...
var zip:FZip = new FZip();
zip.addFile("_rels/.rels", Templates._RELS);
zip.addFile("docProps/app.xml", Templates.APP_XML);
zip.addFile("docProps/core.xml", Templates.CORE_XML);
zip.addFile("xl/_rels/workbook.xml.rels", Templates.WORKBOOK_XML_RELS);
zip.addFile("xl/theme/theme1.xml", Templates.THEME1);
zip.addFile("xl/worksheets/_rels/sheet1.xml.rels", Templates.SHEET1_XML_RELS);
zip.addFile("xl/worksheets/sheet1.xml", Templates.SHEET1_XML);
zip.addFile("xl/sharedStrings.xml", Templates.SHARED_STRING_XML);
zip.addFile("xl/styles.xml", Templates.STYLES_XML);
zip.addFile("xl/workbook.xml", Templates.WORKBOOK_XML);
zip.addFile("[content_types].xml", Templates.CONTENT_TYPES_XML);
//
var brr:ByteArray = new ByteArray();
zip.serialize(brr, true);
...

Сохранение на компьютер пользователя

Сохранить, собранный архив на локальный диск пользователя, можно при помощи класса flash.net.FileReference. Начиная с 10 версии FlashPlayer'a у этого класса появился метод save, который перед сохранением показывает диалоговое окно с выбор место сохранения. Вызываем его и в первом параметре пишем имя сохраняемого файла по умолчанию с расширением "xlsx".

...
var file:FileReference = new FileReference();
file.save("excel_file.xlsx", brr);
...

Пример

Создание AIR-приложения во FlashDevelop

2010-04-26T22:32:00.007+04:00

Что такое AIR?

Adobe® AIR™ - кросс-платформенная рабочая среда, предоставляющая разработчикам возможность использования технологий HTML, Ajax, Adobe Flash® и Adobe Flex® для создания многофункциональных настольных интернет-приложений.
Подробные ответы можно найти на сайте Adobe.

Если проще, то с помощью Adobe AIR мы можем заставить своё AS3-приложение работать как полноценная настольная программа с доступом к файловой системе, с работой с базами данных SQL, а также другими возможностями, которых не хватает во Flash Player.

Посмотреть полный список дополнительных возможностей можно в справочнике по языку ActionScript 3.0. Классы, которые помечены иконкой - логотипом технологии, предназначены для AIR-приложений и являются отличным дополнением к тем, что мы используем во Flash Player.

Создание AIR-приложений

Немного теории

AIR-приложения можно собирать использую разные технологии: Ajax (Javascript + HTML) и ActionScript (Flash и Flex). В последней версии FlashDevelop используется вариант с ActionScript и для этого имеется три типа проекта AIR AS3 Projector, AIR Flex 3 Projector и AIR Flex 4 Projector. Мы рассмотрим проект с чистым ActionScript 3.0.

Создаем новый проект "My First AIR Application":

Во вкладке "Project", мы увидим директорию проекта.

С директориями "bin", "lib" и "src" мы уже знакомы из раннего поста. А вот остальные файлы на не известны. Остановимся на них по-подробнее.

AIR_readme.txt - текстовый файл с инструкцией на английском языке, о том как компилировать приложение. По сути всё-то, о чем я буду говорить ниже :)

application.xml - файл с настройками приложения. По умолчанию файл имеет минимум настроек - это имя идентификатор, версия, имя, описание, авторство и внешний вид окна приложения. Также здесь можно задать иконку приложению, причем разных размеров:

<icon>
  <image16x16>icons/smallIcon.png</image16x16>
  <image32x32>icons/mediumIcon.png</image32x32>
  <image48x48>icons/bigIcon.png</image48x48>
  <image128x128>icons/biggestIcon.png</image128x128> 
</icon>

можно указать директорию установки приложения и директорию в списке программ:

<installFolder>Example Co/Hello World</installFolder>
<programMenuFolder>Example Co</programMenuFolder>

можно разрешить устанавливать приложения из браузера:

<allowBrowserInvocation>false</allowBrowserInvocation>

можно привязать к приложению файлы с заданным расширением, задав им свои иконки:

<fileTypes>
    <fileType>
        <name>adobe.VideoFile</name>
        <extension>avf</extension>
        <description>Adobe Video File</description>
        <contentType>application/vnd.adobe.video-file</contentType>
        <icon>
            <image16x16>icons/avfIcon_16.png</image16x16>
            <image32x32>icons/avfIcon_32.png</image32x32>
            <image48x48>icons/avfIcon_48.png</image48x48>
            <image128x128>icons/avfIcon_128.png</image128x128>
        </icon>
    </fileType>
</fileTypes>

полный список настроек смотрите в официальной справке от Adobe.

CreateCertificate.bat - исполняемый файл для создания само подписанного цифрового сертификата. Описывать сертификацию приложения в рамках данного материала, я не буду, постараюсь позже написать об этом отдельный пост. Скажу только одно: при установки приложения на компьютер у пользователя появляется диалоговое окно, с пугающими сообщениями:

Избежать этих сообщений можно использую сертификат выданный доверенным центром сертификации, таких как VeriSign or Thawte. Подробнее о сертификации также есть в официальной справке.

PackageApplication.bat - исполняемый файл для сборки готового приложения. Подробнее здесь.

Теперь практика

В качестве примера напишем приложение, которое выводит на экран и затем пишет все доступные данные о плеере и системе пользователя (данные статического класса flash.system.Capabilities) в текстовый файл Capabilities.txt на рабочем столе.

Открываем файл основного класса Main.as и пишем туда:

/**
 * ...
 * @author AS3Coder
 */
package 
{
  /**
   * Импорт классов
   */
  import flash.filesystem.File;
  import flash.filesystem.FileStream;
  import flash.filesystem.FileMode;
  //
  import flash.display.Sprite;
  import flash.display.StageAlign;
  import flash.display.StageScaleMode;
  import flash.system.Capabilities;
  import flash.events.Event;
  import flash.text.TextField;
  import flash.text.TextFormat;
  import flash.text.TextFieldAutoSize;
  import flash.utils.ByteArray;
  
  /**
   * Основной класс приложения
   */
  public class Main extends Sprite 
  {
    /**
     * Конструктор
     */
    function Main():void 
    {
      addEventListener(Event.ADDED_TO_STAGE, onAddToStage, false, 0, true);
    }
    /**
     * Метод создает текстовое поле, заполняет его данными.
     * Открывает поток и записывает содержимое 
     * тектового поля в файл.
     */
    private function create ():void
    {
      var str:String;
      var txt:TextField;
      var fil:FileStream;
      //
      str = "";
      str += "navHardwareDisable: " + Capabilities.avHardwareDisable;
      str += "\nhasAccessibility: " + Capabilities.hasAccessibility;
      str += "\nhasAudio: " + Capabilities.hasAudio;
      str += "\nhasAudioEncoder: " + Capabilities.hasAudioEncoder;
      str += "\nhasEmbeddedVideo: " + Capabilities.hasEmbeddedVideo;
      str += "\nhasIME: " + Capabilities.hasIME;
      str += "\nhasMP3: " + Capabilities.hasMP3;
      str += "\nhasPrinting: " + Capabilities.hasPrinting;
      str += "\nhasScreenBroadcast: " + Capabilities.hasScreenBroadcast;
      str += "\nhasScreenPlayback: " + Capabilities.hasScreenPlayback;
      str += "\nhasStreamingAudio: " + Capabilities.hasStreamingAudio;
      str += "\nhasStreamingVideo: " + Capabilities.hasStreamingVideo;
      str += "\nhasTLS: " + Capabilities.hasTLS;
      str += "\nhasVideoEncoder: " + Capabilities.hasVideoEncoder;
      str += "\nisDebugger: " + Capabilities.isDebugger;
      str += "\nisEmbeddedInAcrobat: " + Capabilities.isEmbeddedInAcrobat;
      str += "\nlanguage: " + Capabilities.language;
      str += "\nlanguages: " + Capabilities.languages;
      str += "\nlocalFileReadDisable: " + Capabilities.localFileReadDisable;
      str += "\nmanufacturer: " + Capabilities.manufacturer;
      str += "\nmaxLevelIDC: " + Capabilities.maxLevelIDC;
      str += "\nos: " + Capabilities.os;
      str += "\npixelAspectRatio: " + Capabilities.pixelAspectRatio;
      str += "\nplayerType: " + Capabilities.playerType;
      str += "\nscreenColor: " + Capabilities.screenColor;
      str += "\nscreenDPI: " + Capabilities.screenDPI;
      str += "\nscreenResolutionX: " + Capabilities.screenResolutionX;
      str += "\nscreenResolutionY: " + Capabilities.screenResolutionY;
      str += "\nserverString: " + Capabilities.serverString;
      str += "\nversion: " + Capabilities.version;
      //
      txt = new TextField()
      txt.selectable = false;
      txt.multiline = true;
      txt.defaultTextFormat = new TextFormat("Courier New", 12);
      txt.autoSize = TextFieldAutoSize.LEFT;
      txt.text = str;
      txt.x = 10;
      txt.y = 10;
      addChild(txt);
      //
      fil = new FileStream();
      fil.open(new File(File.desktopDirectory.nativePath + "/Capabilities.txt"), FileMode.WRITE);
      fil.writeUTFBytes(str.split("\n").join("\r\n"));
      fil.close();
    }
    /**
     * Метод обрабатывает событие добавления 
     * основного клипа приложения на сцену.
     */
    private function onAddToStage (e:Event):void
    {
      removeEventListener(Event.ADDED_TO_STAGE, onAddToStage, false);
      //
      stage.scaleMode = StageScaleMode.NO_SCALE;
      stage.align = StageAlign.TOP_LEFT;
      //
      create();
    }
  }
}

Перейдем к настройкам. Попробуем задать окну приложения произвольную иконку. Для этого добавим в директорию “bin” файл изображения иконки, например такую . Теперь откроем файл с настройками application.xml и допишем туда блок:

<icon>
  <image16x16>cog.png</image16x16>
</icon>

результат мы увидим позже.

Теперь, когда код написан, добавлены настройки, можно переходить к сборке приложения. И для этого нам необходим сертификат подлинности. Для создания сертификата у нас имеется файл CreateCertificate.bat. Но прежде чем запустить сценарий исполнения, необходимо открыть содержимое файла и на 9 строке поменять путь до Flex SDK/bin на действительный. Узнать его можно в настройках FlashDevelop:

После выполнения сценария в директории проекта появится файл самоподписанного сертификата:

Для окончательной сборки AIR-приложения запускаем PackageApplication.bat. И увидим ошибку:

также как в файле CreateCertificate.bat нужно прописать действительный путь до Flex SDK. Пробуем еще раз. Вводим пароль. И если все правильно, то в директории проекта появляется новая папка “air”, в которой лежит наше приложение.

Для запуска .air-файлов на компьютере пользователя необходим плеер Adobe AIR. Если его нет, то нужно его поставить.

Попробуем запустить полученный .air-файл. Мы увидим стандартный установщик с минимум настроек. После установки мы увидим ярлык нашего приложения. Теперь наше AIR-приложение, является полноценной настольной программой. Запустив его, мы увидим в окне приложения ту иконку, которую мы указывали в настройках, а также файл Capabilities.txt на рабочем столе, который создала наша программа.

Вот так легко и быстро мы (web-разработчики) теперь можем создавать полноценные настольные программы.

Работа с JSON в ActionScript 3.0

2010-04-07T11:27:00.002+04:00

Что такое JSON?

JSON (JavaScript Object Notation) - простой формат обмена данными, удобный для чтения и написания как человеком, так и компьютером. Он основан на подмножестве языка программирования JavaScript, определенного в стандарте ECMA-262 3rd Edition - December 1999. JSON - текстовый формат, полностью независимый от языка реализации, но он использует соглашения, знакомые программистам C-подобных языков, таких как C, C++, C#, Java, JavaScript, Perl, Python и многих других. Эти свойства делают JSON идеальным языком обмена данными.

Взято с сайта www.json.org.

Зачем он нужен?

Обычно для обмена данными используется XML-формат. Потому что для работы с ним в ActionScript 3.0 есть целый пакет классов flash.xml, что облегчает работу с данными. Но имеется один недостаток - это вес данных. В XML-обвязке используются названия узлов и атрибутов, и это в свою очередь значительно увеличивает вес данных при загрузке.

Так вот, в JSON-формате обвязка данных имеет минимальный вес, несмотря на то, что в нем имеются все возможности XML-формата. Также к плюсам можно отнести то, что почти все современные языки программирования поддерживают его в какой-либо форме.

Синтаксис

JSON-объект строится двумя структурами:

Коллекция пар ключ/значение (В нашем понимании - это Объект).
Упорядоченный список значений (Массив).

{
   "firstName": "Ivan",
   "lastName": "Ivanov",
   "address": {
       "streetAddress": "100 Lenin str., apt. 53",
       "city": "Moscow",
   },
   "phoneNumbers": [
       "+7 123 4567890",
       "+7 098 7654321"
   ]
}

Подробнее о JSON-формате:

Работа с форматом в ActionScript 3.0

Как мы уже говорили, что почти все современные языки программирования поддерживают JSON-формат. ActionScript 3.0 не исключение. Имеется специальная библиотека классов от Adobe для работы с различными данными. Называется она as3corelib. Доступна на Google Code.
В ней имеется необходимый нам статический класс JSON.as

Чтобы декодировать строку JSON-формата в объект, необходимо вызвать у одноименного класса метод decode.

var obj:Object = JSON.decode(str);

Для того, чтобы преобразовать объект в строку нужно вызывать метод encode.

var str:String = JSON.encode(obj);

Загрузка и отображение .bmp-изображений на ActionScript 3.0

2010-03-26T10:01:00.003+03:00

Все мы знаем, что для того, чтобы загрузить изображение во as3-приложение, обычно используется экземпляр класса flash.display.Loader. Но типы загружаемых изображений ограничены. Возможно загрузка только .png, .jpg, .gif, .swf-файлов. А как быть например с .bmp-изображениями? Об этом мы и поговорим.

URLLoader.load();

Загружать изображение будем как бинарные данные, с помощью экземпляра класса flash.net.URLLoader. Указываем экземпляру формат загружаемых данных URLLoaderDataFormat.BINARY, и вызываем метод load, где в качестве параметра передаем экземпляр класса flash.net.URLRequest с адресом к файлу.

var loa:URLLoader = new URLLoader();
loa.dataFormat = URLLoaderDataFormat.BINARY;
loa.load(new URLRequest("image.bmp"));

ImageDecoder

Так как все изображения сжаты определенными алгоритмами, для того, чтобы их отобразить, необходимо их раскодировать. В прошлом посте мы рассматривали Encoder'ы изображений, и говорили о том, что писать их самому нет необходимости, потому что в сети полно готовых. Такая же ситуация и с Decoder'ами. Ищем. Находим:

BMPDecoder.as

Использовать их довольно легко. Вызывается метод decode, в единственном параметре передается ссылка на загруженные бинарные данные в виде экземпляра класса flash.utils.ByteArray (Те данные, что мы загрузили с помощью URLLoader). После исполнения возвращается экземпляр flash.display.BitmapData, который мы уже можем отобразить используя flash.display.Bitmap.

var brr:ByteArray = loa.data;
var dec:BMPDecoder = new BMPDecoder ();
var raw:BitmapData = dec.decode(brr); 
var bmp:Bitmap = new Bitmap(raw);
addChild(bmp);

В сети можно также найти Decoder'ы для других типов файлов. Например для .tiff (Tagged Image File Format), и даже .psd-файлов (Photoshop Document). Так что теперь дело за вами :)

Доступен справочник по языку Adobe Flex 4 ActionScript 3.0 на русском языке

2010-03-26T09:42:00.000+03:00

Не прошло и недели, как Adobe уже перевела на русский язык официальную справку ActionScript 3.0 под Flex 4. Всегда бы так :)

Сохранение изображения на ActionScript 3.0

2010-03-25T11:50:00.006+03:00

Частенько бывает необходимость сохранить отображаемый во Adobe Flash Player'е контент в изображение. Как это сделать, мы рассмотрим по пунктам:

BitmapData.draw();

Для того, чтобы снять снимок с любого отображаемого объекта (основная их часть находится в пакете flash.display) в ActionScript, нужно воспользоваться методом draw у экземпляра класса flash.display.BitmapData.

Для этого необходимо создать экземпляр класса BitmapData. В конструкторе указываем размеры нашего снимка. Далее вызываем метод draw, где в качестве параметра передадим ссылку на необходимый нам display-объект (в данном случае, это экземпляр сцены).

var raw:BitmapData = new BitmapData(stage.stageWidth, stage.stageHeight);
raw.draw(stage);

После выполнения метода наш экземпляр заполнится сырыми данными с информацией о каждом пикселе.

ImageEncoder

Теперь для того, чтобы наш экземпляр класса BitmapData с сырыми данными стал полноценным изображением, нужно сконвертировать его данные соответсвующим образом и собрать их в файл.

В качестве файла мы используем экземпляр класса flash.utils.ByteArray. В него мы будем записывать сконвертированные данные в виде байтов.

Изображения бывают разных типов. Наиболее популярные из них .png (Portable Network Graphics), .jpg (Joint Photographic Experts Group), .bmp (Bitmap Picture). Отличаются они по алгоритмам сжатия, поэтому в разных типах результат имеет разное качество. На данный момент Encoder'ов изображений на ActionScript 3.0 достаточно, и нет необходимости писать их самим. Поэтому мы воспользуемся готовыми:

PNGEncoder.as (Во Flex 4 этот класс входит в стандартную поставку от Adobe)
JPGEncoder.as (Во Flex 4 этот класс входит в стандартную поставку от Adobe)
BMPEncoder.as

В сети также полно Encoder'ов и для других типов изображений.

Пример использования PNGEncoder.as

var brr:ByteArray = PNGEncoder.encode(raw);

FileRerence.save();

Теперь полученный экземпляр класса ByteArray необходимо сохранить в файл на компьютере пользователя. Для решения этой задачи можно воспользоваться методом save экземпляра класса flash.net.FileReference.

В версиях Adobe Flash Player раннее 10, 1.5 этого метода нет. Поэтому приходилось отдавать ByteArray на сервер, который сохранял у себя его в файл и отдавал ссылку на него.

var fil:FileReference = new FileReference();
fil.save(brr, "image.png");

Вот что у меня получилось в качестве примера :)

Проекция точек на карту мира по географическим координатам

2010-03-15T21:25:00.004+03:00

В данной статье мы рассмотрим проекцию точек на карту мира по географическим координатам: широте и долготе. А если сказать точнее, то "Мы рассмотрим проекцию городов". Для примера возьмем посетителей этого блога, и покажем на карте их географию.

Выбор карты

Первым делом необходимо выбрать карту, а точнее картографическую проекцию.

Картографические проекции - это математические способы изображения на плоскости поверхности земного эллипсоида или шара.

Проекции различают по характеру изображения:

равноугольные,
равновеликие,
произвольные;

и по виду изображений параллелей и меридианов:

Цилиндрические

Конические

Азимутальные

Поликонические

Псевдоконические

Псевдоцилиндрические:

Наиболее популярными являются цилиндрические карты. Мы же выберем превдоцилиндрическую проекцию "Произвольная псевдоцилиндрическая проекция Робинсона (Robinson Cylindrical)".

Преобразование координат

Если посмотреть на вышеприведенную схему, то видно, что величина долготы обратно-пропорциональна модулю значения широты. Т.е. при увеличении модуля широты уменьшается долгота. А величина широты, прямо-пропорциональна модулю её значению. Т.е. чем больше модуль значения, тем больше величина.

Из этого следует что у нас есть две пропорции, зависящие от значения широты.

PLEN - Пропорция изменения величины долготы
PDFE - Пропорция изменения величины широты

---------|--------|-------
Latitude | PLEN   | PDFE
---------|--------|-------
00       | 1.0000 | 0.0000
05       | 0.9986 | 0.0620
10       | 0.9954 | 0.1240
15       | 0.9900 | 0.1860
20       | 0.9822 | 0.2480
25       | 0.9730 | 0.3100
30       | 0.9600 | 0.3720
35       | 0.9427 | 0.4340
40       | 0.9216 | 0.4958
45       | 0.8962 | 0.5571
50       | 0.8679 | 0.6176
55       | 0.8350 | 0.6769
60       | 0.7986 | 0.7346
65       | 0.7597 | 0.7903
70       | 0.7186 | 0.8435
75       | 0.6732 | 0.8936
80       | 0.6213 | 0.9394
85       | 0.5722 | 0.9761
90       | 0.5322 | 1.000

Естественно градация в 5 градусов для широты огромна, и для отображения городов на карте не приемлема. Поэтому необходимо заполнить эту табличку для каждого целого числа от 0 до 90 градусов. А уже имея заполненную табличку с пропорциями, несложно сделать преобразование координат. Для всего этого я написал класс, который сделает всё за нас.

ru.as3coder.map.projection.Robinson.as

В конструктор экземпляра нужно передать ссылку на экземпляр карты Робинсона класса flash.display.DisplayObject. При инициализации автоматически заполнятся массивы с пропорциями, после чего будет доступен метод преобразования координат export c параметрами latitude и longitude, который вернет экземпляр класса flash.geom.Point с координатами для указанного в конструкторе экземпляра карты.

var robinson:Robinson = new Robinson(map_sprite);
var point:Point = robinson.convert(55.7558, 37.6176);

География посетителей

В качестве примера я обещал привести географию посещения моего блога на карте мира.

Использованы данные на 11 марта 2010 года.

Документированные и недокументированные возможности файла mm.cfg

2010-03-03T10:38:00.001+03:00

При открытие FlashDevelop или любой другой среды разработки, использующей FlexSDK, в папке пользователя появляется загадочный файл mm.cfg.

PolicyFileLog=1
PolicyFileLogAppend=0
ErrorReportingEnable=1
TraceOutputFileEnable=1

Что это за файл - mm.cfg?

Из расширения можно догадаться, что файл конфигурационный. И действительно, этот файл описывает конфигурацию для Adobe Flash Player debug версии. В нем перечислены параметры, которые используются Flash Player'ом для проигрывания .swf-файлов.

Как мы можем его использовать?

А использовать мы его можем для отладки своих приложений. Изменяя параметры этого файла, мы можем получать различную информацию о ходе проигрывания .swf-файла. В официальной справке от Adobe в разделе "Editing the mm.cfg file" приведен небольшой список параметров:

ErrorReportingEnable

Логирования ошибок. Если параметр имеет значение 1, то отладчик будет записывать сообщения об ошибках в журнал. Если значение равно 0, ошибки будут игнорироваться. По умолчанию значение равно 0.

MaxWarnings

Параметр устанавливает максимальное количество предупреждений в журнале, после которого предупреждения не выводятся. Значение по умолчанию 100. Для того, чтобы отключить ограничение необходимо выставить значение 0.

PolicyFileLog

Логирование политики файла. Если параметр имеет значение 1, то отладчик будет записывать сообщения политики в соответствующий журнал.Если значение равно 0, сообщения будут игнорироваться. По умолчанию значение равно 0.

PolicyFileLogAppend

Позволяет сохранить предыдущие сообщения политики в журнале. Если значение равно 0, то при каждом новом проигрывании журнал очищается, и заполняется снова. Если значение равно 1, то предыдущие записи журнала остаются. Такое бывает удобно при тестировании приложения с множественными загрузками .swf-файлов. По умолчанию значение равно 0.

TraceOutputFileEnable

Параметр позволяет записывать в журнал результаты команды trace(). Если значение равно 1, то результаты команды записываются в журнал, если значение равно 0, то они игнорируются. По умолчанию значение равно 0.

TraceOutputFileName

Имя файла журнала логов приложения. По умолчанию значение равно flashlog.txt.

В Windows журнал логов и политики находится по адресу C:\Users\UserName\AppData\Roaming\Macromedia\Flash Player\Logs. В остальных смотрите таблицу в справке Adobe.

Но как оказалось, это не все возможные параметры файла mm.cfg...

На блоге Jean-Philippe Auclair, за который ему огромное спасибо, недавно появился пост "AS3 hidden treasure in the mm.cfg file. Revealing and documenting many Flash secrets!" о недокументированных возможностях файла mm.cfg. Расскажу только о двух, которые особенно понравились:

AS3Verbose

Позволяет получить подробную информацию о структуре и разборе байт-кода .swf файла. Параметр принимает значения 1 и 0 соответственно.

AS3Trace
Позволяет получить полную информацию о выполнении сценария Action Script 3.0. Вы можете увидеть полный ход выполнения всех методов и событий. Параметр принимает значения 1 и 0 соответственно.

Полный список параметров смотрите на блоге Jean-Philippe Auclair. Переведенный пост на русский язык вы можете найти на блоге пользователя форума flasher.ru с ником «wvxvw», за что ему громаднейшее спасибо :)

FITC 2010. Ежегодная ярмарка компьютерных технологий.

2010-02-24T22:29:00.001+03:00

22 и 23 февраля в Амстердаме прошла ежегодная ярмарка компьютерных технологий FITC 2010. На этом мероприятии, также как и на предыдущем, много говорили о новых Adobe Flash Player 10.1 и AIR 2, о достижениях внедрения Flash Platform'ы на мобильные устройства.

Подробный отчет о первом дне "FITC 2010 Amsterdam - Day 1" читайте на сайте flashmagazine.com. Также есть информация на официальном сайте мероприятия.

Mobile World Congress завершен

2010-02-19T10:37:00.002+03:00

Вчера в Барселоне был завершен четырехдневный конгресс мобильных технологий Mobile World Congress. Огромный интерес на этом конгрессе вызвала компания Adobe со своими Adobe Flash Player 10.1 и AIR. Осталось подвести итоги, а они есть :)

Adobe Flash Player и AIR появляется почти на всеx мобильных платформах. Многие производители мобильных устройств его уже поддерживают. Почти все из них продемонстрировали это на своих стендах.

Получить более подробную картину об итогах конгресса можно посмотрев видео на AdobeTV в разделе Adobe at Mobile World Congress. Я думаю с каждым днем там будет появляться все больше видео.

Также есть фотографии с конгресса на mwc2010.photoshop.com.

Mobile World Congress. День второй.

2010-02-17T11:24:00.002+03:00

На блоге Adobe Flash Platform появился новый пост "Day 2 Highlights at Mobile World Congress". В нем рассказано о втором дне Adobe на конгрессе. Небольшая выдержка:

Несомненно, в этом году на конгрессе огромный интерес вызывает Adobe Flash Platform, и его поддержка на мобильных устройствах.

Генеральный директор компании Google Eric Schmidt дал понять, что Android будет предоставлять пользователям все возможности Adobe Flash Player 10.1 для удобного и быстрого web-серфинга, а также аппаратное ускорение для видео. В подтверждение сказанному, Eric Tseng, топ-менеджер по продуктам Google продемонстрировал возможности полно-экранного видео и использование игр на Android.

Также в отчете говорится о том, что Adobe, RIM и другие партнеры, в рамках Open Screen Project, уже сегодня работают над тем, чтобы Adobe Flash Player 10.1 и AIR появился на смартфонах BlackBerry. Adobe активно сотрудничает с разработчиками BlackBerry для внедрения и корректного отображения flash-контента на различных устройствах. Более подробно читайте сообщение
Flash Player 10.1 and AIR coming to BlackBerry devices, на блоге Serge Jespers.

Adobe на Mobile World Congress

2010-02-16T22:26:00.002+03:00

С 15 по 18 февраля в Барселоне проходит Mobile World Congress.

Adobe не заставила долго ждать, и уже вчера опубликовали пресс-релиз с результатами участия на конгрессе. Вот немного из этого отчета:

Adobe рассказала о проекте Open Screen Project, который поддерживает почти 70 партнеров, по всему миру, которые объединились для того, чтобы Adobe Flash Player и AIR появился на мобильных устройствах. На AdobeTV есть есть много видео с тэгом "Open Screen Project".

В первой половине 2010 года ожидается поддержка Adobe Flash Player 10.1 Beta на мобильных устройствах с Android. Также планируется поддержка на платформах BlackBerry, Symbian OS, Palm webOS и Windows Mobile. Согласно анализу Strategy Analytics с 2010 по 2012 Adobe Flash Player будет установлен на 250 миллионов смартфонах.

Естественно Adobe позаботились и о разработчиках. И все чаще в Adobe Developer Conection появляются материалы о разработке мобильных приложений:

На AdobeTV появляются ролики, показывающие возможности Adobe Flash Player.

Ждем еще :)

Также читайте новость "Adobe demos AIR on mobile at Mobile World Congress" на сайте flashmagazine.com

Что нового в Adobe Flash Player 10.1 Beta?

2010-02-12T10:34:00.005+03:00

Отличный обзор новых классов с подробным описанием на русском языке, доступных в Adobe Flash Player 10.1 Beta, от Руслана Шестопала, за что ему огромнейшее спасибо!

Как преобразовать бинарные данные ByteArray в текстовую строку String

2010-02-11T10:45:00.011+03:00

Что такое ByteArray?

Справочник по языку ActionScript 3.0 и его компонентам говорит что: "Класс ByteArray предназначен для опытных разработчиков, которым требуется доступ к данным на уровне байт.". А если по проще, то "Экземпляр класса ByteArray содержит в себе массив байтов".

Например, загружая файл с помощью экземпляра класса flash.net.URLLoader, в его свойстве data мы можем получить бинарное содержимое файла в виде экземпляра класса flash.utils.ByteArray.

Работая над очередным редактором графики, столкнулся с тем, что как-то нужно сохранять набор изображений и других элементов в одном файле. Естественно, выбор пал на текстовые .xml-файлы. Теперь стал вопрос:

Как бинарные данные изображения преобразовать в текстовую строку?

Ответ пришел быстро: «Нужно в цикле, по байтам, пробежаться по массиву c бинарными данными, преобразовывая каждый байт в 16-тиричный вид, и добавляя его в результирующую строку».

Оказалось, в интернете уже есть готовые решения этой задачи. На сайте Ion's Den представлен замечательный класс StringBytes.As, за что автору огромное спасибо.

package ion.utils 
{
  import flash.utils.ByteArray;
 
  public class StringBytes 
  {
    public static function toString(ba:ByteArray):String 
    {
      var acum:String = "";
 
      ba.position = 0;
 
      while (ba.position < ba.length) {
        var dat:String = ba.readUnsignedByte().toString(16);
 
        while (dat.length < 2) dat = "0" + dat;
 
        acum += dat;
      }
 
      ba.position = 0;
 
      return acum;
    }
 
    public static function toByteArray(str:String):ByteArray 
    {
      if (str.length % 2 != 0) return null;
 
      var ba:ByteArray = new ByteArray();
 
      for (var i:int = 0; i < str.length; i += 2) {
        var num:int = parseInt("0x" + str.substr(i, 2));
        ba.writeByte(num);
      }
 
      ba.position = 0;
      return ba;
    }
  }
}

А также пример использования:

import ion.utils.StringBytes;
 
var str:String = StringBytes.toString(myByteArray);
 
//the string must have a even ammount of characters (each two characters represent a hexadecimal number)
var ba:ByteArray = StringBytes.toByteArray("aa99cc");

Дополнительный материал

С появлением класса flash.utils.ByteArray во Flash Player'е стало возможно работать с теми файлами, с которыми казалось бы это невозможно. В интернете появилось множество Decoder'ов и Encoder'ов для различных расширений файлов. Вот список некоторых сайтов, на которых они представлены:

Дополните список в комметариях.

Обновление

Максим Slon_vsapogah подсказал (за что ему огромное спасибо), что лучше записывать байты в строку не 16-тиричном виде, а в Base64. Действительно, объем полученной строки уменьшится. Найти готовый Encoder и Decoder в Base64, также не составило труда. На сайте Dynamic Flash, имеется ссылка на архив с классом и подробная информация, как им пользоваться.

Debugging Flex 4 applications

2010-02-09T10:51:00.004+03:00

Под этим заголовком на сайте Adobе Developer Connection появились три замечательных урока от
Jeanette Stallons:

Статьи рассказывают об отладке Flex-приложений 4 версии:

« Отладка - это процесс поиска и исправления ошибок или проблем в приложении.Отладка часто является трудной задачей, но она может быть решена в значительной степени легче при использовании отладчиков. Отладчик - это программное средство, которое позволяет отслеживать и контролировать выполнение программы шаг за шагом, а также следить за изменением значений переменных .
Adobe Flash Builder 4 Beta имеет встроенный отладчик, и в этих трех уроках вы научитесь его использовать... »

BURAFPUG (Belarus Ukraine Russian Flash Platform User Group) состоялось

2010-02-07T20:48:00.005+03:00

6 февраля 2010 года в московском офисе Adobe состоялась встреча Российских, Украинских и Белорусских flasher'ов. На подобном мероприятие я был впервые, а в Москве же второй раз. Огромное спасибо Лейсан Хатмуллиной (она же Geba), за то что встретила с поезда и провела небольшую экскурсию по городу.

Что касается встречи.

Формат мероприятия понравился. Всё получилось классно: каждый рассказал о себе и интересных вещах. Отмечать кого-то не буду, все были действительно хороши. Например, я увез со встречи целый багаж ценной информации. Однозначно: такие встречи должны проходить чаще.

Afterparty.

На самом деле мне не удалось продолжить встречу на afterparty, и мне необходимо было уйти по делам, к тому же вечером у меня был обратный поезд в Казань. Посмотреть фотки с afterparty можно здесь.

Лицом к лицу.

Важным моментом для меня была встреча на яву с людьми, которые активно представляют Flash-сообщество в рунете…

Ростислав Сирык

Это настолько приятный человек, что его хочется слушать и слушать, и даже не важно, о чем он говорит. Будь то о flash’е, будь то о море с солнцем и пивом. Складывается впечатление веселого, справедливого и всегда думающего человека. Рост, несмотря на то, что ты опоздал, всё равно огромное спасибо.

Максим «Slon_vsapogah» Качуровский

Максима я узнал сразу. Добрая и широкая улыбка его выдала.

Юрий Яровой

В Юрии сразу почувствовался профессионализм и практика программиста. Человек вышел и спросил аудиторию по делу без лишней «воды», за что тоже спасибо.

А также многие-многие другие…

Вывод.

В речи Артемия Малкова и Роста часто проскальзывали мысли о том, что мало информации о Flex, Flash и другим прикладным технологиям для начинающих flasher’ов. Артемий говорил, в этом направлении планируются новые проекты на развитие начинающего поколения. И мне эта тема нравится. Хочу поддержать ребят. И постараюсь всё больше публиковать постов с тегом «начинающим», а также переводить интересные вещи с английского языка.

Самое главное.

Огромное спасибо всем ребятам из Flexis, особенно Артемию Малкову. Отдельное спасибо Axjonov’у за фотки. И огромная просьба для всех участников, если у вас на встрече была фотокамера, пожалуйста скиньте снимки на as3coder@gmail.com.

Как добраться до переменных FlashVars в ActionScript 3.0

2010-02-05T07:54:00.000+03:00

Что такое FlashVars?

FlashVars - это пользовательские переменные, доступные .swf-приложениям во время исполнения кода, значения которых выставляются вне приложения, при вставки на .html-странице.

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="100%" align="middle">
 <param name="allowScriptAccess" value="sameDomain" />
 <param name="movie" value="main.swf" />
 <param name="quality" value="high" />
 <param name="bgcolor" value="#ffffff" />
 <param name="wmode" value="opaque">
 <param name="allowFullScreen" value="true" />
 <param name="scale" value="noscale" />
 <param name="flashvars" value="your_variable_name=your_variable_value"/>
 <embed scale="noscale" src="main.swf" flashvars="your_variable_name=your_variable_value"  allowFullScreen="true"quality="high" bgcolor="#ffffff" width="100%" height="100%" align="middle" wmode="opaque" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="https://www.macromedia.com/go/getflashplayer" />
</object>

Как добраться до значений FlashVars в ActionScript 3.0?

В ActionScript 2.0 эти переменных можно было найти в корневом клипе документа _root, и обратиться к ним можно было вот так: _root.["your_var_name"].

В Action Script 3.0 эти переменные остались там же - в корневом классе документа в специальном свойстве loaderInfo, класса flash.display.LoaderInfo, который отвечает за информацию загружаемого .swf-файла.

package 
{
  import flash.display.Sprite;
  import flash.events.Event;
  //
  public class Main extends Sprite 
  {
    public function Main():void 
    {
      trace(this.loaderInfo.parameters["your_variable_name"])
    }
  }
}

purePDF - новая as3-библиотека для создания .pdf-файлов

2010-02-04T10:59:00.001+03:00

Сегодня увидел новость на блоге Alessandro Crugnola о новой библиотеки для создания .pdf-файлов и настолько обрадовался, что решил перевести её.

purePDF - это полная библиотека для создания .pdf-документов с помощью ActionScript 3.0. от Alessandro Crugnola для Flash Player 10-ой версии. Проект библиотеки находится на Google Code.

Библиотека является переведенной, на Action Script 3.0, копией (с некоторыми модификациями) знаменитой java-библиотеки iText (версии 4.2) от Bruno Lowagie.

iText (и purePDF) имеет много возможностей для создания и работы с .pdf-документами. Список поддерживаемых возможностей, выполненных в purePDF:

Прозрачность объектов, слои, режим текста RTL, таблицы (вложенные таблицы, таблицы с изображениями), слайд-шоу, аннотации, комментарии, узоры, градиенты (линейные, радиальные, с альфа-каналом), формы, пункты, главы, списки, изображения (.jpeg, .png, .gif, .tif, BitmapData), шрифты, метаданные, заголовки страниц, колонтитулы, внутренние и внешние ссылки, штрих-коды, вложенные файлы, JavaScript и многое другое.

Все возможности вы можете посмотреть в документе purePDF API (созданным кстати с помощью Action Script).

Для создания библиотеки использовались и сторонние проекты: fzlib, as3corelib, ashashmap, alchemy, as3-commons.

Вы можете скачать исходный код библиотеки и скомпилировать его самостоятельно (см. руководство по установке) или скачать скомпилированные .swc-файлы из раздела проекта.

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

P.S. Спасибо Alessandro Crugnola.

Интересное интервью Тодда Уильямса

2010-02-02T22:49:00.001+03:00

Todd Williams - креативный директор и ведущий flash-разработчик HD Interactive, специализирующийся на онлайн-приложениях, играх и электронных учебных материалах. Имеет более чем 16 летний опыт в разработке мультимедийных приложений. Работал с такими компаниями как Adobe Systems, Disney, Coca-Cola, AT & T, Pepsi и Electronic Arts.

Интервью с Тоддом, читайте на сайте Adobe Developer Connection. Фотография взята оттуда же.

Authoring mobile Flash content for multiple screen sizes

2010-01-28T10:57:00.002+03:00

Оптимизация Flash-приложений по разные разрешения экрана. Отличный материал от
Christian Cantrell для начинающих разработчиков Action Script 3.0.

The flash.globalization package in Flash Player: Cultural diversity without complexity

2010-01-26T10:57:00.002+03:00

Интересный пакет классов flash.globalization ждет нас в новой версии Adobe Flash Player 10.1 Beta. Теперь оптимизировать приложения на Action Script 3.0 под различные языковые аудитории станет легче.

Пакет содержит 6 основных классов:

NumberFormatter.as - формирует числовые значения.
CurrencyFormatter.as - формирует денежные значения.
DateTimeFormatter.as - формирует значения календаря (дату и время).
Collator.as - сравнивает слова и словосочетания.
StringTools.as - инструмент для преобразований строк, таких как капитализация.
LocaleID.as - методы для разбора и обработки строки, содержащие идентификатор местности.

Вся информация содержится в Adobe Developer Connection по адресу http://www.adobe.com/devnet/flashplayer/articles/flash_globalization_package.html

Adobe CS5 - Everything about Adobe Creative Suite 5

2010-01-26T00:12:00.002+03:00

Открыл для себя ресурс о новой платформе Adobe Creative Suite 5. Много интересного и понятного видео, а также другой информации. Есть даже отдельная категория "Adobe Flash CS5".

Ошибка с кириллицей при вводе текста во Flash Player на Linux-машинах

2010-01-22T21:33:00.001+03:00

Знаю, что тема избитая, и всё-таки я её добью.

Очень часто клиенты пишут о проблеме ввода русских символов в одном из приложений на компьютерах с операционной системой Linux. Раньше ответить было нечего, ссылаясь на известный баг Adobe Flash Player'а FP-40. Баг появился с версии плеера 9.0.15.0.

На сегодняшний день ошибка исправлена. Если зайти на Adobe Bug System по адресу http://bugs.adobe.com/jira/browse/FP-40, то заявка имеет статус "Закрыто" и решение "Исправлено".

Для того чтобы убедится в этом нужно установить последнюю версию Adobe Flash Player 10.1 Beta 2. Новая версия является бетой, поэтому её нет в центре загрузки Adobe Flash Player, и её нужно поставить самостоятельно. Дистрибутив находится в Adobe Labs, по адресу http://labs.adobe.com/downloads/flashplayer10.html

Знакомимся с первыми разработчиками игр для iPhone использующих Adobe Flash CS5

2010-01-22T11:47:00.029+03:00

Интересное видео (на английском) от Josh Tynjala из Bowler Hat Games рассказывает о разработке Flash-игры "Chroma Circuit" под iPhone на новой платформе Adobe Flash CS5.

Видео с сайта Adobe TV.