كيف تعمل ساعة ذات عقارب

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

درس اليوم حول كيفية عمل لمعة علي الشكل وليس النص

الدرس:

الموضوع سهل جدا ً بس ركز قليلا
اول شيء نرسم دائرة هذه الدائرة تمثل حدود الساعة
ثم نجمع هذه الدائرة في سبرايت
من خلال تحديد الدائرة ثم تضغط يمين الماوس ثم تختار Grouping ثم Group as Sprite

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم تفتح السبرايت وتحدد الدائرة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان هذه الدائرة ربما تكون فيها بعض الأعوجاج , حتى تكون الدائرة ذات دوران 360 درجة دون اي
اعوجاج نذهب الى نافذة Transform للدائرة
ثم نجعل العرض يساوي الطول في القيمة من خلال مساواة خانة ( W ) بخانة ( H )
اذا لم تكن خانة ( H ) مفعلة لديك ازل علامة الصح من على خيار X=Y الاول
ثم في خانة Anchor point نحدد center
ثم في خانة الـ X و Y نضع القيمة = صفر
لاحظ الصورة واعمل نفس القيم

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم في نفاذة Transform للدائرة الصغيرة تعمل القيم التالية
ركز على الأمكان المعلمة با الأحمر

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان نجي نعمل عقارب الساعة
نرسم مثلا ثلاث خطوط , يمثلون الثواني والدقائق والساعة
ونرسمهم با الشكل العمودي , مثل ما توضح لك الصورة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم نسمي هذه الخطوط ,
خط الثواني نسمية بأسم sec مع تفعيل خيار Target
وخط الدقائق نسمية min مع تفعيل خيار Target
وخط الساعات نسميه hou مع تفعيل خيار Target
شوف هذه صورة توضيح على خط sec
باقي الخطوط نفس الشي بس تغير الاسم في خانة Name

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم في نافذة Transform لكل خط نضع القيم التالية
هذه القيم تعملها على الثلاثة الخطوط
شوف الصورة وركز على الأماكن المعلمة با الأحمر

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم تضيف هذا الكود الى نافذة االسكربت للسبرايت Sprite

الكود:

onEnterFrame(includingFirstFrame) {
now = new Date;
hou._rotation = now.getHours() * 30 + now.getMinutes() / 2;
min._rotation = now.getMinutes() * 6 + now.getSeconds() / 10;
sec._rotation = now.getSeconds() * 6;
}

لاتنسى تغير نافذة السكربت الى Expert
حتى تلصق الكود

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

بكذا يكون انتهينا
لكن سوف اشرح الكود للتوضيح بس
اولا الكود يبدء بهذا النص في السطر الاول
onEnterFrame(includingFirstFrame)هذا اعتقد واضح , ويعني عند أي فريم با المشهد ينفذ ما بعد هذه الجملة

في السطر الثاني
now = new Date;اولا كلمة now هذا عبارة عن متغير افترضناه وهذا المتغير يساوي new Date
كلمتا new Date هذه من دوال الأكشن سكربت وخاصة بجلب التوقيت
اي ان السطر الثاني معناه ان المتغير now يساوي الوقت
ثم في السطر الثالث
hou._rotation = now.getHours() * 30 + now.getMinutes() / 2;اولا كلمة hou تدل على العقرب تبع الساعة
ثم تيبع بنقطه وهذه خاصة للربط
ثم _rotation وهذه دالة في الأكشن سكربت من أسمها يبين وظيفتها , وتدل على الدوران
اي ان هذه الجملة hou._rotation تدل على الدوران لعقرب الساعة أنه يساوي ما بعد علامة =
هذه الجملة now.getHours() مقسمة الى جزئين now هذا المتغير الذي شرحناها في السطور الماضية
ثم getHours() هذه دالة في الأكشن سكربت وظيفتها جلب الساعة من النظام
أي أن الجملة now.getHours() تدل على الساعة الأن بتوقيت النظام الذي تعمل عليه
ثم يتبعها علامة النجمة هذه ( * ) وهذه العلامة تدل على الضرب في لغة الاكشن سكربت
ثم في الجملة التي تليها يوجد العدد 30 وهذا مايبغاله شرح ثم تتبعه علامة الجمع ( + )
ثم تليه الجملة التالية now.getMinutes() مثل الجملة التي سبقتها لكن هذه خاصة با الدقائق
اي انها تدل على الدقائق الأن بساعة النظام
ثم تليها علامة ( / ) وهذه تدل على القسمة , ثم يليها العدد 2
السطر الثاني بأجمعه معناه أن دوران العقرب تبع الساعة يساوي قيمة ساعة النظام مضروبه في 30 زائد قيمة دقائق النظام مقسومة على 2
وهذا الكود الذي يجعل عقرب الساعة يدور بأنتظام وبتوقيت النظام
والسطور الباقي نفس الشي مع اختلاف في القيم
فا الدالة getSeconds تدل على الثواني الأن بتوقيت النظام الذي تعمل عليه

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

منقول للفائدة

ماشاء الله خطييير الدرس

مجهود رائع

ماننحرم منك يالغلا

مودتي