Попри мою надзвичайну любов до блога про Flash та ActionScript та великі надії, які я покладаю на його майбутнє, розміщувати нові статті тут виходить дуже рідко. Занадто рідко! Набагато рідше, ніж мені хотілося б!

І справа зовсім не в тому, що у мене немає бажання чи тем для наступних публікацій. Навпаки. Якби кожного дня я публікував по одній статті – то тем вистачило б щонайменше на місяць! І це лише повноцінних уроків програмування на ActionScript 3… про інші я взагалі мовчу.

Як завжди, основною перешкодою для регулярного оновлення стає не натхнення і не бажання, а банальна відсутність часу. Написання середньої статті-уроку займає у мене від трьох до п’яти-шести годин. Це якщо не враховувати безпосередньо сам процес роботи над програмою (якщо у статті викладена демонстраційна версія флеш-ролика). Не завжди є можливість виділити такий час на роботу з блогом, який поки що має статус радше хобі, ніж чогось більш серйозного. А знижувати якість публікацій заради того, щоб писати їх швидше, я принципово не хочу.

Тож цією статтею я вирішив убити відразу двох зайців:

1. Нарешті перервати мовчанку, яка затягнулася, і порадувати постійних читачів.
2. Показати, чим я займався останні три тижні і що саме не давало мені приділяти більше часу публікації статей на цьому блозі.

Моя друга гра

Два місяці назад я розповідав про втілення моєї дитячої мрії та закінчення роботи над першою флеш-грою власного виробництва Match Insanity. Я навіть виклав гру на аукціон розробників флеш-ігор FGL, щоправда, радше заради оцінки та критики, ніж задля продажу.

Читати далі про розробку моєї другої гри Turtle Dreams to Fly…

На п’ятий день після Нового Року мені не хотілося б навантажувати вас складною теорією, чи публікувати затяжний практичний урок. Тому сьогодні я говоритиму про базові речі, які допоможуть новачкам краще зрозуміти структуру flash-програм. Досвідчені розробники навряд чи знайдуть щось нове у цій статті, тому їм раджу просто пропустити публікацію. В будь-якому разі я давно планував написати про основні файли, які використовуються при розробці програм на Flash і сьогодні чудова нагода втілити намір в життя.

В далекому минулому, коли я познайомився зі своєю першою мовою програмування (а нею був basic) – в моїй уяві концепція розробки зводилася до написання коду в одному файлі. Ті елементарні програми, які я створював, були занадто простими, щоб розділяти їх на декілька файлів, і тому такого розподілу я просто не розумів. Навіщо ділити код на кілька частин, якщо набагато зручніше, простіше, зрозуміліше і цілісніше тримати його в одному файлі?..

Навчаючись і розвиваючись, я звернув увагу, що більшість програм, якими мені доводиться користуватися, складаються не з одного – а з кількох (іноді – кількох десятків чи навіть сотень) файлів. Така концепція здавалася мені неймовірно складною і я не вірив, що програміст здатен працювати і не заплутатися у всіх цих файлах.

Зайнявшись розробкою програм у Flash я нарешті зіткнувся з цією проблемою особисто. Адже створюючи більш-менш складну програму чи флеш-гру, програміст вимушений працювати як мінімум з двома типами файлів (і зазвичай – кількома екземплярами одного з них).

Читати про типи файлів, необхідні розробникові…

Хочу поділитися своєю радістю – напередодні Нового Року мій дизайнерський арсенал завдяки турботі моєї коханої дружини збагатився відразу двома пристроями для дизайнерів та флеш-розробників. Я щиро вірю що ці технологічні новинки зроблять мою роботу з Flash ще більш ефективною та продуктивною, і побіжно вплинуть на регулярність та цікавість публікацій у блозі про флеш.

Вибираючи подарунок я довго вагався між графічним планшетом та напівпрофесійним цифровим дзеркальним фотоапаратом. Але, оскільки фотоапарат потрібен мені здебільшого для розваг, а графічний планшет безпосередньо сприятиме професійному розвитку, перевага була віддана останньому. І, думаю, люди, які розуміються на графічному дизайні, погодяться – було обрано один з найкращих планшетів від флагмана у цій сфері – компанії Wacom. При чому, шальки терезів схилилися в бік професійної моделі Intuos 4 середнього розміру (Medium), що відповідає колишньому маркуванню A5 і свідчить про розмір робочої поверхні планшета.

Wacom Intuos4 M

На жаль (а може й на щастя) мені так і не вдалося попрацювати з молодшими моделями планшетів, не кажучи вже про інші бренди – тому порівнювати ні з чим. Об’єктивно, я одразу став власником найкращої моделі і дуже сподіваюся, що знайомство з нею буде приємним і плідним. Власне, необхідність такого девайсу стала очевидною ще тоді, коли я прийняв рішення тісно працювати з флеш, а можливо – навіть займатися розробкою ігор. Нарешті мрії втілилися в життя.

Читати далі про мої подарунки на День Народження…

Слухачі подій (event listeners) – одна із найрозповсюдженіших і найбільш часто використовуваних функцій ActionScript, без якої важко уявити хоча б одну інтерактивну програму чи флеш-гру. Ми вже розглянули частину аспектів, пов’язаних зі слухачами подій у статтях про методи Play та Stop в AS3, а також про координати сцени та рух об’єктів. Якщо ви знайомилися з цими статтями – то, безперечно, вже маєте певне уявлення про роботу слухачів подій (event listeners). Втім, сьогодні мені хотілося б більш детально та глибоко зупинитися на роботі даної функції, щоб створити розуміння процесів, які відбуваються у середовищі Flash при використанні слухачів подій.

Оскільки різновидів подій у флеші існує надзвичайно багато, сьогодні ми зупинимося на найбільш часто використовуваних у програмуванні подіях мишки (Mouse Events). Адже важко уявити хоча б один інтерактивний інтерфейс, в якому було б відсутнє керування мишкою. Практично будь-яка флеш-програма, гра чи банер передбачають взаємодію з користувачем за допомогою мишки.

Що ж таке події (Events) та слухачі подій (Event Listeners) у ActionScript 3

З точки зору програмного середовища, подія – це річ, яка відбувається. Коли ви запускаєте програму Flash – у ній відбувається безліч подій. Різноманітні значення присвоюються змінним, певні об’єкти створюються та видаляються, курсор рухається по сцені, користувач клікає мишкою і т. п. і т. д. Деякі з цих подій не мають для вас, як для програміста, жодного значення. Втім, існують і такі, про які вам потрібно знати. Наприклад, якщо на сцені розміщена інтерактивна кнопка – ви хочете знати, коли користувач клікає на неї, щоб мати змогу запустити пов’язаний із кліком набір процесів.

Читати далі про слухачі подій та події мишки…

Тип символів MovieClip, вочевидь, один з найрозповсюдженіших елементів, які використовуються у Flash. Саме з MovieClip-ів, як з цеглинок, розробники створюють свої аплікації: банери, кліпи, ігри чи інтерактивні веб-програми. Якщо ви читали попередні статті на цьому блозі, то повинні бути знайомі з основними характеристиками фрагментів кліпу (MovieClips) – про них згадувалося у статті про символи у Flash.

Якщо ви ознайомилися зі статтею за посиланням – то вже знаєте, як створювати символи MovieClip. Сьогодні ж нашою метою буде більш глибоке розуміння цього типу символів та робота з ними методами вбудованої мови програмування ActionScript 3.

Динамічні можливості, які відкриває перед розробниками AS3 дозволяють більш ефективно працювати зі всіма типами символів, зокрема й MovieClip. Наприклад, якщо раніше будь-яку анімацію на сцену ми додавали вручну – тобто «перетягуючи» символи з бібліотеки на сцену або конвертуючи зображення на сцені в символи, – то ActionScript відкриває можливість додавати символи з бібліотеки динамічно, при цьому зберігаючи повний контроль над їхньою поведінкою. Більше того, коли ви зрозумієте принципи взаємодії символів з кодом – саме ActionScript стане найзручнішим методом контролю над ними. Сьогодні ж ми зробимо перший крок до такого розуміння.

Читати далі про динамічне додавання MovieClip методами ActionScript 3…

Моя перша гра на флеш – Match Insanity (що, до речі, перекладається, як „Сірникове божевілля”) – закінчена. Наразі ви можете пограти в неї на сайті FlashGameLicense (FGL). Якщо у вас ще немає облікового запису на цьому сайті – то для перегляду гри доведеться зареєструватися.

Поділюся коротко враженнями від розробки.

Зіткнувшись з необхідністю поглиблювати свої знання та навички в ActionScript 3 (а по суті – здобувати їх з нуля) я вирішив одночасно зі штудіюванням літератури та проходженням численних онлайн-туторіалів, взятися за розробку власного ігрового проекту. Адже немає кращого способу засвоєння нових знань та навичок, ніж через практику та розв’язання реальних завдань. Забігаючи наперед, скажу, що такий підхід виправдав себе на 110% – знання AS3, якими вони були до початку роботи над грою Match Insanity, і після її закінчення, як сказали б у Одесі: „Це дві великі різниці”.

Коли рішення працювати над власною грою було прийнято, наступним кроком став пошук ідеї і концепції. При чому тут слід було „не перегнути палицю”, адже моєю метою було не створення складного чи комерційно привабливого продукту, а просто вивчення мови програмування. Тому концепція обиралася з позицій максимальної простоти і зрозумілості.

Читати далі про те, як я створював свою першу Flash-гру…

Пройшло три тижні з часу останньої публікації. Втім, весь цей час я не сидів, склавши руки, а дуже активно працював над розробку своєї першої гри у Flash. Поки що я не відкриватиму всіх карт і не показуватиму гру, а скажу лишень, що це логічна головоломка, в якій гравець змагатиметься з комп’ютером.

Зараз, робота над грою вже добігає кінця і я постаю перед дилемою, чи варто спробувати вийти з нею на FGL (сайт, де можна продати гру спонсорам). Втім, як би там не було – я обов’язково покажу результат своєї праці в рамках цього блога. Тому, якщо вам цікаво – обов’язково підпишіться на RSS і стежте за оновленнями.

Працюючи над розробкою своєї першої гри, я ще раз переконався, що немає кращого способу вивчити щось нове, ніж застосувати його на практиці. За кілька тижнів я вивчив ActionScript 3 краще, ніж за кілька років до того, студіюючи книги. Тому, якщо ви також хочете розібратися у премудростях цієї мови програмування – раджу якомога більше читати і головне – втілювати отримані знання на практиці. А коли основні принципи мови будуть уже засвоєні – ставити перед собою власні завдання і намагатися виконати їх.

Це була лірика, а тепер, власне, перейдемо до практики.

Створення програмної анімації вибуху з використанням мови ActionScript 3

У одному із попередніх уроків ми вчилися малювати вибух м’ячика вручну. Сьогодні я продемонструю, яким чином можна створити анімацію вибуху програмно – тобто з використанням вбудованої мови ActionScript 3. Хочу подякувати авторові блога Xitri.com, чия стаття про ефект вибуху стала поштовхом до написання цього матеріалу.

В рамках сьогоднішнього уроку ми не лише дізнаємося, як створюється програмна анімація вибуху, але й закріпимо вже вивчені елементи ActionScript 3 (слухачі подій, події миші, розташування об’єктів на сцені), а також познайомимося з деякими новими елементами цієї мови: циклами та масивами.

Читати далі про створення програмної анімації вибуху у Flash…