طريقة عمل الساعة في الفلاش_3

طريقة عمل الساعة في الفلاش

الجزء الثالث

الأكشن سكريبت

في الجزئين الماضيين تمكنت من عمل ساعة ولكنها ثابتة وبلا شك فإنك تريد ان تحصل على ساعة حقيقية تظهر لك الوقت الفعلي . في هذا الجزء سوف نقوم بذلك حسب الخطوات التالية :

1-  قم بقفل جميع الطبقات بإسثناء الطبقة الخاصة بعقرب الثواني scnd
2-  اختر عقرب الثواني بواسطة اداة الاختيار "السهم" ومن نافذة الخواص properties   الخاصة بالموفي كليب scnd  قم بتسمية الإنستانس  instance   بالاسم  "scnd"
3- كرر الخطوتين السابقتين مع كل من الدقائق والساعات .. ولكن قم بتسمية الانستانس  "mnt" و      "hrs" على الترتيب.
  
  كل نسخة "instance"  تمثل موفي كليب على ساحة العمل  يجب ان يكون لها اسم  فريد لكي يتم التعرف عليها عند استخدام الأكشن سكريبت.

4- اختر عقرب الثواني , افتح نافذة الأكشن , ثم اكتب الكود التالي :

  onClipEvent(enterFrame){
   setProperty(this, _rotation, _root.scnd);
  }

5- كرر الخطوة  رقم 4 مع كل من  عقرب الدقائق والساعات . ويجب مراعاة تغيير اسم المتغير  بدلا      من  _root.scnd    الى _root.mnt  بالنسبة للدقائق  .  و _root.hrs بالنسبة للساعات

الان بقي علينا كتابة الكود الرئيسي

6- اختر طبقة الاكشن  واعمل key frame  في الفريم رقم  1  .ثم key frame اخر في الفريم الثاني .

7- اختر الـفريم الاول  واكتب الكود التالي :

time = new Date();
hrs = time.getHours();
mnt = time.getMinutes();
scnd = time.getSeconds();
if (hrs>12) {
 hrs = hrs-12;
}

if (hrs<1) {
 hrs = 12;
}
hrs = hrs*30+int(mnt/2);
mnt = mnt*6+int(scnd/10);
scnd = scnd*6;
 

 واذا كانت لديك خلفية عن البرمجة  لن تجد صعوبة في فهم طريقة عمل الكود

ولكي يعمل البرنامج بشكل مستمر ..
نذهب الى الفريم الثاني في طبقة الأكشن ونضع هذا الامر :

gotoAndPlay(1);

الان ..في كل مرة يذهب مؤشر الفلاش الى الفريم الأول  .. يتم الحصول على الوقت بواسطة الكود الموجود في الفريم ..  وبما ان الوقت يتغير باستمرار فأن الكود الموجود على كل موفي كليب يقوم بتغيير زاوية دوران كل عقرب بحسب القيمة الجديدة .. ويستمر العمل بشكل حلقة لا نهائية .

الان بإمكانك  عمل طبقة جديدة تحت الطبقة cover   ووضع الارقام بالشكل الذي تريده.

طريقة عمل الساعة في الفلاش_3