Интерактивная карта на flash

  • 16 мая 2010 г.
  • 657 Слова
Интерактивная карта

Этот урок научит вас, как создать интерактивную карту, в которой при наведении курсора на город, будет появляться маленькая фотография этого города.

Нам понадобитсяизображение части карты и несколько фотографий городов, отмеченных на карте, по одной фотографии на каждый город.

1. Создаём новый документ, размер 620х420 скорость 30 кадров в секунду (framerate).

2.Назовем наш единственный слой Map и импортируем (Frame>Import>Import to Stage) изображение карты, заблокируем слой .

3. Создание кнопок.
3.1. Создаем новый слой и назовем его Buttons.
Мы используем этотслой для создания первой кнопки и затем скопируем её для остальных городов.
3.2. Берём Oval Tool и рисуем круг в любом месте нашей сцены. Диаметр равен примерно 25px.
3.3. Пока круг выделен, нажимаем F8(Convert to Symbol), преобразуем в button символ и назовём myButton, с точкой регистрации в центре.

3.4. Двойной щелчок на круге, чтобы войти в режим редактирования кнопки.
3.5. В timelineпередвигаем кадр с Up frame на Hit frame.

*Нам не нужно что бы наша кнопка была видимой, так как на карте, города уже обозначены определенными знаками. Поэтому, сделаем нашу кнопку невидимой. Дважды щелкните пообъекту, чтобы войти в режим редактирования. В timeline передвигаем кадр с Up frame на Hit frame. Смотрите рисунок.
Кнопка готова. Возвращаемся на основную сцену


3.6. Ставим нашу кнопку сверхуобозначения, которое показывает место нахождения города №1 ( у меня на карте это город Muscat )
3.7. В Properties Inspector задаю Instance Name название кнопке соответствующее городу - muscat_btn.*Вы можете задать любое имя кнопке, но обязательно английским шрифтом и не забудте, что это имя вам необходимо будет указать в Actions.

Первая кнопка готова!

3.8. Теперь копируем ивставляем кнопку сверху обозначений других городов на карте (у меня это - Sohar, Dubai и Abu Dhabi).

3.9. Осталось задать instance name у кнопок на sohar_btn,...
tracking img