حافظة شاشة بشعار الفريق العربي

السلام عليكم

من مبدأ التعاون وحرصاً على نشر العلم فأحببت أن أبين كيفية عمل ساعة حقيقة ببرنامج الفلاش. طبعاً الساعة السابقة تم تصميمها بفلاش 5.

في البداية الطرق لعمل ساعة توقيت حقيقة في الفلاش كثيرة ومتعددة بدءاً من الطرق التقليدية بوضع 60 إطار :) مروراً بطريقة إدخال الأكواد أو ما يسمى بالفلاش Action Script

وسأقوم هنا بإذن الله بشرح الطريقة التي استعملتها أنا في بناء الساعة الموجودة في الأعلى:

قم بفتح ملف جديد في الفلاش.

قم بحفظ العمل بأي اسم تشاء وليكن على سبيل المثال: MyClock.

قم بتغيير اسم الطبقة الأولى إلى: BG.

قم برسم هيكل الساعة في الطبقة الأولى وحدد عليه الدقائق والثواني والساعات وأكتب الأوقات 1، 2، 3... 12.

قم بحفظ العمل.

قم بإدراج (Insert) رمز جديد – ctrl + F8 – وسمه clock وتأكد من أنه Movie Clip.

سيتم نقلك إلى شاشة فارغة يوجد بمنتصفها علامة +.

اقتباس

قم بفتح المكتبة (Ctrl + L) يجب أن تشاهد هذا الرمز الذي أنشأته (Clock) في المكتبة.

والآن قم بإضافة (insert) رمز جديد (New Sample) وأعطه اسم (seconds) وتأكد من أن هيئته هي Movie Clip.

قم بالضغط مرتين على المربع المجاور للرمز (Clock) في المكتبة.

قم بإضافة (insert) رمز جديد (New Sample) وأعطه اسم (minutes) وتأكد من أن هيئته هي Movie Clip.

قم بالضغط مرتين على المربع المجاور للرمز (Clock) في المكتبة.

قم بإضافة (insert) رمز جديد (New Sample) وأعطه اسم (hours) وتأكد من أن هيئته هي Movie Clip.

قم بحفظ العمل.

اقتباس

للتأكد من قيامك بالعمل على الوجه الأمثل يجب أن ترى في المكتبة أربعة رموز وهي التي قمت بإنشائها وهي الرمز (Clock) ،الرمز (seconds) ،الرمز (minutes) ، الرمز (hours).

قم بالضغط مرتين على المربع المجاور للرمز (Seconds) في المكتبة.

قم بإضافة خط عمودي رقيق لعقارب الثواني... وتأكد من أنه يتعامد مع + الموجودة في منتصف الشاشة.

قم بنسخ الإطار الأول في الطبقة الأولى وألصقه في الإطار الثاني في نفس الطبقة.

قم بالضغط مرتين على المربع المجاور للرمز (minutes) في المكتبة.

قم بإضافة خط عمودي يمثل عقرب الدقائق ويكون أعرض من خط عقرب الثواني وقم بتغيير اللون وتأكد من أن يكون هذا الخط أطول من الخط عقرب الثواني والذي رسمته في شاشة الثواني.

قم بنسخ الإطار الأول في الطبقة الأولى وألصقه في الإطار الثاني في نفس الطبقة.

قم بالضغط مرتين على المربع المجاور للرمز (hours) في المكتبة.

قم بإضافة خط عريض جداً يمثل عقارب الساعات وقم بتغيير اللون.

قم بنسخ الإطار الأول في الطبقة الأولى وألصقه في الإطار الثاني في نفس الطبقة.

قم بحفظ العمل.

اقتباس

لا تهتم الآن بأطوال هذه العقارب فسيمكنك لاحقاً تعديل الأطوال والأوان وحتى الأشكال بكل سهولة.

الآن قم بالضغط مرتان على الزر المجاور للرمز (Clock) في المكتبة.

قم بإدراج الرمز (seconds) –الضغط عليه وسحبه- في هذه الشاشة ومن ثم قم بتنصيفه وتوسيطه بالشاشة وذلك يكون بوضع + الخاصة بعقرب الثواني على + الموجودة في منتصف الشاشة ومن ثم قم بإعطائه اسم "sec" وذلك في صندوق "instance box" Ctrl + i.

قم بتكرار هذه العملية لكل من الرمز (hours) والرمز (minutes) وأعط كل منهما الأسماء التالية في صندوق "instance box" Ctrl + i. "hr" للرمز (hours) و "min" للرمز"minutes".

قم بحفظ العمل.

الآن أتى وقت البرمجة :) ليست بالأمر الصعب بتاتاً. المسألة برمتها 7 أسطر فقط!!!!!

الآن في فلم "Clock" قم بتحديد الإطار الأول من الطبقة الأولى وإضغط عليه بزر الخدمات في الفأرة (الزر اليمين في الغالب) وأختر من القائمة المنبثقة "Actions".

ستفتح لك مربع نافذة جديدة اسمها "Frame Actions"، في أقصى اليمين لأعلى هذا المربع يوجد مثلث رأسه متجه لليمين قم بالضغط عليه وأختر "Experts Mode".

قم بنسخ الكود التالي وألصقه هناك.

x = new Date(); 
y = x.getSeconds(); 
z = x.getHours(); 
setProperty (sec, _rotation, y*6); 
setProperty (min, _rotation, x.getMinutes()*6); 
if (z>12) { z = z-12; } 
setProperty (hrs, _rotation, ((z*30)+(x.getMinutes()/2)))

الآن قم بنسخ الإطار الأول من الطبقة الأولى وقم بإلصاقة في الإطار الثاني في نفس الطبقة.

قم بحفظ العمل.

قم بالضغط على كلمة "Scene" أي مشهد فوق خط الزمن "Time Line".

قم الآن ومن المكتبة بالضغط والسحب على فلم "Clock" وتأكد من تنصيفه وتوسيطه للإطار الذي قمت بعمله.

تأكد الآن من أطوال العقارب وللتعديل على أي منها قم بالضغط مرتين على المربع المجاور للرمز الذي يمثل العقرب في المكتبة.

قم بحفظ العمل.

قم بالضغط على Ctrl + Enter

شاهد الساعة التي قمت بعملها وقم بعمل التعديلات اللازمة.

مبروك إنتهى :) :) :)

لمزيد من المعلومات أو الاستفسار يرجى عدم التردد والسلام عليكم...

جزاك الله خيرا اخ بدون خبره على هذا الشرح والتصميم .... وساجربه باذن الله ..

الأخت فلسطينية

شكراً لك وجزاك الله خيراً