Analog Saat Yapımı PDF Yazdır e-Posta
Editör tarafından yazıldı.   
Pazar, 11 Ekim 2009 20:17

Arkadaşlar merhaba bu dersimiz'de ActionScript 2.0 ile bir analog saat nasıl yapabileceğimizi göreceğiz. Kolay gelsin...

1-) Öncelikle bir çalışma alanı açıyoruz

2-) Şimdi timeline - zaman çizelgenize sec, interface, hour ,min 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 önce'den bir arkaplan oluşturduysanız interface layerine bunu ekleyin.

4-) Şimdi sec adlı layerimizin ilk frame ine bir çizgi çiziyoruz ve F8 tusuna basarak bunu movieclip e çeviriyoruz ismini 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.

Son olarak ctrl + enter kombinasyonuyla test edin.

--------------------------------------------------------
Bu ders webbilgini.com editörü tarafın'dan hazırlanmamışdır ,derlenip ilgili resim vb. uploadlar yapılmış ve sizlere sunulmuşdur.

 

Yorum ekle

. : : Webbilgini @ Webmaster Egitim Platformudur : : .
Sitemizde Webmaster | Photoshop | Flash | Html | Css | Php Egitimleri | Adsense ve Adwords ile ilgili konu ve dokumanlardan ucretsiz faydalanabilirsiniz