Навигация
Огляд технології Macromedia Flash
68091
знак
0
таблиц
3
изображения
4.1 Огляд технології Macromedia Flash
Спочатку програма називалася Splash Animator і продавалася маловідомою фірмою Future Animation для виготовлення мультфільмів на PC комп'ютері. Призначалася для художників – аніматорів і мала обмежений успіх, поки у зв'язку з бумом на WWW-Додатки такий гігант, як фірма Macromedia, не звернула на неї увагу, купивши й перейменувавши в Flash. Розроблювачі Flash поміняли інтерфейс програми для полегшення й автоматизації розробки проекту. Причому мультимедійний гігант не тільки перемінив назву й інтерфейс, але й переорієнтував пакет на ринок Web-анімації, при цьому був запропонований і свій, внутрішній формат файлів векторної графіки «*.swf», і реалізована підтримка для інших популярних графічних форматів, у тому числі й для анімаційного GIF, і забезпечив пакету гарну рекламу.
Однак зміни торкнулися не тільки зовнішнього вигляду, але й змісту. В Flash поняття інтерактивності значно розширилося завдяки використанню сценаріїв Action Script, дії, які дозволяють авторам розробляти досить складні стилі поводження – behaviors, переміщувані елементи інтерфейсу, логіку й початкову математику, що вперше дають можливість створювати електронні магазини. У результаті програма одержала широке поширення в середовищі Web-розроблювачів і продовжує служити гарною підмогою професійним аніматорам.
З моменту появи в 1996 р. технологія Flash стала фактичним стандартом для розробки насичених мультимедійних Web-сайтів. Для роботи в Flash не обов'язково мати досвід у професійному програмуванні – цей дозволяє створювати Web – вузли з елементами інтерактивності без необхідності написання вихідних кодів JavaScript, Java або HTML.
У процесі створення Flash-проекту, особливо, коли вже є порівняльний досвід, розробки в інших засобах малювання графіки або редакторах Web-дизайну, то можна відзначити ряд переваг перед ними, якими по деякій мірі Flash одержав свою популярність:
а) використання позначень для елементів, які з'являються більше одного разу;
б) об'єднання кадрів у діях переміщення (motion tweens), які дозволяє автоматично прорахувати деякі проміжні моменти переміщення, для прискорення розробки проектів;
в) об'єднання кадрів у діях трансформації (shape tweens), які дозволяє автоматично прорахувати деякі проміжні моменти трансформації об'єктів, для прискорення розробки проектів;
г) скорочення числа різних типів ліній (пунктир, крапки й т. п.). Лінії, намальовані інструментом олівець вимагають менше пам'яті, чим мазки кистю;
д) використання шарів, для розбивки об'єктів, що перекриваються, кліпу;
е) скорочення числа різних шрифтів і стилів, шляхом перетворення їх в об'єкти векторної графіки;
ж) застосування звукового формату mp3, як самого високоякісного й ощадливого музичного формату;
з) використання можливості анімації растрових зображень, або для статичних елементів зафарбування об'єктів і фону;
и) застосування сценаріїв (Actions Script) аж до вставки їх в окремі кадри фільму;
к) можливість згрупувати об'єкти на різних шарах;
л) використання убудованих інструментів для зміни колірних ефектів того самого об'єкта;
м) використання єдиної палітри web-safe, щоб уникнути розбіжностей із кольорами браузерів;
н) застосування компонента керування проектом Library, що дозволяє швидко знайти будь-який об'єкт і поміняти його властивості;
о) можливість вставки в поточний проект раніше створеного проекту.
4.2 Можливості Flash
Створивши Flash, компанія Macromedia об'єднала безліч потужних ідей і технології в одній програмі, дозволивши користувачам одержувати через Web цілі мультимедійні презентації.
Використання анімації
Анімація в Flash заснована на зміні властивостей об'єктів, використовуваних в «мультику». Наприклад, об'єкти можуть зникати або з'являтися, змінювати своє положення, форму, розмір, колір, ступінь прозорості і т.д.
У Flash передбачено три різні механізми анімації об'єктів:
1) покадрова («класична») анімація, коли автор сам створює або імпортує з інших додатків кожен кадр майбутнього «мультика» і встановлює послідовність їх перегляду;
2) автоматична анімація (так звана tweened-анімація), при використанні якої автор створює тільки перший і останній кадри мультиплікації, а Flash автоматично генерує всі проміжні кадри. Розрізняють два види tweened-анімації:
а) анімація, заснована на переміщенні об'єкту (motion animation),
б) анімація, заснована на трансформації (зміні форми) об'єкту (shape animation);
3) анімація на основі сценаріїв. Сценарій – це опис поведінки об'єкту на власній мові Flash, яка називається ActionScript; синтаксис цієї мови нагадує синтаксис інших мов сценаріїв, використовуваних в Web-публікаціях (наприклад, JavaScript і VBScript).
Кожний з цих механізмів має як переваги, так і недоліки. Зокрема, tweened-анімація володіє двома безперечними перевагами:
1) по-перше, автор позбавлений від необхідності створювати кожен кадр окремо;
2) по-друге, для відтворення такого «мультика» Flash досить зберігати тільки перший і останній кадри, що забезпечує значне зменшення об'єму такого фільму.
Разом з тим, tweened-анімація придатна для створення лише найбільш простих сюжетів, в яких властивості об'єктів змінюються рівномірно.
Використання відео
При роботі з відео можна імпортувати будь-який стандартний відео-файл, підтримуваний QuickTime або Windows Media Player, включаючи формати MPEG, Digital Video – цифрове відео, MOV, QuickTime, і AVI. З імпортованими відео об'єктами можуть виконуватися ті ж операції, що і з графічними об'єктами: зміна масштабу, обертання, нахил, маскування і т.д. Відео об'єкти можуть бути зроблені інтерактивними за допомогою сценаріїв на ActionScript.
Для даних у форматах JPEG і МРЗ реалізовано динамічне завантаження файлів під час відтворення Flash-фільму. Такий механізм дозволяє скоротити розмір файлу фільму і, отже, понизити час його завантаження по мережі.
Ми не обмежені використанням тільки стандартних шаблонів. Свій власний документ Flash також можна зберегти у вигляді шаблону і використовувати потім для створення подальших проектів. Щоб зберегти документ Flash як шаблон, вибираємо з меню команду File – Save As Template. Відкриється діалогове вікно Save as Template. Вводимо в поле Name назву для шаблону, а в полі із списком Category вибираємо назву стандартної категорії, або вводимо назву власної, в яку буде включений новий шаблон. Додаємо в полі Description короткий опис шаблону і клацаємо на кнопці Save. Після цього назва шаблону з'являтиметься в діалоговому вікні New from Template при виборі відповідної категорії. В області попереднього перегляду на вкладці Templates для кожного шаблону відображається видимий вміст робочого поля в першому кадрі документа цього шаблону. У діалоговому вікні Save as Template задається ім'я, категорія і опис нового шаблону.
Використання векторної графіки
Використання векторної графіки як графічного режиму за замовчуванням робить Flash незамінним засобом розробки для Web.
Векторна графіка – це спосіб представлення зображення за допомогою, математичних рівнянь, або векторів, які містять інформацію про розмір, форму, колір, границі й місце розташування. Це ефектний спосіб обігу із графікою, у результаті якого виходять файли щодо невеликих розмірів навіть при роботі зі складними малюнками. Більше того, векторна графіка не залежить від дозволу, з яким проглядається об'єкт.
Векторна графіка в порівнянні з растровою має цілий ряд переваг:
1) математичні формули, що описують векторне зображення, займають набагато менше місця в пам'яті комп'ютера, ніж опис пікселів растрового зображення;
2) можливість практично необмеженого масштабування зображення, або окремих його фрагментів без втрати його якості;
3) абсолютно «безболісне» перенесення векторного зображення з однієї платформи на іншу.
Технологія Symbol Conversation
Підхід Flash до розробки також полегшує створення складних мультимедійних презентацій, при цьому розміри файлів залишаються невеликими. Тому що такі елементи, як вектори, растрові зображення й звук звичайно використовуються в одному проекті кілька разів. Flash, завдяки своїй внутрішній функції Symbol Conversation дозволяє створювати єдиний екземпляр об'єкта, який можна повторно використовувати замість того, щоб щораз створювати новий. Такий підхід істотно зменшує розмір файлу проекту.
До доповнення була розроблена бібліотека – Library. Вона являє собою перелік всіх використовуваних констант, у якості яких можуть виступати як намальовані символи, так і імпортовані графіка й звуки. За допомогою бібліотеки можна звертатися до будь-якого елемента незалежно від того на якому шарі або кадрі він перебуває.
Колірні палітри, а також градієнтні заливки можна імпортувати і експортувати з інших графічних додатків (наприклад, Macromedia Fireworks і Adobe Photoshop), що забезпечує незмінність кольорів на сайті. Палітра зберігається у файлі.fla і не впливає на розмір експортованого файлу.swf. За замовчуванням Flash використовує палітру web-safe.
Використовуючи властивості технології Symbol Conversation можна створювати текстові поля що дозволяють вводити дані під час відтворення Flash-проекту для створення всіляких форм збору відомостей від користувачів: введення паролів, реєстраційних, опитних і ін. Це, найбільш значне нововведення й крок до створення повноцінних Web-сайтів. Крім того, поля застосовуються для динамічної заміни тексту. Така властивість може бути використана для відображення постійно обновлюваної інформації: біржової, спортивної, прогнозів погоди. Коли користувач створює текстове поле, він призначає йому змінну. При цьому можливо передавати змінні в різні сцени ролика, в server-side-додатки для занесення їх у бази даних і навіть завантажувати нові дані.
Передача даних у потоковому режимі
Головним вирішальним фактором, що визначає здатність Flash створювати швидко, що завантажуються додатки, мультимедіа для Web – це передача вмісту в потоковому режимі. Незважаючи на інші його достоїнства, без цієї особливості Flash навряд чи став би практичним для використання в Web.
Потокова передача вмісту – це ще один приклад технології, породжений необхідністю. До її появи обмежена швидкість з'єднання не дозволяла користувачам переглядати або прослуховувати файли, доти поки весь їхній уміст не було повністю завантажено на комп'ютер. Однак розроблювачі усвідомили, що користувачам не потрібно бачити або чути кожний байт одночасно: можна одержати точно таке ж враження від умісту проекту, одержуючи його поступово.
Потокові можливості означають, що навіть більші файли зі звуком і анімацією можуть починати відображатися практично відразу.
Робота зі звуком
Flash пропонує декілька способів використання звуку у фільмах. Можна створити звуковий супровід, який відтворюється безперервно, незалежно від сюжету фільму і дій користувача. Альтернативний варіант – синхронізувати анімацію і звуковий супровід. Крім того, Flash дозволяє призначати звуки кнопкам, щоб зробити їх більш інтерактивними. І, нарешті, ще один варіант роботи із звуком – це управління звуковим супроводом за допомогою сценарію на ActionScript.
У Flash передбачено два типи звукового супроводу:
1) пов'язаний з подією (event sound);
2) потоковий (stream sound).
Для відтворення звуку, що пов’язаний з подією відповідні дані повинні бути завантажені повністю; після цього відтворення продовжується до тих пір, поки його не буде зупинено.
Відтворення потоку починається відразу, як тільки завантажених даних стане достатньо для перших декількох кадрів фільму.
Для підвищення зручності роботи зі звуком Flash надає авторам наступні можливості:
а) створення бібліотек звуків, що розділяються, що дозволяє використовувати звук з однієї бібліотеки в декількох фільмах;
б) управління параметрами стиснення звукових даних з метою вибору оптимального поєднання якості звуку і розміру фільму, що експортується; при цьому автор може вибирати параметри стиснення, як для окремих звуків, так і для всіх звуків у фільмі.
Робота з текстом
У будь-який Flash-фільм може бути доданий текст. Подібно до роботи в звичайних текстових редакторах, для тексту може бути встановлений розмір, шрифт, стиль, інтервал, колір і спосіб вирівнювання. Можна трансформувати шрифт подібно до інших об'єктів – повертати, масштабувати, нахиляти. При цьому зберігається можливість редагування його символів. На основі фрагмента тексту може бути створене гіперпосилання.
Flash-фільм може містити динамічні текстові поля, а також поля, що редагуються користувачем. Редагований текст (Input Text) – текстове поле такого типу призначене для введення і редагування тексту читачем Web-сторінки. Редаговане текстове поле призначене для отримання від користувача деякої інформації. Параметри поля редагування можуть змінюватися засобами мови ActionScript. Щоб використовувати таку можливість, слід призначити полю редагування унікальне ім'я і, при необхідності, вказати ім'я пов'язаною з ним змінною.
Динамічний, або змінний текст Dynamic Text – це таке текстове поле, вміст якого може змінюватися за допомогою сценарію на мові ActionScript, тобто в процесі відтворення фільму.
Можливість роботи з динамічним текстовим полем з сценарію на ActionScript обумовлена тим, що кожне таке поле є екземпляром спеціального об'єкту мови ActionScript, яка називається TextField. Динамічному текстовому полю може бути привласнене унікальне ім'я по якому можна звертатися до поля, щоб встановити або змінити вміст і формат цього поля.
І, нарешті, в Flash можна створювати прокручувані багаторядкові текстові області. При необхідності текст може бути конвертований в графічний об'єкт, і тоді з його символами дозволяється працювати як з окремими графічними фігурами.
Сценарії в FLASH
Мало, що зачаровує людину так, як рух і взаємодія. Саме це й робить Flash, надаючи можливість створювати підконтрольні користувачеві додатки, які прямують від творчого підходу автора до подання інтерактивності, можливість створювати кнопки, натискання яких приводить до видачі інформації й відтворення звуку, або, що переносить в інше місце фільму проекту. Тому презентація в проекті може проходити у визначеній послідовності або по шляху зазначеному користувачами. Також можлива розробка проекту з деякими розрахунковими діями й обробки деякої інформації за допомогою простої, але потужної мови сценаріїв «Action Script».
Action Script можна розглядати, як основну мову програмування в Flash. З її допомогою можна запрограмувати проект Flash на виконання різних завдань. Для розробки інтерактивних елементів в Flash використовують три основних компоненти:
1) подія (event), що породжує певну дію,
2) дія (action), породжувана тим або іншим способом подією,
3) цільовий об'єкт (target), що виконує дія або подія.
Логічна схема інтерактивної функції при якій відбуваються дії в проекті, може бути представлена в такий спосіб:
1) Подія – є ініціатором деякої дії в проекті. В Flash події поділяються на:
а) події миші-клавіатури – ці події ініціюються користувачем;
б) події кадрів – якщо розробляється Flash – ролик, то по досягненні деякого кадру виникає подія;
в) події змінних – подія відбувається, або після закінчення певного інтервалу часу, або значення змінної досягло тієї умови для якої запланована подія.
2) Цільовий об'єкт – це безпосередньо об'єкт над яким буде проведена дія викликана подією. Цільові об'єкти поділяються на чотири основних типи:
а) поточний проект і його властивості;
б) інший проект і його властивості (якщо проект перебуває в рамках основного проекту);
в) графічні елементи проекту (кнопка, рамка, фон й т. п.);
г) зовнішні додатки (Інтернет, браузер, або інші програми).
3) Дія – дії які виконуються над цільовим об'єктом. Дії в Action Script складаються із самих дій, посилань на цільовий об'єкт і параметрів виконання дій. Параметрами виконання може бути, як і зміна властивостей об'єкта, так і обчислення математичного або логічного вираження й присвоєння його результату або властивостям об'єкта, або деякій змінній.
Для ідентифікації об'єктів або екземплярів проектів у сценаріях Action Script їм призначаються імена, що дозволяє управляти окремими об'єктами за допомогою Action Script.
В останніх версіях Flash було включено безліч додаткових можливостей для керування проектів за допомогою Action Script. Тепер Flash став не просто гарною фоновою заставкою для Web – сайтів, а повно функціональним засобом для розробки складних Web – сайтів. Flash може цілком застосовуватися, як для простих «статичних» сторінок, так і для багатоцільових сайтів.
Похожие работы
... від програми. Насправді, не буде ж він переписувати весь текстовий редактор повністю, щоб змінити набір кнопок на інструментальній панелі, та ще вимагати за ую гроші! (М'яко кажучи, його не зрозуміють.) Macromedia Flash відноситься якраз до другої категорії програм, що мають можливості настройки користувачем. Ці можливості досить широкі, ми розглянемо їх в окремому, третьому розділі книги, в її ...
... · пошуковий механізм, який користувачі використовують як інтерфейс для взаємодії з базою даних. Засоби пошуку типу агентів, павуків, кроулерів і роботів використовуються для збору інформації про документи, які знаходяться в мережі Інтернет. Це спеціальні програми, які займаються пошуком сторінок в мережі, збирають гіпертекстові посилання з цих сторінок і автоматично індексують інформацію, яку ...
... словах, що має відношення до вашої сторінки. Якщо ж сторінка потрапить у список під номером, скажемо, 398, то імовірність того, що до її добереться користувач, украй низький, а отже траффік сайту не збільшитися, тобто реклама через реєстрацію в пошукових серверах у цьому випадку буде мати нульову віддачу. 3. Кожен користувач шукає сторінки, використовуючи різні ключові слова та вислови ...
... результаты отчета. Они являются кульминационным пунктом отчета и должны быть разумными, хорошо определенными, перечисленными и обоснованными [11].Практика дистанционного образования с использованием Internet Шутилов Ф.В. Особенности заочного образования - в необходимости обеспечить высокий уровень знаний при значительно меньшем времени непосредственного личного общения студентов с преподавателем. ...
0 комментариев