Създаване на флаш часовник.

Автор: vik96

Здравейте.В този урок ще научите как да си направите хубав часовник с Adobe Flash.

–1– Отворете нов документ (AS3) с размери 150х150 ( Или каквито вие искате ).

За фон на часовника съм използвал картинка направена на PHOTOSHOP.

За да импортнете картинката натиснете File -> Import -> Import to Stage..

Би трябвало да ви се получи нещо такова ->

–2– Сега направете нов слой на който ще бъдат сложени стрелките(името няма значение).

Вземете инструмента Line tool(N) и направете една линийка ето така (това ще е стрелката за часовете) ->

Сега натиснете F8 и сложете следните настройки:

Сега натиснете един път върху стрелка и й задайте Instance Name : „hours“ (Без кавичките).

Повторете 2-ра стъпка за да направите стрелката за секундите (направете я по-голяма) и й задайте Instance Name : „minutes“ .

–3– Сега направете нов слой на който ще сложите Action Script-та.
Селектирайте го ( http://web-tourist.net/project/vik96/4.jpg ).
Натиснете F9 и сложете следният код :

var date = new Date();
var m = date.getMinutes(); //Взимаме минута и час
var hour = date.getHours();
var text_h = hour; // ako iskate da dobavite i text koito da pokazva 4asa
// var seconds = date.getSeconds(); // ako iskate i sekundi

if ( hour > 12 )
{
hour = hour - 12;
}
hour = hour * 30;

minutes.rotation = m * 6; // За да се върти срелката правилно трябва да умножим Минутите по 6 ( 60секунди * 6 = 360 градуса)
hours.rotation = hour;

За да избегнете случайни грешки премахнете коментарите.

Ако искате и с текст да пише часовете.
Под центъра на картинката сложете Dinamyc Text ->

В Action Script-a добавете

ttext.text = text_h + ":" + m;

Сега финалът : На всеки Layer натиснете f6 (за да се движат стрелките когато има промяна в часа). ->

И с това приключваме с урока !
Бих искал да вида и вие как сте се справили 🙂 .
Урока е направен специално за web-tourist.net .