Интерактивная карта
Этот урок научит вас, как создать интерактивную карту, в которой при наведении курсора на город, будет появляться маленькая фотография этого города.
Нам понадобитсяизображение части карты и несколько фотографий городов, отмеченных на карте, по одной фотографии на каждый город.
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,...
Этот урок научит вас, как создать интерактивную карту, в которой при наведении курсора на город, будет появляться маленькая фотография этого города.
Нам понадобитсяизображение части карты и несколько фотографий городов, отмеченных на карте, по одной фотографии на каждый город.
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,...
Поделиться рефератом
Расскажи своим однокурсникам об этом материале и вообще о СкачатьРеферат