Иллюстрированный самоучитель по созданию Flash-игр

Аналоговые часы

Исходный файл: Simpleclock.fla, Betterclock.fla.

Одной из возможностей использования ActionScnpt является ние даты и текущего времени на компьютере пользователя. Это осуществляется благодаря объекту Date. Этот объект может использоваться различными способами, простейшим из них является создание анимированных аналоговых часов.

Задача проекта

Время, запрограммированное в компьютере пользователя, должно отображаться в виде настенных или наручных часов. Часы должны иметь часовую, минутную и секундную стрелки. Лучше сделать часы необычными и в качестве стрелок использовать не простые линии, а какой-нибудь клип.

Подход

Прежде чем создавать часы, необходимо научиться работать с объектом Date. Именно он содержит текущее время, доступное для отображения.

Использование объекта Date

Объект Date можно представить как небольшой массив, содержащий некоторую информацию о текущем моменте времени. При создании объекта Date за основу берется текущее время, установленное на компьютере пользователя.

Не стоит полагаться на точность времени, установленного на компьютере пользователя. Вы удивитесь тому, сколько людей имеют неточные часы. Тем не менее я обычно не задумываясь использую эти часы, особенно для игр. Если неправильно указано время отправки электронного письма, это может привести к проблемам, для flash-ролика точность времени не так важна.

Объект Date включает следующие элементы: число, месяц, год, часы, минуты и секунды. Для вывода любого из них необходимо использовать соответствующую функцию: getDate (). Приводимая ниже программа обработки содержит все функции, которые используются для получения информации из объекта Date:

on(release) {
    now = new Date();
    trace("toString:" + now.toString());
    trace("getDate:" + now.getDate());
    trace("getDay:" + now.getDay());
    trace("getFullYear:" + now.getFullYear());
    trace("getHours:" + now.getHours());
    trace("getMilliseconds:" + now.getMilliseconds());
    trace("getMinutes:" + now.getMinutes());
    trace("getMonth:" + now.getMonth());
    trace("getSeconds:" + now.getSeconds());
    trace("getTime:" + now.getTime());
    trace("getTimezoneOffset:" + now.getTimezoneOffset());
    trace("getYear:" + now.getYear());
    trace("getUTCDate:" + now.getUTCDate());
    trace("getUTCDay:" + now.getUTCDay());
    trace("getUTCFullYear:" + now.getUTCFullYear());
    trace("getUTCHours:" + now.getUTCHoursO);
    trace("getUTCMilliseconds:" + now.getUTCMilliseconds());
    trace("getUTCMinutes:" + now.getUTCMinutes());
    trace("getUTCMonth:" + now.getUTCMonth());
    trace("getUTCSeconds:" + now.getUTCSeconds());
}

Следует обратить внимание на несколько моментов. Все функции UTC подразумевают, что система пользователя настроена на соответствующую временную зону. Для того чтобы получить всеобщее (по Гринвичу) время, необходимо добавить или вычесть определенное количество часов. Результатом выполнения функции getTime будет количество миллисекунд с 1 января 1970 года. Функция day обозначает день недели и задается числом от 0 до 6. Месяц представляет собой число от 0 до 11. Число выбирается из диапазона от 1 до 31. Возможно, все это трудно для понимания и запоминания, однако данные функции аналогичным образом задаются и в других языках программирования, например С и JavaScript.

Вот результат выполнения всех функций trace:

toString:Sat Oct 14 18:47:06 GMT-0600 2000
getDate:14
getDay:6
getFullYear:2000
getHours:18
getMilliseconds:0
getMinutes:44
getMonth:9
getSeconds:7 
getTime:971570647000
getTimezoneOffset: 360
getYear:100
getUTCDate:15
getUTCDay:0
getUTCFullYear:2000
getUTCHours:0
getUTCMilliseconds:0
getUTCMinutes:44
getUTCMonth:9
getUTCSeconds:7

Вы можете задать любой элемент объекта Date. Каждая функция, начинающаяся с get, имеет соответствующую ей функцию, начинающуюся с set. К примеру, для установки часа используется функция setHour (newHour) Имейте в виду, что это приведет к изменению только объекта Date, которому вы обратились, а не системных часов пользователя. При создании нового объекта Date время в нем будет установлено в соответствии системными часами.

Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.