الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

معا خطوة بخطوة لتطبيق شاشة ميتال جير

مغلق
بدأه High volt في 4 يونيو 2007 · 12 رد · 2,743 مشاهدة · في قسم برمجة الألعاب و الرسوميات العام
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

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

اليوم, سنحاول تطبيق مثال بسيط عبر شرح متواضع, لن أتطرق إلى الأكواد نظرا لنوع اللغة التي استخدمها (visual basic6 beside DirectX8), حيث أن الأغلبية في المنتدى من مستخدمي OpenGL, وحتى مستخدمي DX منهم لا يستخدمون Visual basic (شخصيا لا أحبذ استخدام هذه اللغة).

التطبيق هو شاشة البداية لميتال جير سوليد.

لتحميل التطبيق

إضغط هنا

المتطلبات :

* برنامج تسجيل (للصوت الصادر من الجهاز, وليس من Microphone).

* برنامج التصميم الشهير Photoshop.

* معرفه بسيطة بالبحث في محركات البحث.

* برنامج مشاركه P2P (Ares or Kaza) كمصدر إضافي للحصول على ما يلزم.(يمكن الاستغناء عنه).

برنامج محاكاة للـ Playstation1.

ملاحظه (النقاط الثلاثه الأخيره يمكن استخدام احدها, ولكني وضعتها للفائدة في التطبيقات الأخرى).

حسنا, اخترت واجهه ميتال جير 1 (هذه اللعبة وهذا الجزء بالذات لان معظم المهتمين ببرمجة الألعاب قد شاهدوا هذا الجزء), وهذه صوره للتطبيق الأصلي:

875182InterFace.JPG

قبل البدء, سأقوم بشرح خطة العمل:

الآن, باستخدام محرك البحث أو برنامج المشاركة, سنبحث عن موسيقى تمثل البداية وسنبحث أيضا عن الخلفية, عموما وتوفيرا للوقت, لن تجد صورة الخلفية بدون رسمه Snake وبدون كتابة Metal gear solid, لهذا سنكتفي بصورة ثابتة للواجهة ونقوم بتعديلها بواسطة الفوتوشوب, وتحديدا بواسطة الممحاة + النسخ واللصق, والمحو الخفيف لتغطية الفراغات المحدثة بسبب القص. وبالأسفل أرجو أن توضح الصور ما ارمي إليه:

هنا, قمنا بمسح الصور الثابتة :

353935Step%201.jpg

وهنا قمنا بالبدء في محاولة تغطية ما تم مسحه:

345334Step%202.jpg

وبعد تطبيق الخطوة السابقة عدة مرات, + استخدام الممحاة (بتقليل تأثيرها), ستكون المحصلة هي:

528790Conclusion.jpg

الآن تلزمنا صورة "سنيك", والتي كانت في الوسط, لكن ستكون في ملف منفصل طبعا (أنصح وبشده, رؤية المثال لمن لم يره في المرفق).

بعد أن نقوم بقص صورته كما في الأسفل :

179488Snake.jpg

وهذه الصورة بعد تعديلها بالممحاة :

655829Snake2.jpg

أخيرا بالنسبة للجزء الخاص بالصور, يلزمنا كتابه عربيه (Logo) بدل كلمة Metal Gear Solid, وليكن مثلا كالتالي:

717061MGS%20Logo.JPG

الآن, وقد انتهينا من الصور فقد أنهينا تقريبا 90% من التطبيق.

حسنا, بالنسبة للكود, فستحتاج إلى ما يلي(أرجو التركيز):

أربعة أسطح Surface لمستخدمي DX7 وSprites لمستخدمي DX8 & 9 وعلى ما أظن مستخدمي OpenGL, ولمن يستخدم خلاف ما ذكر, فستحتاج إلى كائن ثنائي البعدين لتحمل عليه الصور+ كائن لتحميل موسيقى الشاشة (buffer or Secondary buffer or segment<<<etc).

السطح الأول / وهو للخلفية المتحركة من اليمين إلى اليسار, سنطبق عليه كود لتغيير الألوان بشكل عشوائي + كود للتلاعب بتأثير Alpha (الشفافية). وأخيرا, كود لتحريك الصورة من اليمين إلى اليسار وإعادة الصورة إلى بداية الشاشة (Scrolling).

السطح الثاني / سنحمل عليه نفس الصورة في السطح الأول, و وسنطبق عليه نفس التأثيرات, أما بالنسبة للحركة, فاجعل الصورة تبدو كأنها آتيه من الخلف إلى الأمام.

السطح الثالث / سيكون لصورة "سنيك", وبالطبع في المنتصف تقريبا.

وأما السطح الرابع, فسيكون للـ Logo وهو في مثالنا "ميتال جير سوليد.

وللموسيقى, كائن الصوت,الذي سنحمل عليه موسيقى الشاشة.

وأخيرا وليس آخرا,أتمنى أن يحوز الموضوع على رضاكم, على أمل اللقاء في مواضيع أخرى إن شاء الله.

تحياتي/ هاي فولت.السلام عليكم ورحمة الله وبركاته, وبعد,,,

تم تعديل هذه المشاركة بواسطة High volt في 4 يونيو 2007 في 14:59

#2

رائع ، نرجوا المزيد ، انا من هواة تمصميم القوائم للالعاب ، احوال بعمل فيديو سطحي خلفي و الكتابة عليه :) نرجوا المحاوله من الاعضاء ...

BEng , Electronics and communications.

Embedded systems engineer.

Graphics Programmer

عالم الكومبيوتر هو من لديه المعرفة في علوم الكومبيوتر ، الرياضيات ، هندسة الالكترونيات -احمد صالح

#3
اقتباس
رائع ، نرجوا المزيد ، انا من هواة تمصميم القوائم للالعاب ، احوال بعمل فيديو سطحي خلفي و الكتابة عليه نرجوا المحاوله من الاعضاء ...

بإذن الله, أشكرك على مرورك الكريم.

اقتباس
ممكن السورس كود بتاع الفيجوال بيسك عشان نتعرف على برمجة الالعاب اكتر

أخي, كان بامكاني منذ البدايه وضع السورس, وأريحكم واريح نفسي. على العموم أخبرني عن النقطه التي تراها صعبه, وساخبرك بكيفية تطبيقها.

#4

انت ضربت في الوتر الحساس .. ميتل جير ..

سأقدم التطبيق خلال اسبوعين ( اعذرني .. عندي اختبار الخميس القادم وهو اخر اختباراتي) .

معلومة :

القوائم المستخدمة في ميتل قير هي عبارة عن صور .. ( وليس نص)

يوجد ديمو للعبة ( ستجده على ما اظن في موقع اقلاع سوفت ) .. وستجد في المجلدات.. صور للقائمة .. ( أقصد

الكلام new .. option >> هذه كلها عبارة عن صور .. سأرفع هذه الصور ان شاء الله .. لو تعاجزت ان اصممها بالفوتوشوب .

logo1.png تطبيق طمأنينة ، نسخة بيتا على أندرويد

عبدالله الشمّري - Al-Shammari

CodingAlone.com

twitter @abshammeri

abshammeri AT gmail.com

github : abshammeri

#5

بحثت في موقع إقلاع سوفت, ولم أجد, لذا ساصممها في اقرب فرصه. على العموم شد حيلك اخوي في اختباراتك والله يوفقك.

#6

هنا اللعبة

http://soft.vip600.com/modules.php?name=Do...arch&query=

logo1.png تطبيق طمأنينة ، نسخة بيتا على أندرويد

عبدالله الشمّري - Al-Shammari

CodingAlone.com

twitter @abshammeri

abshammeri AT gmail.com

github : abshammeri

#7

وجدتها وحملتها, فعلا هي صور عاديه وحتى لا تحتاج إلى فوتوشوب, برنامج الرسام كفيل بها, كلها خلفيه سوداء وكتابه بيضاء فقط لا غير كغيرها من الصور. لكن لدي سؤال:

في الشاشه التي تحمل شعار كونامي, لماذا قام العبقري هايدوكوجيما بجعلها جزئين من الابعاد 256 بدلا من ان يجعلها صوره واحده 512 مع انها تستهلك نفس المساحه في الذاكره؟ هل لأجل سرعة التحميل(لا اظن) أم ماذا؟

تم تعديل هذه المشاركة بواسطة High volt في 11 يونيو 2007 في 17:00

#8
اقتباس
الشاشه التي تحمل شعار كونامي, لماذا قام العبقري هايدوكوجيما بجعلها جزئين من الابعاد 256 بدلا من ان يجعلها صوره واحده 512 مع انها تستهلك نفس المساحه في الذاكره؟ هل لأجل سرعة التحميل(لا اظن) أم ماذا؟

لاترفعوا كثير من مكانة كوجيما :) ..

اغلب الالعاب تعتمد على فريق .. فال GUI على بساطته .. يطوره اكثر من اربعة مبرمجين .. وليس كل شيء يقوم به كوجيما . وهذا رأيته في بعض الالعاب ( عند ظهور قائمة الاسماء ) ,

نرجع لموضوعنا .. قمت بتطوير المثال .. لكن عند مقارنته مع اللعبة .. واضح أنه تقليد :) .. لم يرتقي لمستوى المحاكاة الواقعية ...

سأضيف المثال خلال الساعات القادمة ان شاء الله .. فقط كنت اريد اعمل up للموضوع .

logo1.png تطبيق طمأنينة ، نسخة بيتا على أندرويد

عبدالله الشمّري - Al-Shammari

CodingAlone.com

twitter @abshammeri

abshammeri AT gmail.com

github : abshammeri

#9

السلام عليكم ,

وهذا المثال جاهز ... ما بقى الا نتقدم بطلب وظيفة لكونامي ونرفق ال CV .

post-42837-1182076089_thumb.jpg

المثال جربته في احد المقاهي ( مقهى انترنت ) ,, ولكن للاسف ؟؟

أحد الاجهزة صار فيه error وهنّق الجهاز .

والجهاز الثاني فتح اللعبة لكن لم يعرض القائمة بشكل سليم ..

فيا ليت اللي يجرب المثال .. يخبرني بالنتيجة ,, هل ظهرت بشكل سليم او لا ,

المثال :

SnakeSim.zip

اعتذر لكبر الحجم .. ولكن السبب ملفات الDLLs وهي ضرورية .

السورس كود بفلوس .. أحد يدفع .. B)

logo1.png تطبيق طمأنينة ، نسخة بيتا على أندرويد

عبدالله الشمّري - Al-Shammari

CodingAlone.com

twitter @abshammeri

abshammeri AT gmail.com

github : abshammeri

#10
اقتباس
وهذا المثال جاهز ... ما بقى الا نتقدم بطلب وظيفة لكونامي ونرفق ال CV .

:lol: ,تستاهل.

التطبيق ممتاز وأشكرك على اهتمامك بالموضوع, بالنسبة للقائمة فللأسف لم تظهر عندي بالشكل السليم, من الممكن العيب من عندي.

تحياتي/ هاي فولت

#11

فعلا اخى الشمرى تقليد ممتاز مع انى لم ارى الاصل

بالنسبة لاللعبة اشتغلت عندى لكن لا اعرف اى قائمة تتحدوثون عنها

شكرا

موقع البرنامج

مبارك لشعب تونس photo-thumb-42837.png

#12

انا جربتها في جهازي لكن القائمة لم تظهر بشكل سليم بل ظهرت فقط 3 مستطيلات واحد احمر و اثنين اخضرين :)

#13

همم .. فعلا مشكلة غريبة .. هكذا تماما تظهر لي القائمة عندما شغلت اللعبة في جهاز اخر

اقتباس
انا جربتها في جهازي لكن القائمة لم تظهر بشكل سليم بل ظهرت فقط 3 مستطيلات واحد احمر و اثنين اخضرين

سأبحث في الامر ,,, . .

logo1.png تطبيق طمأنينة ، نسخة بيتا على أندرويد

عبدالله الشمّري - Al-Shammari

CodingAlone.com

twitter @abshammeri

abshammeri AT gmail.com

github : abshammeri

هذا الموضوع مغلق.

مواضيع مشابهة