RUS

Программирования заставок для рабочего стола

Тема 2: Программируем заставку аналоговые часы для компьютера.

Самые простые аналоговые часы создаются при помощи простой программы. Что такое аналоговые часы. Это меняющие своё положение линии. Вспомните школьный курс по-тригонометрии. Помню, я ещё на Бейсике, на своём ZX-Spectrum'е писал кодинг часов, используя смену линий. Ну, долой воспоминания. Итак, начнём.

Для начала создадим новый документ. Размер любой. Назовем этот Layer именем Clock. Теперь в Tools (Инструментах) выбираем инструмент Овал (Oval Tool), смотрите рисунок 1. Клавиша "О" соответствует данному инструменту. На рабочем столе Flash документа рисуем круг. Размер по своему усмотрению. Этот круг будет у нас циферблатом. Смотрите рис.2, вот что у нас должно получится. Просто круг и всё.

Рисинок 1

Рисинок 2

Начинается самое интересное. Для начала обведем наш будущий циферблат инструментом Selection Tool (клавиша "V"). Смотрите рисунок 3 Должно получиться вот так (рисунок 4).

Рисинок 3

Рисинок 4

Стрелку "мыши" наводим на край нашего циферблата, нажимаем правую клавишу "мышки". Появится меню. В этом меню нам надо выбрать Convert to Symbol (Конвертировать в Символ). Смотрите рисунок 5. Откроется окно Convert to Symbol. В строке Name (Имя) напишем Time. Можно вообще-то оставить по-умолчанию. В Behavior (Поведение) выбираем Movie clip (Движение). Registration (Регистрация) оставим по середине. Жмем OK.

Рисинок 5

Рисинок 6

Получится вот что. Смотрите рисунок 7. Наш циферблат на заставке выделен.

Рисинок 7

Красной стрелкой на рисунке 7 отмечен центр. Затем окрываем вкладку Action - Movie Clip и в ней пишем программу. В программе я дал кое-какие пояснения. Код часов в таблице 1.

onClipEvent (load) {
                    for (i=0; i>60; i++)
                    //часовая стелка
                    //lineStyle(толщина, @);
                    //lineTo(размер, размер);
                    this.createEmptyMovieClip("hour", 5);
                    with (this.hour) {
                      lineStyle(5, "0x990000");
                      lineTo(0, -70);
                    }
                    //минутная стрелка
                    this.createEmptyMovieClip("minute", 2);
                    with (this.minute) {
                      lineStyle(4, "0x666666");
                      lineTo(0, -90);
                    }
                    //секундная стрелка
                    this.createEmptyMovieClip("second", 3);
                    with (this.second) {
                      lineStyle(3, "0xFF9900");
                      lineTo(0, -100);
                    }
                    //обороты
                    function turn() {
                      time = new Date();
                      s = time.getSeconds();
                      m = time.getMinutes();
                      h = time.getHours();
                      this.second._rotation = s*6;
                      this.minute._rotation = m*6;
                      this.hour._rotation = h*30;
                    }
                  }
                  onClipEvent (enterFrame) {
                    turn();
                  }

Таблица 1

Вот и получились часы заставка. Смотрите рисунок 9.

Рисинок 9

Для плавности хода стрелок заставки часов можно изменить код программы. Измененный код в таблице 2.

onClipEvent (load) {
                    for (i=0; i>60; i++)
                    //часовая стелка
                    //lineStyle(толщина, "цвет");
                    //lineTo(размер, размер);
                    this.createEmptyMovieClip("hour", 5);
                    with (this.hour) {
                      lineStyle(5, "0x990000");
                      lineTo(0, -70);
                    }
                    //минутная стрелка
                    this.createEmptyMovieClip("minute", 2);
                    with (this.minute) {
                      lineStyle(4, "0x666666");
                      lineTo(0, -90);
                    }
                    //секундная стрелка
                    this.createEmptyMovieClip("second", 3);
                    with (this.second) {
                      lineStyle(3, "0xFF9900");
                      lineTo(0, -100);
                    }
                    //обороты
                    function turn() {
                      time = new Date();
                      ms = time.getMilliseconds();
                      s = time.getSeconds();
                      m = time.getMinutes();
                      h = time.getHours();
                      this.second._rotation = s*6+ms/1000*6+(1.8*(1-(ms/500-1)*(ms/500-1)));
                      this.minute._rotation = m*6+s/10+ms/1000/60;
                      this.hour._rotation = h*30+m/2+s/2/60;
                    }
                  }
                  onClipEvent (enterFrame) {
                    turn();
                  }

Таблица 2

С помощью программы можно нарисовать на заставке: циферблат, цифры и т.д. Но это уже другая история

Скрипт данных часов находится здесь (6 Кбайт) .

Программирование и поддержка сайта: Максим Окопняк
Copyright: 2004-2015.
По вопросам размещения рекламы и другие вопросы - admin@screensaver-clock.ru