برمجة الألعاب الفلاشية || لعبة الإتجاه المناسب || الدرس مفصل الأول|| مفاهيم و تحضير

[salima]

http://www.dzbatna.com/images/icons/iconrote.gif ط¨ط±ظ…ط¬ط© ط§ظ„ط£ظ„ط¹ط§ط¨ ط§ظ„ظپظ„ط§ط´ظٹط© || ظ„ط¹ط¨ط© ط§ظ„ط¥طھط¬ط§ظ‡ ط§ظ„ظ…ظ†ط§ط³ط¨ || ط§ظ„ط¯ط±ط³ ط§ظ„ط£ظˆظ„|| ظ…ظپط§ظ‡ظٹظ… ظˆ طھط*ط¶ظٹط± (http://www.dzbatna.com/t1843786/)



السلام عليكم و رحمة الله و بركاته

حياكم الله إخواني رواد هذا الصرح العظيم

بصراحة لا أعلم إن تم التطرق من قبل لمواضيع برمجة الألعاب الفلاشية لكن قررت إن شاء الله

و بحوله إفادة إخواني بهذي الدورة الصغيرة ، لنأخد منها ولو خبرة و معلومة عن برمجة الألعاب الفلاشية ، تجدون مثال للعبة المراد تطبيقها بإذن الله في هذه الدورة بالمرفقات

و دون إطالة على أعضائنا الكرام ، و دون كثير مقدمات ، نبدأ على بركة الله

و الله نسأل لنا و لكم السداد و التوفيق




برنامج macromedia flash

هو برنامج غني عن التعريف ، و لا اقصد طبعا قارئ ملفات الفلاش flash player فهذا للقراءة و الآخر لتصميم الملفات الفلاشية
البرنامج غير مجاني free ، لكن من الممكن الحصول على نسخة تجريبة ، تحتوي كافة ادوات النسخة الأصلية و يمكن العمل بها لمدة 30 يوم

نقوم بالدخول إلى موقع adobe للحصول على آخر نسخة

من هنـــــــــــــا (https://www.adobe.com/cfusion/mmform/index.cfm?name=product_notify)

بعد الدخول إلى الموقع سيطلب منا ملئ البيانات

http://www6.0zz0.com/2014/04/25/20/801208733.jpg

بعد وضع الإعدادات كما مبية ، يرجى كتابة الإيميل في الخانة الأولى ـ، حتى يصلك رابط تحميل البرنامج على الإيميل

و اللآن نأتي إلى شرح طريقة تثبيت setup البرنامج
http://www6.0zz0.com/2014/04/25/20/280896890.png

http://www6.0zz0.com/2014/04/25/20/887406027.png

http://www6.0zz0.com/2014/04/25/20/286983230.png

http://www6.0zz0.com/2014/04/25/20/834912999.png

و لأصحاب المواصفات الضعيفة بالجهاز لا انصح بإستخدام آخر نسخة ، و انصح بإستخدام الإصدار الثامن

يمكن الحصول على الإصدار المحمول من البرنامج من الرابط التالي

من هنـــــــــــــــــــــا (http://www.4shared.com/file/Uo8OwwPG/Adobe_Flash_8_Portable.htm)



ملفات الإمتداد .fla و ملفات .swf

عندما نقول ملف ذو الإمتداد (.fla) فإننا نقصد ملف فلاشي نستطيع فتحه بواسطة برنامج adob flash و هو ملف المصدر المفتوح ، تماما كما نقول بالنسبة لمفات ذات الإمتداد ( .psd ) فهي الملفات المصدر لنقوم بتحرير التصاميم ، الأمر مشابه نوعا ما مع هذه الملفات . لنحصل في النهاية على ملف (.swf) و الذي بإمكاننا إدراجه داخل صفحات الويب ، لعرض العمل بالشكل النهائي


الإنطلاقة في العمـــــل

نفتح الآن برنامجنا ،بالنسبة لي استعمل النسخة 8 ، و نتجه إلى :
رمز Code:
file-->new-->flash document
http://www6.0zz0.com/2014/04/25/22/320006512.png

http://www6.0zz0.com/2014/04/25/22/494397116.png

تفتح معنا واجهة interface البرنامج ، و نلاحظ بأسفل الواجهة interface ، الإعدادات الإفتراضية لمساحة العمل

http://www6.0zz0.com/2014/04/25/22/732884324.png

نجد المقاسات الإفتراضية على الشكل التالي 550 إلى 400 بكسل
و عرض 12 صورة بالثانية

في درس مفصلنا هذا نقوم بتغيير الإعدادات إلى 300 إلى 350 بكسل و عرض 30 صورة بالثانية

http://www6.0zz0.com/2014/04/25/22/302869656.png



إدراج الصور بالبرنامج

يجب أولا تحضير صورة سهم صغيرة و صورة كخلفية للعبة ، بالإمكان عمل تصميم خاص ، او استعمال الصور المرفقة
و نقوم بإدراجها داخل البرنامج ، و لعمل ذلك نتجه إلى
رمز Code:
file-->Import-->Import to library
http://www6.0zz0.com/2014/04/25/22/348440058.png

بعدها نقوم بتحديد مكان الصور، و فتحها ، لتظهر لنا بيمين واجهة interface البرنامج

http://www6.0zz0.com/2014/04/25/22/775218765.png

لمن لم تظهر معه الصورة بواجهة interface البرنامج من قائمة البرنامج يختار



رمز Code:
windows-->library
http://www6.0zz0.com/2014/04/25/22/333991561.png

نقوم الآن بضبط إعدادات الصورة و ذلك بالضغط الزر الأيمن على الصورة ، و اختيار properities
http://www6.0zz0.com/2014/04/25/22/174564327.png

اما الخيار compression ، نحوله إلى lossless (png/gif)

http://www6.0zz0.com/2014/04/25/22/714797297.png

نقوم بنفس الأمر بالنسبة للصورة ، السهم ، و الخلفية

إلى الآن لم نقم بالإنتهاء من إعدادات الصور ، نقوم بسحب الصورة إلى مساحة العمل

ثم نذهب إلى القائمة نختار

رمز PHP:

<code style="white-space:nowrap"> <code> modify-->convert to symbol F8
</code> </code>

http://www6.0zz0.com/2014/04/25/23/319276540.png

نفس الشيء نقوم بالنسبة للصورة الثانية ، و نلاحظ التغييرات
http://www6.0zz0.com/2014/04/25/23/188027416.png

الآن و بعد الإنتهاء من مرحلة إعداد الصور ، نقوم بإعداد بيئة العمل ، لذلك أول شيء نقوم بإضافة
layer جديد

http://www6.0zz0.com/2014/04/25/23/704065738.png

نقوم بتسمية اللاير background فقط للترتيب

http://www6.0zz0.com/2014/04/25/23/246184127.png


ثم نقوم بسحب الخلفية داخل الليل الجديد ، بعدها نقوم بوضع قفل للخلفية ، تجنبا لأي تعديل غير مقصود عليها
http://www6.0zz0.com/2014/04/25/23/453094054.png

ثم نقوم بإنشاء layer جديد ، كما السابق ، ونقوم بتسميتها fleche او اي اسم تختارونه

و نقوم بعد ذلك بسحب صورة السهم ، لكن هذه المرة لا نقوم بإدخالها داخل مساحة العمل إنما تكون خارج حدود المساحة

http://www6.0zz0.com/2014/04/25/23/520149638.png






إلى الآن نكون قد انتهينا من الدرس مفصل الأول ، أتمنى أني وفقت بفضل من العلي القدير
و ما كان من توفيق فهو من فضله علي ، و ما كان من خطأ فهو من نفسي ،
و أسأل الله التوفيق و السداد للجميع

بالمرفقات أيضا الملف المفتوح لدرس مفصل اليوم مع صورة الخلفية ، و صورة السهم إضافة إلى النتيجة النهائية للعبة ، و التي هي نقطة نهاية الدورة


اختكم في الله صفاء الروح

sfa22http://www.dzbatna.com/images/mail.giflive.fr














ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)


الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif تطبيق الدرس الأول.zip (http://www.traidnt.net/vb/attachments/569815d1303774818-تطبيق-الدرس-الأول.zip) (114.5 كيلوبايت, عدد مرات المشاهدة 69 مرة)

http://www.traidnt.net/vb/images/attach/zip.gif اللعبة.zip (http://www.traidnt.net/vb/attachments/569816d1303774857-اللعبة.zip) (100.8 كيلوبايت, عدد مرات المشاهدة 189 مرة)


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