تحريك سفينة في البحر [ درس مفصل فلاش ].

[linnou]

http://img89.imageshack.us/img89/9548/62789183so9.jpg

المصدر: موقع عالم حكيم ( موقعي الرسمي ). (http://great-hakeem.com/)

في البداية افتح برنامج الفلاش الإصدار الثامن أو إصدار الـ CS3 بعد ذلك قم بالبحث عن صورة مناسبة تدل على البحر لتجعلها خلفية تمشي عليها السفينة و أنا استعملت هذه الصورة:

http://img48.imageshack.us/img48/1843/seacz0.jpg

و بالطبع سوف نحتاج إلى سفينة و إليكم هذه السفينة اللطيفة:

http://img233.imageshack.us/img233/1324/cruiseshipcartoonlu2.gif جميلة أليس كذلك ؟

الآن قم بتحميل هاتين الصورتين إلى جهازك و من ثم اذهب إلى:
File>Import>Import to Library
سوف تحفظ الصورتين في مكتبة الفلاش الخاصة بك.

الآن اضغط على Ctrl + J لتقوم بإعادة وضع الحجم الخاص بالملف الفلاشي الذي تعمل عليه و نفذ الإعدادات التالية:

http://img132.imageshack.us/img132/4519/83815220mk3.jpg

الآن قم بالضغط على زر Ctrl + L لتقوم بمشاهدة الصورتين في المكتبة و من ثم قم بوضعهم في مساحة العمل و ذلك بحسبهم بواسطة الماوس و وضعهم في المكان المخصص كما في الصورة التالية:


http://img160.imageshack.us/img160/5422/45965581yz8.jpg


الآن قم بالنقر على صورة السفينة و من ثم اضغط زر F8 أو كليك يمين لتقوم بالأمر Convert أي تحويل الصورة لرمز و من ثم اختر رمز الموف كليب كما في الصورة التالية:

http://img522.imageshack.us/img522/6681/95522800jf4.jpg




الآن لنقم بالضغط على زر Ctrl + F3 ليتم تعديل الخصائص كما موجود في الصورة، يجب أن تكتب في Swap كلمة Ship

http://img161.imageshack.us/img161/8506/31370197fk1.jpg


الآن اضغط على صورة السفينة مرة أخرى و اضغط زر F9 كي تقوم بفتح شاشة الاكشن سكربت و قم بنسخ الكود code التالي في النافذة:

onClipEvent (enterFrame)
{
if (Key.isDown(Key.RIGHT))
{
this._x +=5;
}
else if (Key.isDown(Key.LEFT))
{
this._x -=5;
}
else if (Key.isDown(Key.UP))
{
this._y -=5;
}
else if (Key.isDown(Key.DOWN))
{
this._y +=5;
}
}

الآن نقـوم بالضغط على Ctrl + Enter ثم نقوم بتحريك السفينة بواسطة الأسـهم.
لزيادة سرعة أو بطء السفينة قم بتغيير الأرقام في كود code الاكشن سكربت.
و هذي صورة للعمل بعد النهاية:

سفينة متحركة في البحر (http://great-hakeem.com/Flash/2.swf)



و بانتظار التطبيـقات http://great-hakeem.com/plugins/editors/tinymce/jscripts/tiny_mce/plugins/emotions/images/smiley-wink.gif
تصميمي بالمرفقات





الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif 2.zip (http://www.traidnt.net/vb/attachments/336987d1232229560-2.zip) (30.5 كيلوبايت, عدد مرات المشاهدة 92 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©