Създаване на флаш часовник.
Здравейте.В този урок ще научите как да си направите хубав часовник с 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 .

DEMO : Виж



/ Трябва да сте регистриран за да напишете коментар /
От: BasicElement
14:55 17-02-2010
Добре е като идея, но за новак във Flash като мен, беше много трудно да се ориентирам какво се случва в даден момент.

Примерно какво точно става, когато натисна F6 и F8, а именно:
F6 - Insert a Key Frame
F8 - Convert into a Symbol
От: xboy
20:25 11-04-2010
Линка към демото неработи !
1