Аналоговые часы во Flash Часть первая – программно-рисованные часы

Источник: http://flash.seovologda.ru

Аналоговые часы – очень занимательная штука… Особенно, если их хорошо вписать в тематику дизайна, тем более если они показывают реальное время пользователя.

Что нужно:

- Flash;

- Редактор ActionScript2;

- Руки;

- Желание разобраться;

- Мозк(опционально).

Разбить…Есть два варианта создания аналоговых часов. Первый – наиболее простой, если нужно сделать часы всего один раз. Второй – посложнее, зато его можно будет использовать очень часто. В данной статье мы рассмотрим первый вариант.

Итак, вариант номер 1. Много рисуем, немного программируем.

Для начала создаем новый проект. Затем рисуем циферблат, жмем «F8»(или меню «Modify-Convert to Symbol…»), чтобы создать MovieClip для удобства позиционирования. MovieClip можно и не создавать, если у вас циферблат уже позиционирован. В настройках, при создании MovieClip я указал имя – ciferblat, позиционирование – по центру, соответственно точка отсчета координат у меня теперь в центре. Затем, выделив его, на вкладке свойств указываю instance name – ciferblat_mc, так как приставка _mc говорит нам, да и самой программе о том что это MovieClip. (смотри рисунок 1).

циферблат с instance name

Рисунок 1. Циферблат от часов. Красным отмечено instance name.

Теперь беремся за стрелки. Собственно процедура создания – почти такая же, как и циферблата, вот только точку позиционирования надо брать с левого края, т.к. точка отсчета координат должна быть с краю для того, чтобы стрелки часов поворацивались относительно своего края, а не центра. Название часовой стрелки – hour_arrow, instance name – hour_arrow_mc. Соответственно, минутной – minutes_arrow, а секундной – seconds_arrow.

clock1.jpg

Рисунок 2. Создание Муви клипа с часовой стрелкой. Задание позиционирования.

Собственно, процесс рисования закончен. Начнем программировать.

Создаем дополнительный слой, называем его Actions. Открываем панель Actions и пишем туда следующий код:

Вот и все… эти простенькие часы готовы. Надеюсь, все понятно, если нет – жду на форуме=)