Часы, календари
Уроки Flash.
Создаём часы, календари.
Все уроки сделаны в программе Adobe Flash CS 5. Они предназначены для новичков в этой программе,
однако нужно знать основы работы с инструментами, панелями, интерфейсом программы.
Таких уроков много в интернете, поэтому нет смысла повторять одно и тоже.
На этом уроке мы будем создавать самые простые цифровые часы.
Можно просто на каком-либо фоне расположить цифровые часы, но мы сделаем интереснее:
найдем подходящую картинку и в фотошопе нарисуем цифровое поле.
Например вот такого плюшевого медвежонка.
Теперь сам урок по созданию цифровых часов.
Создадим новый документ на основе скрипта AS2.
В свойствах документа зададим размер соответствующий нашей картинки,
предварительно загрузив её в библиотеку
Создадим три слоя: первый называем "fon", второй "text", третий "AS" для
написания скрипта.
На первом слое у нас картинка, переходим на второй слой и выбираем
инструмент ТЕКСТ. Выделяем текстовое поле в том месте, где у нас будут часы.
В панели свойства текста выбираем "Классический текст" и ниже "Динамический
текст". В поле instance name вводим название Clock_text.
Размер шрифта, семейство, стиль и цвет выбираете по дизайну своего рисунка.
Переходим на третий слой AS, выделяем первый кадр и открываем панель
действий (F 9) где пишем следующий код:
time=new Date(); // time object
var seconds = time.getSeconds()
var minutes = time.getMinutes()
var hours = time.getHours()
if (hours<12) {
ampm = "AM";
}
else{
ampm = "PM";
}
while(hours >12){
hours = hours - 12;
}
if(hours<10)
{
hours = "0" + hours;
}
if(minutes<10)
{
minutes = "0" + minutes;
}
if(seconds<10)
{
seconds = "0" + seconds;
}
Clock_text.text = hours + ":" + minutes + ":" + seconds +" "+ ampm;
|
На третьем слое создадим второй ключевой кадр (F6) откроем панель действий (F9) и напишем следующий код:
На первом и втором слоях добавим вторые пустые ключевые кадры (F5).
Вид на временной шкале должен быть такой:
Теперь тестируем ролик (Ctrl+Enter) и смотрим своё произведение.
|