? ЯК зробити карту на флеш :: створення карти в adobe flash

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

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

- Adobe Flash CS3.

Інструкція

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

Запустіть програму Adobe Flash CS3, імпортуйте файл на сцену. Виконайте конвертування шарів карти в флеш, для цього встановіть прапорець при імпорті біля поля Place objects at original position. Після цього на сцені ви побачите набір об'єктів.

Відредагуйте їх - додайте кордону. Клацніть двічі по об'єкту, увійдіть в режим редагування, потім візьміть інструмент Ink Bottle tool, залийте кордону відмінним від фону кольором. Повторіть дану дію для всіх об'єктів на карті.

Перетворіть створені об'єкти в єдину векторну картинку, для цього використовуйте операцію Break Apart. Далі створіть з об'єктів кліпи або спрайт, кожному надайте ім'я для здійснення над ним потрібних дій за допомогою скриптів. Межі областей виділіть і перетворіть в один кліп, помістіть його на шар, який знаходиться вище кліпів з областями.

Напишіть код для своєї карти, для цього виділіть основні частини карти. Як правило, це області чи регіони, і поведінка їх однакове. Тому напишіть клас Region, який реалізує поведінку всіх об'єктів. Далі прісоєденіте клас до символів бібліотеки.

Завантажте Xml-дані, за ним проведіть ініціалізацію об'єктів інтерактивної карти: розфарбуйте регіони, задайте ті області, які будуть реагувати на клацання миші. Для цього використовуйте створення Xml-класу, що завантажує файл з даними і обробного його.

Створіть новий шар у файлі з графікою, помістіть в нього код, який буде ініціалізувати карту: Завантажувати дані, готувати відображаються об'єкти до роботи. Після завантаження даних карта запуститься і буде працювати. Приклад коду можна подивитися на сайті https://richflash.org/2010/02/23/how-do-interactive-map-2/.