Human
15 - 11 - 2008, 09:06
السلام عليكم ورحمة الله وبركاته
لمحبي الفلاش .. أحب أن أضع هذا الدرس الرائع الذي نقلته من كتاب فلاش مكس من إعداد المهندس وفيق إسماعيل .
حتى تصمم ساعة فلاشية قم بتبعاع الخطوات التالية حرفا حرفا .
1) إنشئ فيلم فلاش فارغ جديد .
2) إنشئ رمز لقطة فيلمية - سمّه clockFace - يحتوي شكل دائرة سوداء بعرض 100 بيكسل ومتمركز حول نقطة تسجيل اللقطة .
3) أنشئ رمز لقطة فيلمية - سمّة hand - يحتوي خطا شاقوليا أحمر بطول 50 بيكسل.
4) اختر الخط ( في اللقطة hand ), ومن ثم اختر window >Info(Flash Mx
5) بما أنا نريد تدوير العقارب حول مركز الساعة , فإنه يجب أن نوضع الخط بحيث تكون إحدى نهايته في نقطة التسجيل ( مركز) للقطة hand . لذلك ضع أسفل الخط في مركز اللقطة بتعيين الإحداثيه x على 0 والإحداثية y على 50-.
يجب علينا تصدير الرمزين clockFace و hand بحيث يمكن ربط نسختيها ديناميكيا إلى فيلمنا:
1) اختر اللقطة clockFace في المكتبة , ومن ثم اختر Linkage من القائمة المنسدلة Options , فيظهر صندوق الحوار Linkage Properties .
2) اختر صندوق التحقق Export For Action****** .
3) اكتب clockFace في صندوق Identifier , وانقر بعد ذلك على الزر Ok.
4) كرر الخطوات من 1 الى 3 لتصدير اللقطة hand , واجعل إسم التعريف لها هو hand .
اصبحت أرضية ساعتنا وعقاربها كاملة وجاهزة لربطها مع فيلمنا . لنقم الآن بكتابة النص البرمجي الذي موجودات الساعة في منصة العمل ويدل عليها مع مرور كل ثانية :
1) ضع النص البرمجي التالي في الإطار 1 من الطبقة 1 لشريط الزمن الرئيسي.
2) أعد تسمية layer1 بالإسم ٍACTIONSCRIPT
attachMovie("clockFace","clockFace_mc",0);
attachMovie("hand","secondHand_mc",3);
attachMovie("hand","minuteHand_mc",2);
attachMovie("hand","hourHand_mc",1);
//..............................
clockFace_mc._x=275;
clockFace_mc._y=200;
clockFace_mc._height=150;
clockFace_mc._width=150;
//..............................
secondHand_mc._x=clockFace_mc._x;
secondHand_mc._y=clockFace_mc._y;
secondHand_mc._height=clockFace_mc._height/2.2;
secondHandColor=new Color(secondHand_mc);
secondHandColor.setRGB(0xffffff);
//..............................
minuteHand_mc._x=clockFace_mc._x;
minuteHand_mc._y=clockFace_mc._y;
minuteHand_mc._height=clockFace_mc._height/2.5;
minuteHandColor=new Color(minuteHand_mc);
minuteHandColor.setRGB(0x0000cc);
//...............................
hourHand_mc._x=clockFace_mc._x;
hourHand_mc._y=clockFace_mc._y;
hourHand_mc._height=clockFace_mc._height/3.5;
//...............................
function updateClock(){
var now=new Date();
var dayPercent=(now.getHours()>12?
now.getHours()-12:now.getHours())/12;
var hourPercent=now.getMinutes()/60;
var minutePercent=now.getSeconds()/60;
hourHand_mc._rotation=360*dayPercent+hourPercent*( 360/12);
minuteHand_mc._rotation=360*hourPercent;
secondHand_mc._rotation=360*minutePercent;
}
//...........................................
setInterval(updateClock,100);
لمحبي الفلاش .. أحب أن أضع هذا الدرس الرائع الذي نقلته من كتاب فلاش مكس من إعداد المهندس وفيق إسماعيل .
حتى تصمم ساعة فلاشية قم بتبعاع الخطوات التالية حرفا حرفا .
1) إنشئ فيلم فلاش فارغ جديد .
2) إنشئ رمز لقطة فيلمية - سمّه clockFace - يحتوي شكل دائرة سوداء بعرض 100 بيكسل ومتمركز حول نقطة تسجيل اللقطة .
3) أنشئ رمز لقطة فيلمية - سمّة hand - يحتوي خطا شاقوليا أحمر بطول 50 بيكسل.
4) اختر الخط ( في اللقطة hand ), ومن ثم اختر window >Info(Flash Mx
5) بما أنا نريد تدوير العقارب حول مركز الساعة , فإنه يجب أن نوضع الخط بحيث تكون إحدى نهايته في نقطة التسجيل ( مركز) للقطة hand . لذلك ضع أسفل الخط في مركز اللقطة بتعيين الإحداثيه x على 0 والإحداثية y على 50-.
يجب علينا تصدير الرمزين clockFace و hand بحيث يمكن ربط نسختيها ديناميكيا إلى فيلمنا:
1) اختر اللقطة clockFace في المكتبة , ومن ثم اختر Linkage من القائمة المنسدلة Options , فيظهر صندوق الحوار Linkage Properties .
2) اختر صندوق التحقق Export For Action****** .
3) اكتب clockFace في صندوق Identifier , وانقر بعد ذلك على الزر Ok.
4) كرر الخطوات من 1 الى 3 لتصدير اللقطة hand , واجعل إسم التعريف لها هو hand .
اصبحت أرضية ساعتنا وعقاربها كاملة وجاهزة لربطها مع فيلمنا . لنقم الآن بكتابة النص البرمجي الذي موجودات الساعة في منصة العمل ويدل عليها مع مرور كل ثانية :
1) ضع النص البرمجي التالي في الإطار 1 من الطبقة 1 لشريط الزمن الرئيسي.
2) أعد تسمية layer1 بالإسم ٍACTIONSCRIPT
attachMovie("clockFace","clockFace_mc",0);
attachMovie("hand","secondHand_mc",3);
attachMovie("hand","minuteHand_mc",2);
attachMovie("hand","hourHand_mc",1);
//..............................
clockFace_mc._x=275;
clockFace_mc._y=200;
clockFace_mc._height=150;
clockFace_mc._width=150;
//..............................
secondHand_mc._x=clockFace_mc._x;
secondHand_mc._y=clockFace_mc._y;
secondHand_mc._height=clockFace_mc._height/2.2;
secondHandColor=new Color(secondHand_mc);
secondHandColor.setRGB(0xffffff);
//..............................
minuteHand_mc._x=clockFace_mc._x;
minuteHand_mc._y=clockFace_mc._y;
minuteHand_mc._height=clockFace_mc._height/2.5;
minuteHandColor=new Color(minuteHand_mc);
minuteHandColor.setRGB(0x0000cc);
//...............................
hourHand_mc._x=clockFace_mc._x;
hourHand_mc._y=clockFace_mc._y;
hourHand_mc._height=clockFace_mc._height/3.5;
//...............................
function updateClock(){
var now=new Date();
var dayPercent=(now.getHours()>12?
now.getHours()-12:now.getHours())/12;
var hourPercent=now.getMinutes()/60;
var minutePercent=now.getSeconds()/60;
hourHand_mc._rotation=360*dayPercent+hourPercent*( 360/12);
minuteHand_mc._rotation=360*hourPercent;
secondHand_mc._rotation=360*minutePercent;
}
//...........................................
setInterval(updateClock,100);