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


 

Технологія флеш дає можливість створення як цілих веб-сайтів, так і окремих його елементів: меню, шапки і так далі. Ви можете додати на свою веб-сторінку карту, зроблену за допомогою 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. Створіть новий шар у файлі з графікою, помістіть в нього код, який буде ініціалізувати карту: завантажувати дані, готувати відображаються об’єкти до роботи. Після завантаження даних карта запуститься і буде працювати. Приклад коду можна подивитися на сайті