…уроки Flash, створення банерів, розробка ігор, ActionScript 3
Після вчорашньої детальної статті про використання символів у Flash, подорожуючи блогосферою, сьогодні випадково натрапив на цікавий перелік причин, а навіщо ж, власне потрібні символи. Які переваги їх використання.
В попередньому уроці ми розглянули один із найелементарніших типів анімації – покадрову анімацію. Завдяки йому ми дізналися про елементарні принципи роботи зі шкалою часу (timeline). Втім, у чистому вигляді покадрова анімація сьогодні фактично не зустрічається. Вся сила флеша полягає у використанні більш складних і водночас – більш автоматизованих способів анімації, таких як анімація із автоматичним заповненням кадрів (tweening).
Проте, перш ніж ми навчимось працювати із цим доволі складним, але дуже цікавим інструментом, необхідно засвоїти принципи роботи з символами. Автоматичне заповнення кадрів працює тільки у випадку використання символів.
Символом у Flash називається графічне зображення, кнопка або фрагмент фільму, збережений у внутрішньому форматі Flash. Символи є ключовими елементами, які дають змогу повною мірою використовувати ефективність та інтерактивні можливості флеш. Але найбільша його користь для аніматора полягає у можливості багатократного використання – відразу після створення символ потрапляє в бібліотеку поточного фільму і дозволяє створювати кілька своїх копій (екземплярів або instances) на робочій області.
Перш, ніж приступити до створення кліпу нам потрібно підготувати необхідний графічний матеріал. Трішки полазивши мережею, я знайшов ось такого симпатичного «крокуючого» чоловічка у чотирьох позах. Він ідеально підійде для нашого уроку. Тому я викладаю для вас всі чотири файли. Можете копіювати їх прямо звідси.
Сьогодні ми навчимо цього чоловічка ходити!
Перш, ніж приступити до перших практичних занять, потрібно розібратися у самому програмному середовищі, в якому вестиметься розробка. На малюнках, які наведені нижче, використано приклад найостаннішої версії Adobe Flash CS4. Але якщо ви плануєте користуватися більш ранніми програмами – ніяких проблем з цим у вас виникнути не повинно. Основні елементи у всіх однакові.
Початківці зазвичай проводять чимало часу для того, щоб розібратися у основних складових програми, якою вони планують користуватися. Тоді як нічого складного в цьому немає. Всі елементи, які застосовуються flash-програмістами, умовно розбиті на шість основних блоків:
Якщо раніше вам вже доводилося працювати з програмами сімейства Flash – можете просто пропустити цю статтю. Навряд чи ви знайдете в ній щось нове для себе. Якщо ж середовище розробки флеш-програм для вас абсолютно нове – тоді вивчення розташування основних елементів, до яких ми постійно звертатимемося протягом навчання, буде найкращим першим кроком. Більшість людей пропускають його, постійно потрапляючи в ситуації, коли вони навчаються розробляти доволі складні програми, при цьому не знаючи базових речей.
Кілька тижнів назад один український блогер запитав мене: «А в чому різниця між flash- та gif-баннером? Адже і той і інший може бути анімованим?» Сьогодні, перш, ніж перейти до практичних занять та створення flash-анімації, я хочу трішки детальніше зупинитися на самому процесі.
Анімація у Flash базується на зміні ознак об’єктів, що використовуються у тій чи іншій сцені. Наприклад, об’єкти можуть зникати чи з’являтися, змінювати своє положення, форму, розмір, колір, ступінь прозорості і т. п.
Перш ніж перейти до більш серйозних речей і взятися за розробку власних flash-банерів, сайтів, ігор чи проектів, кожен флешер-початківець повинен довідатися про три способи (механізми) реалізації анімації у флеші (в рамках цього блога ми будемо звертатися до кожного з них).
Серйозно налаштувавшись на нові перспективи, перше, за що я взявся – це пошук софта для роботи з Flash. Звісно, на моєму комп’ютері «завалялася» якась стара (шоста) весія Macromedia Flash MX. Але ж для нових потреб цього явно замало.
Тому перше питання, яке постало переді мною: яку із двох можливих програм вибрати: Macromedia Flash 8 pro (остання версія Macromedia, про яку я чув) чи Adobe Flash CS4 (найновіша версія Flash із сімейства Adobe). Як виявилося, я помилявся у самій суті постановки цього питання.
Раніше слово Flash стійко асоціювалося з компанією Macromedia (не дивно, що на моєму комп’ютері стоїть саме Macromedia Flash MX). Втім, у квітневому релізі нової версії флеш замість знайомого словосполучення використовується інша назва – Adobe Flash CS3. Виявляється, Adobe просто купила продукт Macromedia. При чому – достатньо давно! Щоправда, до квітня минулого (2008) року не поспішала присвоювати своє ім’я лінійці продуктів Macromedia.
Коли мені було трохи більше 10-ти років і я навчався у шостому чи сьомому класі чернівецької загальноосвітньої школи, ми з товаришем захопилися новою розвагою – створенням мультиків. Виглядало це приблизно так: бралася достатньо товста книга, на кутику кожної сторінки малювалося певне зображення, кожен наступний «кадр» зміщувався таким чином, щоб при швидкому перелистуванні створювалася ілюзія руху. І вже через кілька місяців всі «придатні» книги в домі були обмальовані!
А десь у дев’ятому чи десятому класі школи я «серйозно» взявся за «розробку» власної комп’ютерної гри-стратегії. Малювалася вона, звісно ж, на бейсіку. І коли вже були готові карти і навіть моделі деяких «бойових одиниць» – виникла проблема з нестачею пам’яті, яку мені так і не вдалося подолати.
І тільки на другому чи третьому курсі університету (2002-2003 роки) я вперше познайомився з флешем – програмою, яка могла об’єднати створення мультиків та розробку ігор. Чи варто говорити, що вона відразу мене зацікавила і я взявся із захопленням вивчати нові можливості?
Втім, не маючи постійного доступу ні до навчальних матеріалів, ні навіть до комп’ютера, я фактично був змушений покинути. На той час я вже вивчив деякі хитрощі та основні функції флеша і навіть взявся за дослідження базових можливостей вбудованої мови програмування (яка й перетворює Flash на надпотужне середовище для розробників казуальних ігор та мультиплікаторів) Action Script.
Лише через більше, ніж шість років, я знову повертаюся до своєї колишньої мрії – вивчити Flash. А можливо – навіть реалізувати нездійсненні колись плани, і створити власну комп’ютерну гру. Звісно, поки-що у мене замало знань для цього. Але переконаний, що розвиваючись разом зі своїми відвідувачами, я таки зможу втілити мрію. А бажання поділитися досягнутим з аудиторією – підштовхне до нових звершень. І обіцяю – ви будете першими, хто зіграє у мою стратегію, якщо вона колись побачить світ!
Саме з такими амбіціями відкривається новий блог про Flash, PHP та веб-програмування! Звісно ж, він не обмежуватиметься тільки ігровим підходом до згаданих технологій. Рухаючись до мети, ми навчимось створювати флеш-банери, спробуємо редагувати і малювати теми для Worpress, розберемося з секретами функціонування плагінів та дізнаємося ще багато-багато чого нового!
Тих, кому ця подорож видається цікавою, запрошую підписатися до RSS-стрічки! А тих, хто ще не знайомий зі мною та хоче більше дізнатися про мету створення даного проекту, запрошую на сторінку інформації про блог.