ActionScript - Flash Analog Saat Yapımı

1- İlk olarak istediğiniz
boyutlarda bir Flash dosyası açın.



2- Şimdi timeline ınıza interface, sec, min, hour ve actions adında
5 adet yeni layer ekleyin.Layerler aşağıdaki resme benzer yapıda
olabilir.














3- Eğer analog saatiniz için bir arkaplan hazırladıysanız bunu
interface layerine ekleyin.



4- Şimdi sec layerimizin ilk frame ine bir çizgi çiziyoruz ve F8 e
basarak bunu movieclip e çeviriyoruz adını sec_mc yapıyoruz aynı
zamanda registration point olarakta alt tarafın ortasını seçiyoruz.
Şu şekilde;













5- Sec layerine çizdiğiniz çizginin alt tarafını daha önce yapmış
olduğunuz saat tasarımının tam ortasına getirin ve instance name
olarak sec adını verin.



6- Şimdi sec layerine çizdiğiniz sec_mc çizgiyi kütüphanede bulun ve
min layerinin ilk frame ine sürükleyin. Bu yeni çubuk dakikayı
gösterecek , biraz daha kısa olması gerekiyor bunun için bu çizgiyi
biraz kısaltın.



7- Şimdi sec_mc movieclipini tekrar kütüphaneden bulun ve hour
layerinin ilk framine ekleyin. Bu yeni çizgi saati gösterecek bunun
için bunun en kısa çizgi olması gerekiyor, çizginin boyunu buna göre
ayarlayın.



8- Şimdi actions layerine giderek bu layerin ilk frameine şu kodları
yerleştirin;



time=new Date(); // zaman objesi



seconds = time.getSeconds()



minutes = time.getMinutes()



hours = time.getHours()



hours = hours + (minutes/60);



seconds = seconds*6; // saniye hesaplamaları



minutes = minutes*6; // dakika hesaplaması



hours = hours*30; // saat hesaplaması



sec._rotation=seconds; // yön özelliği verimi.



min._rotation=minutes; // yön özelliği verimi.



hour._rotation=hours; // yön özelliği verimi.




9. Şimdi her layerin 2. Frame lerine giderek F5 tuşuna basıp yeni
frameler oluşturun.



Analog saatimiz hazır. CTRL+Enter yaparak test ediniz, umarım
faydalı bir ders olmuştur.





Hanci.org sizlere daha iyi hizmet sunmak için çerezleri kullanıyor.
Hanci.org sitesini kullanarak çerez politikamızı kabul etmiş olacaksınız.
Detaylı bilgi almak için Gizlilik ve Çerez Politikası metnimizi inceleyebilirsiniz.