Для начала скачиваем все необходимое:

1. FlashDevelop. последний на момент написания статьи 3.2.2
2. Adobe Flex SDK.
3. Debug Flash Player для вашего барузера.

Если у вас еще не стоит Java 1.6+, то ставим ее, а для пользователей XP нужно сделать апгрейд update .NET 2.0 framework to SP2.

Устанавливаем FlashDevelop, сразу идем в Tools->Program Settings, и в закладке AS3Context указываем путь к Flex SDK.

Все теперь мы можем работать с AS3 и создавать Flash приложения. Создаем новый проект AS3Project.

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

Основная точка входа в проект это файл Main.as, для знакомых с ООП, этот файл является Фасадом приложения. Открываем файл Main.as.

package
{
 import flash.display.Sprite;
 import flash.events.Event;
 import flash.text.TextField;

 /**
 * ...
 * @author Roman
 */
 public class Main extends Sprite
 {

 public function Main():void
 {
 if (stage) init();
 else addEventListener(Event.ADDED_TO_STAGE, init);
 }

 private function init(e:Event = null):void
 {
 removeEventListener(Event.ADDED_TO_STAGE, init);
 // entry point

 var SimpleText:TextField = new TextField();
 SimpleText.text = "Некоторый текст";
 this.addChild(SimpleText);
 }

 }

}

Рассмотрим данный код подробнее. Функция Main это конструктор класса, эта функция автоматически запускается при открытии flash-приложения. В данном случае она проверяет находится или уже что-нибудь на “сцене” нашего приложения и если нет, то запускает метод init().

Все это FlashDevelop генерирует автоматически,  после комментария //entry point (точка входа), мы можем писать уже наш собственный код.  В качестве примера я создал объект с типом TextField (Текстовое поле). Присвоил его свойству text значение “Некоторый текст” и с помощью метода addChild, вывел на сцену нашего основного класса Main.as, текстовое поле SimpleText.

Запускаем созданное приложение нажатием клавиши F5 и видим что у нас получилось:

Вот так просто мы написали приметивное ActionScript3 приложение.

Есть неплохой скринкаст по настройке FlashDevelop на Youtube, правда на английском.

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

Когда мы отправляем на сервер запрос одной и той же структуры и с одними и теми же параметрами, он кешируется, поэтому когда нам нужно запросить новую порцию данных по этому же url, браузер говорит flash, что эти данные у него уже есть и запроса на сервер не делает. Это относительно распространенная проблема с кешированием в Internet Explorer. У меня она возникла при написании чата, требования к чату были такими, что можно было использовать только flash (только он помогает победить same-origin-policy), нужно было отправлять запросы к домену отличному от текущего. Подробнее о чате напишу как-нибудь в другой раз, про все эти политики безопасности и ограничения, и что предлагает flash для решения этих проблем. Итак, как исправлять ?!

Flash.

Решение в принципе лежит на поверхности, подобным пользуются не только в flash, это распространенный способ избежать кеширования в браузере. Мы просто добавляем уникальный параметр в запрос. В данном примере я использую timestamp через метод класса Date() – date.getTime(), который передаю в качестве параметра key в запросе.

var request:URLRequest = new URLRequest("http://domain.ru/chat_receive.php");
var variables:URLVariables = new URLVariables();
 var date:Date = new Date();
 variables.key = date.getTime();

 request.data = variables;
 request.method = URLRequestMethod.GET;

Важно передавать параметры через URLVariables, первый раз я просто добавил параметры прямо в строку url “http://domain.ru/chat_receive.php”, почему-то IE это не очень понравилось, и он все равно все успешно кешировал.

Back-end.

Теперь делаем фикс на back-end, у меня это PHP, но реализации для других языков отличается не существенно. Зачем мы это делаем ? Способ который помог избежать проблемы, не отключает кеширование, то есть информация все равно попадает в кеш, и теперь ее на порядки больше. Для того чтобы не забивать кеш браузера, мы ставим в заголовок параметр Expires. А также отдаем в заголовке параметры, что кешировать не надо (в отличие от других браузеров ie этого не слушается, для этого мы и передавали уникальный параметр). Вот что у нас получилось:

header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); // disable IE caching
 header("Last-Modified: " . gmdate( "D, d M Y H:i:s") . " GMT");
 header("Cache-Control: no-store, no-cache, must-revalidate"); // HTTP/1.1
 header("Pragma: no-cache"); // HTTP/1.0

Все Internet Explorer побежден.

FlashDevelop это бесплатный OpenSource редактор распространяемый по лицензии MIT.

Он не является полной заменой Flash Builder. Имеет умное автодополнение при написание кода в ActionScript. Для установки FlashDevelop требуется Microsoft .NET 2.0 framework и JRE, который требуется для компиляции Flex и Flex Air приложений. При помощи haxe можно скомпилировать для платформ Flash, JavaScript, NekoVM, также можно скомпилировать бинарные исполняемые приложения для Linux и Windows. Для компиляции ActionScript 2 в состав дистрибутива включен MTASC.

Основные возможности редактора:

• Подсветка кода
• Продвинутый редактор фрагментов кода, а также большой набор этих фрагментов.
• Интуитивная и понятная панель инструментов
• Архитектура основанная на плагинах

Но главное это возможности работы с Flash:

• Полноценная поддержка ActionScript2, ActionScript3 и (внимание!) MXML.
• Автоматическая расстановка переносов и завершение тегов и функций.
• Быстрая навигация по коду – переходы к объявлениям.
• Интегрированный менеджер проектов, который фиксирует все прикрепленные (assets) файлы, свойства проекта, ну и конечно же рабочие файлы проекта
• Настраиваемый интерфейс для AS2API и ASDocs (генераторов документации).

Скриншот программы.

Вывод: Если рассматривать редактор как альтернативу CS4 IDE, то преимущество очевидно, это:

1. Бесплатное OpenSource приложение
2. Менеджер проектов
3. Удобство создания preloader,
4. Для кого-то не мало важно – генерация ASDocs

Вы еще не пользуетесь ? Тогда мы идем к вам

Итак, заменяем курсор

Скрыть курсор в Flash приложении довольно легко, для этого нам необходимо выполнить следующий порядок действий:

1. Скрыть текущий курсор мыши
2. Добавить на сцену курсор, который мы хотим получить
3. Установить «слушатель событий», чтобы он перерисовывал (двигал) наш курсор за указателем.

В AS3 есть объект Mouse, у которого есть метод hide, с помощью него мы скрываем курсор, вызвав Mouse.hide(), далее создадим объект Sprite, и нарисуем наш курсор:

var cursor:Sprite = new Sprite();
cursor.graphics.beginFill(0×000000);
cursor.graphics.drawCircle(0,0,20);
cursor.graphics.endFill();

Теперь мы можем добавить наш курсор в рабочую область:
addChild(cursor);

Скрываем старый курсор:
Mouse.hide();

Добавляем слушатель событий, к объекту stage (сцена), то есть когда курсор будет двигаться по рабочей области, мы будем менять его на текущие координаты курсора:
stage.addEventListener(MouseEvent.MOUSE_MOVE,redrawCursor);
Ну и собственно сама функция замены курсора:

function redrawCursor(event:MouseEvent):void
{
cursor.x = event.stageX;//координата по оси x
cursor.y = event.stageY; //координата по оси y
}

Итак вот, что у нас получилось:

var cursor:Sprite = new Sprite();
cursor.graphics.beginFill(0x000000);
cursor.graphics.drawCircle(0,0,20);
cursor.graphics.endFill();
addChild(cursor);
stage.addEventListener(MouseEvent.MOUSE_MOVE,redrawCursor);
Mouse.hide();
function redrawCursor(event:MouseEvent):void
{
cursor.x = event.stageX;
cursor.y = event.stageY;
}

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

Итак, вторая неделя изучения ActionScript3.

День 6.

Выяснил, что удобнее писать код не в action у сцены, а в отдельном подключаемом классе. Классы в AS3 полноценные, также Оо, применяются паттерны проектирования, видел пример применения паттерна Состояние (State), так что все по взрослому. Так как взаимодействие по обычному методу с api vkontakte, было установлено, то стал мучаться делать взаимодейтсвие по защищенной схеме, от моего сервера к api. Хотя пока работы с голосами мы не планируем, выяснилось, чтобы отправить сообщение в раздел Приложения->оповещения, применяется метод secure.sendNotification, который работает только при отправке запроса со своего сервера, посредством защищенного метода взаимодействия с api.
Так же я решил перейти к “оживлению”, самого приложения, взял у дизайнера макет и начал писать класс для замены курсора, в нашем приложении-рисовалке это просто жизненно необходимо. Также начал писать класс для рисования, Drawing , суть которого опишу подробнее, по окончании его написания. Дабы соответствовать правилам, коды я пишу в отдельных файлах, разделяя классы на пакеты. Вообщем работа идет.

День 7.

Написан класс Drawing отвечающий за рисование, написан класс Drag отвечающий за перетаскивание элементов. Разобрался как использовать клас для  поведения конкретных элементов, не разобрался, как передавать классу объект для манипулирования. Буду разбираться дальше.

Далее вы сможете узнать, как все это происходило…

День 1.

Посидели над заменой курсора с Дизайнером. Разобрались с эвентами, оказывается событие on () это AS2, немного огорчились, но в итоге разобрались с реализацией событий через AS3 – AddEventListener().

День 2.

Целый день просидел над созданием взаимодействия приложения с api вконтакте. Более менее разобрался с ООП в AS3, подключил пакеты для использования шифрования. В тестовых приложениях контакта нашел пакет взаимодействия с api DataProvider, разобраться, как правильно работает, до конца не смог.

День 3.

Немножко усовершенствовали бызовый функционал приложения. В основном работал дизайнер, я изучал работу c классом XML в AS3.  Потом рабирался с отправкой запроса на сервер через класс URLRequest.  Буду пробовать писать свой класс для взаимодействия с api vkontakte.

День 4.

Пришел с работы и сразу решил заняться нащим приложением. Надо было все таки “добить” взаимодействие с api. Решил пока не париться с использованием класса DataProvider от готового api, а попробовать взаимодействовать прямо в лоб. Так как библиотека для шифрования md5 была уже прикручена, оставалось дело за малым, составить правильный запрос, отправить его и получить ответ. С составлением запроса мне помогло тестового приложение вконтакте, любезно предоставленное видимо таким же, как я, познователем. Итак запрос составлен, выяснею в хелпе как же все таки его отправить, ага класс URLRequest у нас его отправляет, а получает значит URLLoader. Да чуть не забыл, а ответ то в XML, значит надо еще xml класс, как он у нас называется? Угу, XML, просто и со вкусом.  Связываем все, разбираемся с методами и вуаля, получаем.

import flash.events.Event;
import flash.net.URLLoader;
import flash.net.URLRequest;
var externalXML:XML;
var loader:URLLoader = new URLLoader();
var request:URLRequest = new URLRequest("http://api.vkontakte.ru/api.php?api_id=" + api_id + "&method=getFriends&sig=" + sig);
loader.load(request);
loader.addEventListener(Event.COMPLETE, onComplete);
function onComplete(event:Event):void
{
var loader:URLLoader = event.target as URLLoader;
if (loader != null)
{
externalXML = new XML(loader.data);
trace(externalXML.toXMLString());
}
else
{
trace("loader is not a URLLoader!");
}
}

День 5.

Была успешно написана библиотека для взаимодействия с api vkontakte. Начал на ее основе писать класс “прелоадер”, который будет делать следующее:

1. Подгружать переменные из массива flashvars.
2. Проверять добавлено ли приложение на страницу пользователя.
3. Разрешен ли доступ к друзьям, аудиозаписям, видеозаписям пользователей.
4. Выгружать информацию о текущем пользователе приложения.
5. Выгружать информацию о друзьях пользователя и выбирать друзей, которые уже добавили приложение к себе на страницу.

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