Створення інтерактивної карти

March 20th, 2009 by


« Створення процентного показника завантаження   |   Створення руху обєктів по траєкторії »


Крок 1

В цьому уроці я покажу вам, як створити інерактівную карту, в якій при наведенні курсора на місто висвітиться покажчик і з’явиться невелика фотографія міста.
У цьому нам стане в нагоді Motion Tween Class для управління рухом покажчика, який переміщатиметься від міста до міста, якби ми використовували просту анімацію з MotionTween , це було б зовсім непрактично і дуже трудомістко.
Так само ми використовуватимемо Масиви і Функції , які зроблять наш код практичнішим і легкоїзменяємим.

Всі картинки, які я використовував, ви можете викачати тут.

Створіть новий ActionScript 1 або 2 ролик, встановите розмір сцени як 620×420px, framerate поставте 30, колір фону можете залишити будь-яким, він нам не важливий. Перший шар перейменуйте в Map і імортіруйте головну (фонову) картіку на цей шар.
Це буде фоном і ніяких маніпуляцій з цією картинкою ми проводити ми не будемо, так що раджу заблокувати шар.

Навчальні матеріали - Створення інтерактивної карти

Крок 2

Створення кнопок

Створіть новий шар і назовтіє його Buttons . На цьому шарі ми створимо першу кнопку, а потім дублюємо її і помістимо кнопки, що все вийшли, на місця міст, які винні убудт підсвічуватися. Виберіть Oval Tool і намалюйте круг діаметром приблизно 25px в будь-якому місці на шарі.
Поки фігура ще виділена, нажіміте F8 і конвертуйте її в кнопку, назвіть myButton , так само стоїть переконається, що точка реєстрації коштує на центральному квадратику. Покажчик підлітатиме до цієї точки реєстрації, тому це дуже важливо.

Навчальні матеріали - Створення інтерактивної карти

Pages: 1 2 3 4 5


Tags: , , , , , ,

Навчальні матеріали


Схожі записи

  • Спливаюче віконце (02.04.2009)
    ... В опціях виберете Button і назвіть його "Top". би) Створюємо дві кнопки, одна з яких закриватиме вікно, інша згортати. Нажміте Ctrl+F8 виберете Button, назвіть "Close". Намалюйте в першому фреймі, що-небудь подібне. Тепер зробіть другу кнопку MaxMin. ...
  • Створення власного курсора (16.03.2009)
    ... Змінити frame rate ви можете на панелі Propeties Inspector ( Window > Properties > Properties або Ctrl+F3 ). Крок 2 Тепер потрібно намалювати сам курсор. Для цього ви можете використовувати Олівець ...
  • Створення flash-анімації за допомогою програми SWISHMAX3 (11.03.2009)
    ... Програма також дозволяє створювати нові проекти на основі шаблонів, але в даному випадку ними ми користуватися не будемо. На закладці Movie вікна Scene виберіть фон проекту і встановіть його розміри. Ми використовували значення за умовчанням - колір фону білий, розмір 400 на 300. На панелі з інструментами закладки Layout: Scene_1 робочого вікна виберіть ...
  • Ефект з колами (22.03.2009)
    ... Перейдіть в мувікліп "General". Створіть новий шар (Insert->Layer). Тепер виділите перший шар (Layer 1), для цього кликніть по будь-якому фрейму (окрім 1 і 40-го). І утримуючи клавішу ALT, перетягнете виділені фрейми в другий шар (Layer 2). Ось, що повинне у вас вийти: ...
  • Цифровий годинник (23.03.2009)
    getSeconds() var minutes = time.getMinutes() var hours = time.getHours() if (hours12){ hours = hours - 12; } if(hours