Итак, друзья, делаем эксклюзивные часы для вашего сайта или блога. Типа вот таких:

www.journalistmagu.ru

1. Создаем

2. Если вы рисовали циферблат в фотошопе, то и ставим ее ровно по центру с помощью сочетания ctrl+alt+c. Если вы предпочитаете рисовать этот циферный блат прямо тут, то на здоровье, но по центру его все же выровняйте. Центровка вообще будет иметь немалое значение. Если вы все сделаете, вроде бы, как написано, а одна-две стрелки идти не хотят, то дело именно в том, что вы не поставили их аккурат по центру. Но до этого, бум надеяться, не дойдет.

3. Теперь внутри этого клипа (а мы из него никуда пока и не выходили) делаем еще один клип - опять жмем . Рисуем стрелку. Начнем, например, с часовой. Ставим ее как будто сейчас ровно 12 часов. То перекрестие, которое символизирует середину экрана Koolmoves, должно быть чуть выше нижнего края стрелки. Впрочем, это дело вкуса.

4. Выходим из этого клипа в Здесь переименовываем клип с часовой стрелкой в hour (уповаю на то, что вы уже знаете, как переименовывать, потому что делали предыдущие уроки).

5. Подобным образом создаем остальные стрелки, какие потоньше, какие подлиньше. Называем их min и sec. Все они должны показывать все те же 12 часов ровно. Потом они разойдутся, раскочегарятся и будут показывать пользователю то время, которое у него на компе, а пока - 12.00.

6. Переходим к этого кадра -  Вставляем с помощью зеленого плюсика вот такой скрипт:

this.onEnterFrame = function()
{
        var date = new Date();

        var hours = date.getHours();

        var minutes = date.getMinutes();

        var seconds = date.getSeconds();

        min._rotation = 360 / 60 * minutes;

        hour._rotation = 360 / 12 * hours + 1/2 * minutes ;

        sec._rotation = 360 / 60 * seconds;
}

7. И, наконец, возвращаемся на
Это все, теперь они тикают. Наслаждайтесь!

< Предыдущая		Следующая >