Суббота, 24.06.2017, 09:49
Приветствую Вас Гость | RSS

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа

Часы, календари

Уроки 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) и напишем следующий код:

 

 

 

 

gotoAndPlay(1);



На первом и втором слоях добавим вторые пустые ключевые кадры (F5).
Вид на временной шкале должен быть такой:



Теперь тестируем ролик (Ctrl+Enter) и смотрим своё произведение.

 

 

 

 

 


 

 

 

 

 

Поиск


Календарь
Друзья сайта
Друзья сайта



Все права принадлежат Akrus.Просьба при копировании давать ссылку на мой сайт. © 2017