Поиск по сайту
Дизайнерский форум
Рассылка
Наша кнопка
Мы рекомендуем
|
Аналоговые часы во Flash MX
Шаг 1
Нарисуйте фон (циферблат) для ваших будущих часов. Вы можете сделать это во флэше, либо нарисовать в другой программе (Photoshop, Illustrator или в других графических редакторах), а затем импортировать во Flash.
Создайте 5 слоёв и назовите их - interface, sec, min, hour и actions.
Шаг 2
Вставьте фон (циферблат), который вы нарисовали в первый кадр слоя interface.
В первом кадре слоя sec нарисуйте линию. Выберите её и нажмите F8. Назовите её sec_mc, тип выберите Movie clip. Там, где написано registration, обозначьте нижний средний квадрат. Нажмите OK.
Шаг 3
1) Разместите sec_mc (он будет секундной стрелкой) по центру циферблата. Назовете его «sec» в панели Instance.
2) Перетащите sec_mc из библиотеки в первый кадр слоя min (он будет минутной стрелкой). Увеличьте его длину примерно на 3 пикселя. Разместите его по центру циферблата. Назовете его «min» в панели Instance.
3) Перетащите sec_mc из библиотеки в первый кадр слоя hour (он будет часовой стрелкой). Увеличьте его длину примерно на 5 пикселей. Разместите его по центру циферблата. Назовете его «hour» в панели Instance.
4) Скопируйте этот код в экшены первого кадра слоя actions:
time=new Date(); // объект time
seconds = time.getSeconds()
minutes = time.getMinutes()
hours = time.getHours()
hours = hours + (minutes/60);
seconds = seconds*6; // считаем секунды
minutes = minutes*6; // считаем минуты
hours = hours*30; // считаем часы
sec._rotation=seconds; // задаём значение параметра rotation
min._rotation=minutes; // задаём значение параметра rotation
hour._rotation=hours; // задаём значение параметра rotation
Во всех слоях создайте по дополнительному кадру (F5). Нажмите Ctrl+Enter, чтобы запустить ролик.
Скачать *.fla файл можно здесь.
|
|
