Як зробити карту на флеш

Технологія флеш дає можливість створення як цілих веб-сайтів, так і окремих його елементів: меню, шапки і так далі. Ви можете додати на свою веб-сторінку карту, зроблену за допомогою Flash.
Як зробити карту на флеш

Вам знадобиться

  • - Adobe Flash CS3.

Інструкція

1
Підготуйте графічні зображення для флеш-карти. Врахуйте, що векторна графіка є більш компактною і дозволяє створення ролика невеликого розміру. Тому карту Отріс за допомогою редактора векторних зображень, наприклад, Adobe Illustrator. Збережіть отриманий графічний файл для створення flash-карти.
2


Запустіть програму Adobe Flash CS3, імпортуйте файл на сцену. Виконайте конвертацію шарів карти в флеш, для цього встановіть прапорець при імпорті біля поля Place objects at original position. Після цього на сцені ви побачите набір об`єктів.
3
Відредагуйте їх - додайте кордону. Клацніть двічі по об`єкту, увійдіть в режим редагування, потім візьміть інструмент Ink Bottle tool, залийте кордону відмінним від фону кольором. Повторіть дану дію для всіх об`єктів на карті.
4
Перетворіть створені об`єкти в єдину векторну картинку, для цього використовуйте операцію Break Apart. Далі створіть з об`єктів кліпи або спрайт, кожному назвіть для здійснення над ним потрібних дій за допомогою скриптів. Межі областей виділіть і перетворіть в один кліп, помістіть його на шар, який знаходиться вище кліпів з областями.



5
Напишіть код для своєї карти, для цього виділіть основні частини карти. Як правило, це області або регіони, і поведінку їх однакове. Тому напишіть клас Region, який реалізує поведінку всіх об`єктів. Далі прісоєденіте клас до символів бібліотеки.
6
Завантажте Xml-дані, по ним проведіть ініціалізацію об`єктів інтерактивної карти: розфарбуйте регіони, задайте ті області, які будуть реагувати на клацання миші. Для цього використовуйте створення Xml-класу, що завантажує файл з даними і обробного його.
7
Створіть новий шар в файлі з графікою, помістіть в нього код, який буде форматувати карту: Завантажувати дані, готувати відображаються об`єкти до роботи. Після завантаження даних карта запуститься і буде працювати. Приклад коду можна подивитися на сайті https://richflash.org/2010/02/23/how-do-interactive-map-2/.


Увага, тільки СЬОГОДНІ!


Оцініть, будь ласка статтю
Всього голосів: 113
Увага, тільки СЬОГОДНІ!