Flash и ActionScript 3.0 уроки

Урок 6. Цикл for

2011-12-12T11:26:00.000-08:00

В результате этого урока мы создадим вот такую игрушку:

PS: Когда кто-то добежит до конца, щелкните по экрану, что бы начать заново.

Цикл — разновидность управляющей конструкции, преднозначеной для организации многоразового повторения набора действий (команд).

Цикл "for".

Синтаксис:

for(переменная=значение; условие; выражение){
       команда1;
       команда2;
       ....
       командаN:
}

Теперь разберем пошагово как это работает. Допустим у нас есть такой цикл:

for(var i:int=1;i<4;i++){
     trace(i);
}

Действия выполняемые этим циклом:

Проверка верно ли условие i=1; 1<4; -Верно. Идём дальше.
Выводим i. В данный момент i=1, значит в окне вывода появится "1".
К i добавляется еденица ( i++ ), i становится равным двум.
Проверка верно ли условие i=2; 2<4; -Верно. Идём дальше.
Выводим i. В данный момент i=2, значит в окне вывода появится "2"
К i добавляется еденица ( i++ ), i становится равным трем.
Проверка верно ли условие i=3; 3<4; -Верно. Идём дальше.
Выводим i. В данный момент i=3, значит в окне вывода появится "3"
К i добавляется еденица ( i++ ), i становится равным четырем.
Проверка верно ли условие i=4; 4 не меньше 4; -НЕВЕРНО! Цикл окончен.

После выполнения этого цикла окно вывода будет выглядеть так:

Теперь попробуем сделать мини-игру из примера в начале урока.

Шаг 1. (Создание персонажей)
1.1 Для начала нарисуте какого-нибудь персонажа, и сделайте из него мувиклип.

1.2 Создайте внутри этого мувиклипа 3 кадра

Первый кадр - персонаж стоит на месте.

Второй кадр - персонаж бежит.

Третий кадр - персонаж победил.

1.3 Добавьте новый слой (Layer 2) и напишите код:

stop();

1.4 Вернитесь на главную сцену и скопируйте этого персонажа нужное количество раз .
1.5 Дайте этим персонажам имена типа p1, p2, p3.... (соотвественно первому р1, второму р2 и д.т.)
1.6 Пишем код:

import flash.events.Event;
import flash.events.MouseEvent;

const numPlayer:int = 5;//количество игроков, если у вас их не 5 не забудьте поменять это значение!
addEventListener(Event.ENTER_FRAME,loop);

function loop(e:Event):void
{
 for (var i:int=1; i<=numPlayer; i++)
 {
  root["p"+i].y-=Math.random()*5;/*передвигаем поочередно каждого из 5 
  персонажей на случайное расстояние от 0 до 5 пикселей*/
  root["p"+i].gotoAndStop(2);/*заставляем персонажей "бежать"*/
  if (root["p" + i].y <= 23)/*если какой-то из персонажей достиг верха экрана*/
  {
   root["p" + i].gotoAndStop(3);/*то поставить его на кадр №3*/
   trace(i);/*вывести его номер*/
   i = 8;/*выйти из цикла*/
   removeEventListener(Event.ENTER_FRAME,loop);/*стереть слушатель*/
   stage.addEventListener(MouseEvent.CLICK,resetF);/*и добавить слушатель для рестарта*/
  }
 }
}
function resetF(e:MouseEvent):void
{
 /*функция рестарта игры*/
 for (var i:int=1; i<=numPlayer; i++)
 {
  root["p" + i].y = 300;/*возвращаем всех персов на место*/
  root["p" + i].gotoAndStop(2);/*и переводим их в кадр бега*/
 }
 addEventListener(Event.ENTER_FRAME,loop);
 stage.removeEventListener(MouseEvent.CLICK,resetF);
}

Если всё еще ничего не понятно, то не расстраивайтесь сейчас я проведу пошаговый тест куска кода, который возвращает персонажей на место, и всё должно встать на свои места.

for (var i:int=1; i<=numPlayer; i++)
{
 root["p" + i].y = 300;/*возвращаем всех персов на место*/
 root["p" + i].gotoAndStop(2);/*и переводим их в кадр бега*/
}

Проверка верно ли условие; i=1; 1<5; -Верно. Идём дальше.
(Т.К. i = 1, то root["p" + i].y равняется root["p" + 1].y равняется р1.у)
Ставим персонажа с именем р1 в у=300;
Переводим персонажа с именем р1 на второй кадр;
Проверка верно ли условие; i=2; 2<5; -Верно. Идём дальше.
(Т.К. i = 2, то root["p" + i].y равняется root["p" + 2].y равняется р2.у)
Ставим персонажа с именем р2 в у=300;
Переводим персонажа с именем р2 на второй кадр;
Проверка верно ли условие; i=3; 3<5; -Верно. Идём дальше.
Ставим персонажа с именем р3 в у=300;
Переводим персонажа с именем р3 на второй кадр;
И ТАК ДАЛЕЕ..

Ну вот, надеюсь теперь всё встало на свои места, но если всё-же есть какие-то вопросы, задавайте!)

Ну вот собственно и всё.

Ах, ну да!

Домашка:

Сделать так, что бы персонажей было не 5 а 3. (Если всё понятно, то это не составит труда).

Урок 5. События клавиатуры

2011-09-19T07:27:00.000-07:00

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

Событие клавиатуры:
Событие будет происходить при нажатии клавиши клавиатуры.
Существует два типа событий клавиатуры: KeyboardEvent.KEY_DOWN и KeyboardEvent.KEY_UP

KeyboardEvent.KEY_DOWN – пользователь нажал на клавишу
KeyboardEvent.KEY_UP – пользователь отпустил клавишу

Событие клавиатуры используется практически в любой игре. Самый простой пример - передвижение персонажа по экрану. Этим мы сейчас и займёмся сделав вот такую флешку.
P.S.: Управлять пчелкой можно как стрелками, так и WASD.

Итак преступим!
1. Создайте новый AS3 документ.
2. Создайте вашего персонажа, и дайте ему имя player.

3. Всё, подготовительный этап закончен! Теперь можно приступать к написанию кода!

// переменные определяющие в какую сторону лететь.
var up,down,left,right = 0;
// слушатель событий нажатия клавиш.
stage.addEventListener(KeyboardEvent.KEY_DOWN,keyDownF);
// слушатель событий отпускания клавиш.
stage.addEventListener(KeyboardEvent.KEY_UP,keyUpF);
// ENTER_FRAME =)
stage.addEventListener(Event.ENTER_FRAME,updatePosF);

// функция выполняющаяся при нажатии клавиш.
function keyDownF(e:KeyboardEvent):void
{
 if (e.keyCode == Keyboard.UP)
 {
  //если верно, то присвоить переменной up значение 1.
  up = 1;
 }
 if (e.keyCode == Keyboard.DOWN)
 {
  //если верно, то присвоить переменной down значение 1.
  down = 1;
 }
 if (e.keyCode == Keyboard.RIGHT)
 {
  //если верно, то присвоить переменной right значение 1.
  right = 1;
 }
 if (e.keyCode == Keyboard.LEFT)//аналогично.
 {
  left = 1;
 }
}

// функция выполняющаяся при отпускании клавиш.
function keyUpF(e:KeyboardEvent):void
{
 if (e.keyCode == Keyboard.UP)
 {
  //если верно, то присвоить переменной up значение 0.
  up = 0;
 }
 if (e.keyCode == Keyboard.DOWN)// аналогично
 {
  down = 0;
 }
 if (e.keyCode == Keyboard.RIGHT)// аналогично
 {
  right = 0;
 }
 if (e.keyCode == Keyboard.LEFT)// аналогично
 {
  left = 0;
 }
}

// а вот и функция которая проверяет не вышел 
// ли игрок за пределы экрана, и в какую сторону надо лететь.
function updatePosF(e:Event):void
{
 if (up == 1)// если up = 1, то лететь вверх
 {
  player.y -=  5;
 }
 if (down == 1)// если down = 1, то лететь вниз
 {
  player.y +=  5;
 }
 if (left == 1)// если left = 1, то лететь влево
 {
  player.x -=  5;
 }
 if (right == 1)// если right = 1, то лететь вправо
 {
  player.x +=  5;
 }
//----------------------------------
// запрет на передвижение, если пчелка возле краёв экрана
 
 if (player.y <=player.height/2)
 {
  up = 0;
 }
 if (player.y >= stage.stageHeight-player.height/2)
 {
  down = 0;
 }
 if (player.x <= player.width/2)
 {
  left = 0;
 }
 if (player.x >= stage.stageWidth-player.width/2)
 {
  right = 0;
 }
//-------------------------------
}

Ну вот собственно и всё, что я хотел сегодня рассказать.
Желаю удачи в выполнении урока, и конечно-же ДЗ =)

ДЗ: сделать так, что-бы пчелка летала как в примере (и на стрелках и на клавишах WASD).

Banner

2011-08-10T00:37:00.000-07:00

Недавно я страдал от безделия, и решил попробовать найти себе заказ (например на создание баннера) в гугле. В начале поиска я был настроен очень скептично, что из этого что-либо выйдет, но вот где-то через 15 минут поисков я наткнулся на это объявление:
www.job.treto.ru . Меня это заинтересовало (хотя и цена их показалась заоблачная!) и я решил "Была не была!".

Ответили мне практически сразу, и в этот же день я взялся за работу (вся работа заняла около 4 вечеров). До самого конца меня не покидало чувство, что меня кинут =) . Но уже буквально через пару дней я полный радости держал деньги в своих руках! В общем моё первое сотрудничество по интернету оказалось на удивление приятным.

Для чего я всё это пишу? Для того что бы похвастаться? Конечно-же нет! Я пишу это, что бы показать, что flash это не только интересно, но еще и очень прибыльно! И те у кого еще есть сомнения учить flash или не учить, смело можете отбросить их в сторону!

Урок 4. Условные операторы

2011-06-25T08:13:00.000-07:00

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

В языке ActionScript существует два различных условных оператора: оператор if и оператор switch.

Оператор if

Оператор if напоминает развилку на дороге. Он содержит два блока кода и выражение (называемое условным выражением), которое определяет блок кода для дальнейшего выполнения. Создания оператор if можно разными способами, и в зависимости от способа он будет выполняться по разному.

Способ 1:

if (условноеВыражение) { 
    блокКода
}

Когда флешу встречается такой тип условного оператора if , то если в условное выражение возвращается true, то выполняется блокКода.
Например:

var test1:Number=15;
if (test1==15) {
    trace(test1);
}

Нажимаем Ctrl+Enter, и в окне OUTPUT видим 15.
Если условное выражение возвращается false, то нечего не выполняется.
Например

var test1:Number=16;
if (test1==15) {
    trace(test1);
}

Способ 2:

if ( условноеВыражение )
{
    блокКода1
}
else
{
    блокКода1
}

Как писал Колин Мук : "Оператор if напоминает развилку на дороге. Он содержит два блока кода и выражение (называемое условным выражением), которое определяет блок кода для дальнейшего выполнения. "
В данном примере, в отличии от предыдущего, в любом случае выполнится какой-либо блок кода, но одновременно может выполнится только один.
Например:

var test2:Number=15;
if (test2==15) {
    // этот блок выполнится
    trace(test2);
}else
{
     // а этот нет
    trace(test2+" "+"не равно 15!!!")
}

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

Способ 3:

if (число яблок >= 4) {  
    Поделюсь с друзьями
}   else if (1 < число яблок < 3) { 
    Поделюсь с 1 другом
    }
}   else if (число яблок < 2) { 
    Съем одна
}

Что это за странная штука " >= ", спросите вы?
Вот вам таблица, с её помощью все встанет на свои места:

Булева логика

Ранее в этом уроке вы узнали, как принимаются логические решения с использованием условных выражений, которые возвращают логические значения. Решения принимались на основании одного фактора, например, «если значением переменной равняется 15, то выполнить блок кода». Но не вся программная логика настолько проста. В программах зачастую приходится рассматривать сразу несколько факторов в логике ветвлений (то есть принимать решение). Для объединения нескольких факторов в одном условном выражении применяются логические операторы: | | (логическое ИЛИ) и && (логическое И). (с)Колин Мук.

Логическое ИЛИ

Оператор "или" чаще всего применяют в случаях, когда для выполнения блокаКода должно выполниться по крайней мере одно из двух условий.

Обобщенный вид "или":

выражение1 || выражение2

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

верно || не верно // блокКода выполнится, поскольку первый операнд верен 
не верно || верно // блокКода выполнится, поскольку второй операнд верен
верно || верно // блокКода выполнится (достаточно,чтобы любой операнд был верен)
не верно || не верно // блокКода НЕ выполнится, поскольку оба операнда не верны!

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

if (num > 0 || num < 100) { 
// Этот блок кода выполняется, если значение переменной 
// num находится в диапазоне от 1 до 100 включительно 
}

Логическое И

Как и оператор ИЛИ, оператор логического И в основном используется для
условного исполнения блока кода — в данном случае, когда обязательно выполняются
оба условия. Оператор логического И имеет следующий обобщенный вид:

выражение1 && выражение2

Напомню, что для выполнения блокаКода требуется, что бы оба выражения были верны.
Для лучшего понимания:

верно && не верно // блокКода не выполнится, поскольку результат второго выражения не верен
не верно && верно // блокКода не выполнится, поскольку результат первого выражения не верен
верно && верно // блокКода выполнится, поскольку результаты обоих выражений верны
не верно && не верно // блокКода не выполнится, поскольку результаты обоих выражений не верны
// (достаточно, чтобы результат одного из выражений был 
// не верен)

Рассмотрим использование оператора логического И на примере кода, который выполняется только в том случае, когда значения обеих переменных больше 50:

var a:Number = 100; 
var b:Number = 51: 
if (a>50 && b>50) { 
// Этот блок кода выполняется только в том случае, 
// когда значения переменных х и у больше 50 
}

Теперь давайте попробуем написать подобную программку:
1. Создайте новый AS3 документ.
2. Создайте текстовое поле, и дайте ему такие настройки:

3. Создайте кнопку для входа, и дайте ей имя "okBtn".

Первый кадр готов. Теперь создайте новый кадр, и заполните его чем нибудь подобным:

4. Создайте кадр №3, он будет показан, в том случае, если пароль не верен.
На третьем кадре создайте кнопку назад, и дайте ей имя "backBtn".
Всё, флешка подготовлена, теперь приступаем к программированию.

5. Создайте новый слой "Action", и на первом кадре напишите код:

//Останавливаем флешку на первом кадре
stop();
// Создаём слушатель для кнопки входа
okBtn.addEventListener(MouseEvent.CLICK,okF);
//Функция входа
function okF(e:MouseEvent):void
{
 //Если пароль верен
 if (pass.text == "portofollo")
 {
  //перейти на кадр 2
  gotoAndStop(2);
 }
 //Иначе
 else
 {
  // На кадр 3
  gotoAndStop(3);
 }
}

Форма входа готова!
6. Теперь на слое "Action" преобразуйте третий кадр в ключевой. Для этого выделите его, и нажмите "F6".
7. Код на третьем кадре:

backBtn.addEventListener(MouseEvent.CLICK,backF);
function backF(e:MouseEvent):void
{
 gotoAndStop(1);
}

Все! Наша программка готова!
Забегая на перёд напишу домашнее задание по условному оператору if:

Сделать такую программку (имя: Flash, пароль: portofollo):

Оператор switch

Оператор switch позволяет выполнять один из нескольких возможных блоков
кода в зависимости от результата одного условного выражения. Оператор switch можно представить в следующем обобщенном виде:

switch (условноеВыражение)
{
 case выражение1 :
  блокКода1;
  break;
 case выражение2 :
  блокКода2;
  break;
 default :
  блокКодаЗ;
}

Если результат выражения условноеВыражение не совпадает ни с одним из значений выражений case, то выполняются все инструкции, расположенные за меткой
default.
Пример из жизни, для лучшего понимания:

switch(оценка) 
{ 
    case ‘двойка’: 
        Готовить попу
        break; 
    case ‘Тройка’: 
       Снова попу :)
        break; 
    case ’Четверка’: 
        Радовоться 
        break; 
    default: 
        Кричать от счастья
        break; 
}

Ну, вот пожалуй и всё на сегодня! :)
Удачи с домашкой!)

Урок 3. Переменные и константы

2011-06-24T07:00:00.000-07:00

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

Переменная - это идентификатор (имя), ассоциированый со значением. Например, переменной может являться идентификатор submitBtn, который ассоциирован с объектом, представляющем кнопку на интерактивной странице в интернете. (с) Колин Мук.

В ActionScript 3 переменные записываются следующим образом:

var имя_переменной:тип_переменной=значение_переменной

Основные типы (классы) для переменных:

String - Представляет текстовые данные (строка или символ);
Boolean - Определяет логические состояния true (истина), или false (ложь);
Number - Представляет числа с плавающей запятой (то есть дробные числа);
Int - Определяет целые числа (не дробные);
Uint - Представляет положительные целые числа;
Array - Определяет упорядоченный список;
Date - Представляет определенный момент времени;

// создаем переиенную типа String 
var firstVar:String="This is my first var"; 
// трейсим её 
trace(firstVar);

Компилируем, и видим следующее:

Если кто не знает, то trace() - это команда, которая выводит данные в специальное окошко OUTPUT. Это помогает сэкономить время, если быстро требуется проверить что-либо текстовое (например переменную, как в нашем случае).

Пример использования переменных с разными типами:
Пробуем создать переменную типа Array.

// создаем переиенную типа Array 
var ArrayVar:Array = new Array();
//Теперь мы поступим не так, как в первый раз.
//Сначала создадим переменную, а уже потом
//присвоим ей значение;
ArrayVar = [1,2,"Hi!!",3];
trace(ArrayVar);

Переменная типа int:

var a:int=4;
var b:int=5;
a/=b;
trace(a);

И что же у нас выведет? Нет, не 0,1333333 а 0. Почему? Int - Определяет целые числа (не дробные). Если вместо int написать Number то выведет 0,1333333.

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

Тут совмещены этот и предыдущий урок, пото-му как вы уже умеете создавать кнопки и т.д., то я не буду этого объяснять.

Создаём две кнопки плюс (plusBtn) и минус (minusBtn). Создаём текстовое поле и даём ему такие настройки:

И вставляем такой код:

var num = 0;
plusBtn.addEventListener(MouseEvent.CLICK,plusF);
minusBtn.addEventListener(MouseEvent.CLICK,minusF);
function plusF(e:MouseEvent):void
{
 num +=  1;
 numText.text = num;
}
function minusF(e:MouseEvent):void
{
 num -=  1;
 numText.text = num;
}

Теперь по порядку:
Строка 1: Создаём переменную num БЕЗ определения типа переменной;
Строка 6: Добавляем единицу к переменной;
Строка 7: Обновляем текстовое поле;
Строка 11: Отнимаем единицу от переменной
Строка 12: Обновляем текстовое поле;

Константы.

Константы это по сути те же переменные, но предопределенные заранее. Например если переменную можно сначала не задавать:

var vars:Number;

То константу надо задавать заранее. и её нельзя изменять походу выполнения сценария.

const consts= 0;

И как всегда домашнее задание:

Сделать что-бы при нажатии на плюс прибавлялась не единица, а пять. При нажатии на минус - отнималось 5.

Удачи!

Урок 2. Изучаем слушатели событий

2011-06-20T14:00:00.000-07:00

Итак, теперь, когда вы уже познакомились с историей флеша, пора переходить к изучению этого самого ActionScript3!

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

Сразу хочу заметить, что не стоит писать код на кадре, на котором есть хоть какая-то графика. Для кода нужно создавать отдельный слой.

Раздел 1. Слушатели в общем.

Любой слушатель событий создается по одному принципу:

Название объекта, для которого создан этот слушатель.
addEventListener(
Тип слушателя.
Слушатель,
Название функции, которая должна сработать при выполнение слушателя.

Обычно функции создаются по такому принципу:

function название_фунции(e:тип_слушателя):void{тело_функции}

Скорее всего, пока что ничего не понятно, но это не страшно :)

Раздел 2. События мыши.

События мыши мы будем изучать на примере создания flash ролика, в котором при нажатии на объект он будет смещаться вправо.

Вот как это будет выглядеть:

Приступим!
Для начала создайте на сцене мувиклип (например квадрат) и дайте ему имя (например box).

Теперь давайте наконец созданим этот слушатель!
Вспомните принцип из раздела 1. Как я уже говорил, все слушатели создаются по этому принципу, этот не исключение.
Для того что-бы начать писать код, выделите первый кадр первого слоя, и нажмите F9.
Так выглядит панель Action

Теперь напечатайте такой код:

И нажмите Ctrl+Enter.
А тут вдруг:

"В чем же дело?!" спросите вы, ведь вы всё делали по инструкции!
А дело в том, что мы указали название функции "boxMovie", a саму функцию не создали!
Создадим функцию "boxMovie" и заставим квадрат двигатся:

И снова нажмите Ctrl+Enter.

Урра!! Заработало!!)

Теперь для закрепления давайте создадим несколько объектов.

Выглядеть это будет так:

Нарисуйте на сцене круг, сделайте его мувиклипом, и дайте ему имя "shar".

Для того, что бы заставить наш круг двигаться, нужно создать для него новый слушатель, и новую функцию. Этим мы сейчас и займёмся:

Ctrl+Enter.
Ну и на последок я расскажу, какие бывают события мыши:

MouseEvent.CLICK – сделано нажатие и отпускание ЛКМ над рабочей областью;
MouseEvent.MOUSE_DOWN – сделано нажатие ЛКМ;
MouseEvent.MOUSE_UP – сделано отпускание ЛКМ;
MouseEvent.DOUBLE_CLICK – событие происходит после 2-го щелчка
MouseEvent.MOUSE_MOVE – событие происходит, если курсор перемещается над областью отображения;
MouseEvent.MOUSE_OVER – событие происходит, если указатель перемещается на объект. Чтобы событие произошло еще раз, курсор нужно поместить за пределы объекта, а потом снова навести его на объект.
MouseEvent.MOUSE_OUT – событие происходит, если указатель перемещается за пределы области объекта;
MouseEvent.MOUSE_WHEEL – событие происходит, если указатель расположен над рабочим объектом и пользователь крутит колесо;

А теперь для закрепления домашнее задание:

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

Вот и всё, теперь вы знакомы с событиями мыши.

Раздел 3. Событие ENTER_FRAME.
Этот раздел будет значительно короче чем первый, но не менее важный.
Сейчас попробуем написать простейшую программку, например, осуществление простого движения объекта, и кнопку, пи нажатии на которую объект вернется на место.
Выглядеть это будет так:

Создаём новый AS3 документ, и рисуем любой объект (например прямоугольник).

Обращаем его в мувик, и даём имя "box".
Открываем панель Action и пишем такой код:

//Создаем слушатель, и даем ему тип Event.ENTER_FRAME
stage.addEventListener(Event.ENTER_FRAME, moveF);
function moveF(e:Event):void
{
//Сдвигаем ящик на 2 пикселя вправо.
 box.x +=  2;
}

Теперь протестируем ролик (Ctrl+Enter).
Ура, все работает. А теперь разберемся, что мы написали, по порядку.

stage.addEventListener(Event.ENTER_FRAME, moveF) - в этой строчке мы объявляем слушатель событий, который будет «привязан» к данной сцене, stage. Далее смотрим свойства (то, что в скобках) - функции могут быть заданы разными видами событий – события мыши, клавиатуры, а в данном случае это событие EnterFrame, то есть действия функции будут совершаться при каждом обновлении сцены. Причем частоту перехода можно регулировать вот здесь, в нижней части Timeline:

Теперь приступим к созданию кнопки.
Сначала нарисуйте её и обратите в мувиклип. Дайте ей имя "btn1". Потом создайте слушатель события и функцию, при выполнении которой наш квадрат перейдёт в координату x=0;
Я специально не писал код, так как это домашнее задание :)

Урок 1. Общее представление о Flash и ActionScript3

2011-06-20T11:39:00.000-07:00

Я еще не знаю какая аудитория будет читать мой блог, поэтому решил начать с самых недр — с истории флеша и ActionScript .

Adobe Flash (ранее Macromedia Flash) — мультимедийная платформа компании Adobe для создания веб-приложений или мультимедийных презентаций. Широко используется для создания рекламных баннеров, анимации, игр, а также воспроизведения на веб-страницах видео- и аудиозаписей.

ActionScript — объектно-ориентированный язык программирования, один из диалектов ECMAScript, который добавляет интерактивность, обработку данных и многое другое в содержимое Flash-приложений. ActionScript исполняется виртуальной машиной (ActionScript Virtual Machine), которая является составной частью Flash Player. ActionScript компилируется в байткод, который включается в SWF-файл.
(c) Википедия.

Для всех уроков

2011-06-19T15:11:00.000-07:00

Для начала выполнения какого-либо урока по ActionScript3 следует выполнить следующее:

1. Скачать (например с торрента или откуда нибудь еще) Adobe Flash версии не меньше чем CS3 (советую скачать самую последнюю версию, это на данный момент Adobe Flash CS5.5).

2. Запустите Flash. Создайте новый файл Flash File(ActionScript 3.0).

3. Если урок связан с программированием (а так будет почти всегда), то для написания кода вам понадобиться либо панель Action (горячая клавиша F9), либо создать новый класс (подробнее об этом в уроке, в котором это понадобиться :))

Ну вот и всё, далее следуйте инструкции урока, и да прибудит с вами сила!)

unexpected format!

2011-06-19T08:07:00.000-07:00

Часто встречаю на разных форумах и сайтах посвященных flash-у подобные сообщения "Запоролась флешка!!!! Что делать?!!" или "Помогите!!! При открытии проекта пишет unexpected format!". Я как-то давно тоже столкнулся с такой проблемой, и не зная, что делать декомпилировал swf-ку, но пришел в ужас после того, как увидел что-же сотворил декомпилятор с моей флешкой!) Пришлось практически начинать с нуля... Хотя и есть один плюс из всего происшедшего - получилось еще лучше чем было)))
Если вам вовсе не хочется заново всё переделывать, то это видео специально для вас!
P.S.: Смотреть н весь экран, и в качестве не меньше 480p. !!

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

UAFPUG#26 в Донецке - "Flash для игроделов"

2011-06-18T14:26:00.003-07:00

Привет всем флешелюбам и любителям флеша!
26 Матра 2011 года в Донецке состаялся UAFPUG#26, основная тема для докладов была "Flash для игроделов" (eсли кто не знает, то UAFPUG расшифровывается как Ukrainian Adobe Flash Platform User Group). И я там был, мёд пиво пил!) Ну а если серьёзно, то из этой встечи я вынес для себя много нужно и полезного! Я тоже выступал там с докладом, доклад был на тему:
"Основные этапы создания rpg игры"
1. Передвижение ГГ по сцене
2. Определение столкновения ГГ с препятствиями
3. Отталкивание от стен
4. Создание врагов
5. Создание мини-карты
6. Чего можно добиться А вот и сама презентация: P.S: ПРЕЗЕНТАЦИЯ РАСЧИТАНА НА ТО, ЧТО ВЫ ИМЕЕТЕ ХОТЯ-БЫ ОБЩЕЕ ПРЕДСТАВЛЕНИЕ О ACTIONSCRIPT 3.0!!
Основные этапы.
Слайд 1 На этом слайде показаны этапы по которым которым будет презентация.
Выбор уравления и его программирование.
Слайд 2, 3, 4, 5, 6. Управление является немаловажным аспектом любой игры, я решил остановиться на передвижение на WASD и повороте на AD. На пятом слайде написан код для передвижения персонажа на примере двух кнопок W и D. (P.S: код можно прокручивать колёсиком мышки).
Проверка столкновения персонажа с препятствиями.
Слайд 7,8,9. Первое, что нужно сделать, это добавить вспомогательные маркеры (как это делается показано на слайде 8). На слайде № 9 написан код для проверки столкновения ГГ с препятствиями.
Отталкивание персонажа от препятствий.
Слайд 10, 11, 12. Теперь в код проверки столкновение ГГ с препятствиями добавляем код для отталкивания персонажа от препятствий. Код проверки столкновений вместе с кодом отталкивания будет выглядеть так:

for (var i:Number=1; i<17; i++)
{
 if ((stena.hitTestPoint(hero["p"+i].x+hero.x,hero["p"+i].y+hero.y,true)))
 {
 var ugol = Math.atan2(hero["p" + i].y,hero["p" + i].x);
 for (var i2:Number=1; i2<30; i2++)
 {
 hero.x -=  0.3 * Math.cos(ugol);
 hero.y -=  0.3 * Math.sin(ugol);
 if ((stena.hitTestPoint(hero["p"+i].x+hero.x,hero["p"+i].y+hero.y,true)==false))
 {
 i2 = 31;
 }
 }
 }
}

Создаём врагов.
Слайд 13, 14, 15, 16, 17, 18. На слайде 14 видно, как нужно оформлять врагов. На слайде 15 представлен код для размещения врагов на сцене случайным образом. На слайде 17 показано, как заставить врага перемещатся вслед за персонажем.
Создание мини-карты.
Слайд 19, 20, 21. На слайде 20 предоставлен код, который я подобрал старым, добрым методом профессора Тыка, и который подходит только под радиус моей мини-карты, но на днях обязуюсь исправить код длямини-карты любого рамера :)
Чего можно добиться.
Слайд 22, 23. Немного посидев и пошаманив, можно добиться такого результата как на слайде 22.
Управление:
   Передвижение: WASD
   Удар (выстрел магией): щелчек мышкой.
   Переключение оружия (магии): 1 2 3 4.
   Переход на следующую локацию: Подойти к краю локации и нажать пробел.

Вот и презентации конец, а кто слушал - Молодец!)
P.S.S.: Если вам кажется, что вы уже где-то ведели эту презентацию, то не спешите кричать на меня, мол я вор :). Это моя презентация, просто решил закинуть её еще и на блог.
  Рабочий исходник.

Привет мир!)

2011-06-18T14:15:00.000-07:00

Сегодня стартует мой блог, который будет посвящен разработке flash приложений и, в общем, всему, что связано с flash-эм. Сюда я буду писать свои уроки и о своих достижениях в этой сфере. Надеюсь на ваши отзывы и комментарии:). Итак! Поехали!