Главная » 2013 » Декабрь » 23 » Как создать часы во flash
19:28
Как создать часы во flash

Как создать часы во flash

Флеш-часы могут стать стильным элементом рабочего стола вашего компьютера. Их можно использовать в качестве заставки на многих современных мобильных телефонах. Если вы создаете сайт, то такие часы станут хорошим дополнением к интерфейсу. Посредством технологии Flash можно создать действительно красивые циферблаты. Все зависит от вашего воображения.
Вам понадобится
  • - Macromedia Flash
Инструкция
1
Установите программу Macromedia Flash. Ее можно загрузить с официального сайта разработчика Adobe. Запустите инсталлятор и следуйте инструкциям, которые будут появляться на экране. После завершения запустите программу с помощью созданного ярлыка на рабочем столе.
2
Выберите пункт «Создать новый флеш-документ». Создайте 3 слоя, которые понадобятся для управления отображением, а именно «Программный код», «Стрелки», «Фон».
3
Перейдите на слой «Стрелки», кликнув на палитре слоев в левой части окна программы. Нарисуйте 3 стрелки различной длины (для секунд, часов и минут соответственно).
4
Каждую стрелку переведите в «Movie Clip» посредством правой клавиши мыши. Перейдите на слой «Код», нажмите на первый кадр. В нижней части окна пишите код:hours = fscommand2("GetTimeHours”);
minutes = fscommand2("GetTimeMinutes”);
seconds = fscommand2(GetTimeSeconds”);
hourspoint._rotation = 30*hours + 0.5*minutes;
minutepoint._rotation = *6minutes + 0.1*seconds;
secondpoint._rotation = 6*seconds;
gotoAndPlay(1);
5
Переменная hours получает при помощи функции «GetTimeHours» соответствующее время. Аналогичным образом работают минуты и секунды. Часовая стрелка получила название hourspoint, а стрелки minutepoint и secondpoint получили минутные и секундные значения. Задайте имя каждой стрелке в соответствующем окне слоя «Стрелки», в нижней части окна во вкладке «Properties».
6
Переместите все стрелки в одну. Это будет исходная 12-часовая точка. На слое «Фон» создаем нужную картинку. Затем перейдите в меню «Файл» - «Создать» - «Экспортировать фильм». Задайте имя для ваших часов. Тип укажите swf, нажмите «Сохранить», версия FlashLite 1.1. Качество «JPEG – 100%». Ваши аналоговые часы готовы.



и ещё
Для начала создадим электронные часы. Первое что нам нужно сделать это текстовое поле. Затем надо вписать в него 6 нолей (по 2 ноля) это выглядит примерно вот так: 00 00 00 , теперь надо кликнуть правой кнопкой по этим получившемся 6 нолям и выбрать меню Panels>Text Options, или кликнуть по изображению буквы А в нижнем правом углу. Там появится окно под названием Character, нам надо выбрать под названием Text Options и сделать всё как на рисунке (задать значение time в поле Variable, выбрать Dynamic Text, и Single line, кликнуть по этому […] изображению ) типа скобки закончились

Ну подошла очередь вставить в первый кадр сценарий выглядит он вот так:

mydate = new Date();
sec = mydate.getSeconds();
min = mydate.getMinutes();
hour = mydate.getHours();
if (sec<10) {
sec = "0"+sec;
}
if (min<10) {
min = "0"+min;
}
if (hour<10) {
hour = "0"+hour;
}
time = hour add " " add min add " " add sec;

Пояснение:

if (sec<10) {
sec = "0"+sec; //Это что бы ставился ноль до самого числа когда секунд меньше 10.
}
if (min<10) {
min = "0"+min; //Это что бы ставился ноль до самого числа когда минут меньше 10.
}
if (hour<10) {
hour = "0"+hour; //Это что бы ставился ноль до самого числа когда часов меньше 10.
}
time = hour add " " add min add " " add sec; //Это чтобы вместо наших нолей писалось время.

Сейчас надо добавить ещё один Frame (кадр) это чтобы наши часы обновлялись (нужно чтобы было 2 кадра)
Теперь надо нажать волшебные клавиши Ctrl+Enter и увидеть наше чудо сделанное общими силами!

Делаем часы (механические)

Значит так, делаем сейчас циферблат (это кружочек, на котором будут находиться стрелочки, у него обязательно должен быть центр, на рисунке этот центр это зелёный маленький круг).
Создадим символ клавишами Ctrl+F8, назовём его "минута”, нарисуем в нём минутную стрелку, чтобы центр символа был в конце стрелки (внизу) как на рисунке. :0)

Затем надо создать ещё 2 символа, это "час” и "секунда” также чтобы центр был внизу, и не забудь все стрелки сделать разных цветов. Теперь перенесём эти созданные символы на наш циферблат, так что бы их центры были на нашем зелёном кружочке как на рисунке

Подошло время выделить часовую стрелку и нажать Ctrl+Ш и напечатать hour в поле для ввода

затем надо выделить минутную стрелку и вписать min и наконец выделить секундную стрелку и вписать sec .
Ну, теперь выделяй первый кадр и вводи сценарий:

time = new Date();
s = time.getSeconds();
m = time.getMinutes();
h = time.getHours();
setProperty ("min", _rotation, m*6+s*0.1);
setProperty ("sec", _rotation, s*6);
setProperty ("hour", _rotation, h*30+m*0.5);

И вставляем ещё кадр (Frame) должно получиться 2 кадра это опять же для того что бы часы обновлялись.
Теперь надо нажать магические клавиши Ctrl+Enter и наслаждаться увиденным!







Ну, вот ты и захотел научиться делать часы =), ну что ж приступим…

Для начала создадим электронные часы. Первое что нам нужно сделать это текстовое поле. Затем надо вписать в него 6 нолей (по 2 ноля) это выглядит примерно вот так: 00 00 00 , теперь надо кликнуть правой кнопкой по этим получившемся 6 нолям и выбрать меню Panels>Text Options, или кликнуть по изображению буквы А в нижнем правом углу.

там появится окно под названием Character, нам надо выбрать под названием Text Options

и сделать всё как на рисунке (задать значение time в поле Variable, выбрать Dynamic Text, и Single line, кликнуть по этому […] изображению ) типа скобки закончились :-)

Ну подошла очередь вставить в первый кадр сценарий выглядит он вот так:

mydate = new Date();
sec = mydate.getSeconds();
min = mydate.getMinutes();
hour = mydate.getHours();
if (sec<10) {
sec = "0"+sec;
}
if (min<10) {
min = "0"+min;
}
if (hour<10) {
hour = "0"+hour;
}
time = hour add " " add min add " " add sec;

Пояснять всё я пожалуй не буду… :-( Но что-то объясню!!!

if (sec<10) {
sec = "0"+sec; //Это что бы ставился ноль до самого числа когда секунд меньше 10.
}
if (min<10) {
min = "0"+min; //Это что бы ставился ноль до самого числа когда минут меньше 10.
}
if (hour<10) {
hour = "0"+hour; //Это что бы ставился ноль до самого числа когда часов меньше 10.
}
time = hour add " " add min add " " add sec; //Это чтобы вместо наших нолей писалось время.

Сейчас надо добавить ещё один Frame (кадр) это чтобы наши часы обновлялись (нужно чтобы было 2 кадра)

Теперь надо нажать волшебные клавиши Ctrl+Enter и увидеть наше чудо сделанное общими силами!

 

Теперь приступим к созданию механических часов в смысле круглых…
Значит так, делаем сейчас циферблат (это кружочек, на котором будут находиться стрелочки, у него обязательно должен быть центр, на рисунке этот центр это зелёный маленький круг).

создадим символ клавишами Ctrl+F8, назовём его "минута”, нарисуем в нём минутную стрелку, чтобы центр символа был в конце стрелки (внизу) как на рисунке. :0)

Затем надо создать ещё 2 символа, это "час” и "секунда” также чтобы центр был внизу, и не забудь все стрелки сделать разных цветов. Теперь перенесём эти созданные символы на наш циферблат, так что бы их центры были на нашем зелёном кружочке как на рисунке

Подошло время выделить часовую стрелку и нажать Ctrl+Ш и напечатать hour в поле для ввода

затем надо выделить минутную стрелку и вписать min и наконец выделить секундную стрелку и вписать sec .
Ну, теперь выделяй первый кадр и вводи сценарий:
time = new Date();
s = time.getSeconds();
m = time.getMinutes();
h = time.getHours();
setProperty ("min", _rotation, m*6+s*0.1);
setProperty ("sec", _rotation, s*6);
setProperty ("hour", _rotation, h*30+m*0.5);
Но это я уж точно объяснять не буду сами, догадаетесь (шутка).
И вставляем ещё кадр (Frame) должно получиться 2 кадра это опять же для того что бы часы обновлялись.
Теперь надо нажать магические клавиши Ctrl+Enter и наслаждаться увиденным!


Категория: Для сайтов | Просмотров: 1732 | Добавил: Лаврентий5932 | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]