شرح تصميم ساعة فلاشيه . . !

شرح تصميم ساعة فلاشيه . . !

،

سلام من رب رحيم

بناء على طلب الأخ محمد العبودي ) عن كيفية تصميم ساعه فلاشيه

ممكن تنفع ل الموبايلات

أحببت أن أنقل لك هذا الدرس

لعله ينفعك

أولا / نستخدم برنامج Macromedia Flash MX 2004
ولتحميله [ أضغط هنا]

ثانيا / أتركك مع الشرح
هنا الشرح عن مثال . . بإمكانك العمل على أكثر من شكل بنفس الطريقه )

.
.

عند فتح البرنامج الرجاء اختيار Flash ******** من القائمة Create New كما هو موضح في الصورة

من

قائمة Properties الموجودة بأسفل البرنامج اضغط على Size ومن ثم اضبط الأبعاد 400 في 400 كما هو موضح في الصورة أو بامكانك

تحديد الحجم اللي يعجبك

لتصميم العقارب الساعة والدقيقة والثانية) استخدم أداة Rectangle tool الموجودة في الأدوات على اليمين كما هو موضح بالصورة

وهذه صورة عن العقارب

والآن الخطوة الأهم في التصميم، يرجى اختيار كل عقرب على حده ومن ثم الضغط على زر F8 وضبط ال Bahviour على Movie Clip،

وRegistration كما هو موضح بالصورة:

أما الأن فيأتي تصميم المركز للساعة، وعند تصميمه بأداة الدائرة الموجودة في ائمة الأدوات، اجعلها في وسط الصورة باستخدام أداة

المحاذاة Align والتي تظهر بالضغط على مفتاحي Ctrl + K، ثم الضغط على To stage كما هو موضع بالصورة:

والآن قم بسحب العقارب من الاسفل)))) الى مركز الساعة، ثم قم باختيار كل الرسومات العقارب والمركز) واضغط على الزر

الثاني من اليسار الموجودة في أداة Align ليتم توسيط الصور جميعها كما بالصورة:

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

والآن تبدأ عملية كتابة الكود البرمجي المسؤول عن تحريك العقارب، ولكن قبل ذلك يجب تسميه عقارب الساعة بأسماء لنستخدمها في

الكود البرمجي، وطريقة التسمية هي الضغط على العقرب ومن ثم في قائمة Properties وعند Instant **** يرجى كتابة الأسم، ويجب

أن يكون اسم عقرب الساعات هو: hourHand) ، والدقائق: minuteHand) ، والثواني: secondHand) كما هو موضح بالصورة:

كود PHP:

onClipEventEnterFrame ){
now = new Date )
hour = now.getHours)
minute = now.getMinutes)
second = now.getSeconds)
if hour > 12) {
hour = hour - 12
}
hourAngle = 360 * hour / 12
minuteAngle = 360 * minute / 60
secondAngle = 360 * second / 60
hourAngle = hourAngle + minute / 2
minuteAngle = minuteAngle + second / 10
_root.hourHand._rotation = hourAngle
_root.minuteHand._rotation = minuteAngle
_root.secondHand._rotation = secondAngle
}

إذا تريد تشوف الساعة، بعد حفظ الملف إذهب إلى File وثم Publish وستجدون الساعة في ملف فلاش لونه أبيض

ورمادي في المكان الذي تم حفظ المشروع فيه، ويكون بامتداد swf.

موضوع: _da3m_1 الأحد فبراير 23, 2014 8:10 am

موضوع رائع بوركت
شرح تصميم ساعة فلاشيه . . ! 4

شرح تصميم ساعة فلاشيه . . ! 128711691410

» كيفيه عمل حركه فلاشيه على الصور
» طلب : تصميم
» طلب تصميم
» طلب تصميم فاصل
» طلب تصميم واجهة