منتديات أحلى استايل
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


منتدى عام وتقنى ودعم
 
دخولدخول  التسجيلالتسجيل  الرئيسيةالرئيسية  
 

 الدرس الاول في برنامج xan

اذهب الى الأسفل 
4 مشترك
كاتب الموضوعرسالة
مشهور بدون جمهور
Member
Member
مشهور بدون جمهور


سجل فى : 27/09/2007

المساهمات : 872
التقييم : 0
ذكر

الدرس الاول في برنامج xan Empty
مُساهمةموضوع: الدرس الاول في برنامج xan   الدرس الاول في برنامج xan I_icon_minitimeالإثنين 16 مارس 2009, 5:36 pm


الدرس الأول



أهلا
بكم في الدرس الأول من سلسلة دروس تعلم ال Xna , هذه السلسلة من الدروس
تستهدف الأشخاص الذين لم يسبق لهم اي معرفة في ال Xna, و يرغبون بالحصول
على نتائج بأسرع وقت ممكن.
ال Xna هي "بيئة" برمجية , تم إصدارها في
ديسمبر 2006 بواسطة مايكروسوفت , هذه التقنية مبنية "حول" على ال DirectX
, بحيث تسهل برمجة الألعاب بعدة طرق.

المتطلبات البرمجية (مجانيه) :
البرمجيات الازمة لكي تبدأ كتابة كود ال Xna هي مجانية تماما , و بإمكانك تنزيلها:
LEFT TO RIGHT
• Microsoft XNA Game Studio 2.0, the programming environment (free) (Link)
• Microsoft Visual Studio C# Express (free) (Link). XNA Game Studio 2.0 will also work with the full version of Visual Studio 2005
.
تأكد من إختيارك لنسخة ال C# المعلمة بالأخضر.

إبدأ مشروع Xna جديد:
بإستخدام هذه البرمجيات التي قمت بتنزيلها , تستطيع أن تبدأ بكتابة برامجك في ال Xna ,
تستطيع بدء ال Xna Game Studio 2.0 , الموجوده في قائمة إبدأ , وبعدها إختر قائمة ملف => و اختر مشروع جديد (New Project) .
إذا
كنت تملك نسخه كاملة الفيجوال ستديو , بإمكانك فتح مشروع بالطريقه العاديه
و إختيار Xna Game Studio 2.0 من قائمة المشاريع على اليسار. نحتاج نوع
مشروع Windows Game (2.0) .
نشر اللعبة إلى ال Xbox360 سوف يتم مناقشته
فيما بعد. الآن أكتب اسم اللعبة في خانة إسم المشروع انا اخترت
“XNAtutorial” بعد ذلك إضغط موافق OK !
هكذا تم إنشاء مشروع Xna . في
متصفح المشروع "Solution Explorer" على يمين الشاشة تستطيع ان ترى أن
المشروع يحتوي على ملفين للكود و هما “Game1.CS” و “Program.CS” تستطيع
مشاهدة ما يحتويانه من كود عن طريق الضغط على بالزر الأيمن للماوس و
إختيار “View Code” . عندما تريد ان تشغل المشروع سوف يبدأ البرنامج
التنفيذ من ملف ال “Program.CS” , في الدالة "Function" الرئيسية “Main” .
ببساطة هذه الدالة تقوم بإستدعاء الكود الموجود في ملف ال “Game1.CS” .
بكل الأحوال لا يلزمنا تغيير اي شيئ في ملف ال “Program.CS” .

تركيبة البرنامج :
افتح
ملف ال “Game1.CS” . ستجد انه يحتوي على العديد من الملاحظات “Comments”
باللون اأخضر , (بإمكانك حذفها), بإمكاننا الآن إستكشاف تركيبة برنامج
لعبة ال Xna .

  • الدالة المشيدة "Constructor Function" المسماه
    “Game1()” و التي يتم إستدعائها عند بدء التشغيل. بشكل عام تستعمل هذه
    الدالة لتحميل بعض المتغيرات الازمة بواسطة إطار عمل ال Xna .
  • الدالة
    الإستهلالية “Initialize()” و التي يتم إستدعائها ايضا عند بدء تشغيل
    اللعبة. هذه هي الدالة التي تلزم لنضع فيها الكود الخاص بالتجهيز للعبة
    "Initialization" .
  • الدالة “LoadContent()” , و التي تستخدم
    لإستيراد الموارد الازمه للعبة (مثل الصور و العناصر و الأصوات) إضافة إلى
    البيانات المتعلقة ببطاقة الرسوميات .
  • الدالة “UnLoadContent” هي المكان المناسب لإلغاء تحميل كل ما ذكر سابقا (إن لزم).
  • الدالة
    “Update()” هي الدالة التي يتم إستدعائها في كل إطار من إطارات سير اللعبة
    “Frame” و التي تساوي بالضبط 60 مره. في هذه الدالة سوف نضع الكود الخاص
    بنا اللازم لتحديث محتوى اللعبة أثناء تشغيلها, على سبيل المثال الكود
    الذي يقرأ من لوحة المفاتيح, و الكود الذي يقوم بتحديث العناصر الهندسية
    في المشهد.
  • الدالة “Draw()” و التي يتم إستدعائها كلما سمح
    الكمبيوتر (أو بشكل أخص بطاقة الرسوميات) . حيث يتم في هذه الدالة وضع
    الكود الازم لعملية رسم محتويات المشهد على الشاشة بشكل فعلي.

كما
ترى فإنه لايلزمنا كود من أجل فتح شاشة معينة (مثل ال DirectX) , حيث سوف
تتم هذه الخطوة بشكل تلقائي. عندما تقوم بتشغيل البرنامج من خلال الضغط
على “F5” , سوف ترى شاشة زرقاء جميلة و جاهزه الدرس الاول في برنامج xan Regular_smile.
دعنا
الآن ننتقل لمناقشة جهاز الرسوميات “Graphics Device” . بشكل ملخص , جهاز
الرسوميات هو رابط مباشر إلى بطاقة الرسوميات او ال “Graphical Adapter”.
حيث يمثل ال “Graphics Device” كائن "Object" يمنحك وصول مباشر إلى قطع من
ال “Hardware” داخل جهازك. نستطيع تعريف المتغير بسهولة في الكود كمتغير
من نوع "GraphicsDevice" , و لأننا سوف نستخدم هذا المتغير بشكل كبير سوف
نقوم بعمل إختصار لهذا المتغير. اولا و نقوم بتعريف هذا المتغير, من خلال
إضافة السطر التالي في بدية الصنف "Class" بالضبط فوق الدالة “Game1()” :
كود
GraphicsDevice device;

بشكل واضح نحتاج لملئ هذا المتغير, و ذلك من خلال وضع السطر التالي في الدالة “LoadContent” :
كود
device = graphics.GraphicsDevice;

بعد
ذلك نحتاج إلى تحديد أشياء إضافية متعلقة بالشاشة , مثل حجم الشاشة و
عنوانها, طبعا ذلك يتم بوضع الكود التالي في الدالة “Initialize” :

كود
graphics.PreferredBackBufferWidth = 500;
graphics.PreferredBackBufferHeight = 500;
graphics.IsFullScreen = false;
graphics.ApplyChanges();
Window.Title = "Riemer's 2D XNA Tutorial";

في
السطر الأول و الثاني يتم تحديد حجم الذاكرة الخلفية “BackBuffer” , التي
تحتوي على ما سوف يتم رسمه على الشاشة. في السطر الثالث نقوم بتحديد فيما
إذا كنا نريد تشغيل اللعبه في وضع ملئ الشاشة ام لا, بعد ذلك نقوم بتطبيق
التغيرات. في السطر الأخير يتم تحديد عنوان الشاشة.
الآن قم بتشغيل البرنامج "F5" يجب ان يظهر لك شاشة بحجم 500 * 500 بكسل , مع العنوان الذي قمت بوضعه:

الدرس الاول في برنامج xan Post-133895-1235663346

بعد
كل درس سوف احاول ان اقترح بعض المسائل, لمساعدتك على ممارسة ما قمت
بتعلمه في هذا الدرس. بعد المسائل سوف اقوم بوضع كامل الكود للمشروع مع
التغيرات التي قمنا بها في الدرس. سوف اقوم بحذف الملاحظات "Comments"
لذلك سوف يبدو الكود مضغوط قليلا.
ملاحظة هامة:
إذا قمت بعمل نسخ و
لصق للكود في ملف ال "Game.CS" الخاص بك, تأكد من قيامك بتغيير اسم ال
“Namespace” في ملف ال “Program.CS” الخاص بك إلى “XNAtutorial” (إذا لم
يكن كذلك اصلا). ال “Namespace” هو نفس الأسم الذي قمت بتحديده عند قيامك
بإنشاء مشروع جديد.

• بإمكانك تجربة حل المسائل التاليه , بناء على ما تعلمته من الدرس:
• غير حجم الشاشة إلي 800 * 600.
• إجعل اللعبة تعمل في وضع ملئ الشاشة بدلا من وضع الشاشة العادية (إستخدم Alt + F4 لإيقاف البرنامج).
كود المشروع حتى الآن :



  1. using System;
  2. using System.Collections.Generic;
  3. using Microsoft.Xna.Framework;
  4. using Microsoft.Xna.Framework.Audio;
  5. using Microsoft.Xna.Framework.Content;
  6. using Microsoft.Xna.Framework.GamerServices;
  7. using Microsoft.Xna.Framework.Graphics;
  8. using Microsoft.Xna.Framework.Input;
  9. using Microsoft.Xna.Framework.Net;
  10. using Microsoft.Xna.Framework.Storage;

  11. namespace XNAtutorial
  12. {
  13. public class Game1 : Microsoft.Xna.Framework.Game
  14. {
  15. GraphicsDeviceManager graphics;
  16. SpriteBatch spriteBatch;
  17. GraphicsDevice device;

  18. public Game1()
  19. {
  20. graphics = new GraphicsDeviceManager(this);
  21. Content.RootDirectory = "Content";
  22. }

  23. protected override void Initialize()
  24. {
  25. graphics.PreferredBackBufferWidth = 500;
  26. graphics.PreferredBackBufferHeight = 500;
  27. graphics.IsFullScreen = false;
  28. graphics.ApplyChanges();
  29. Window.Title = "Riemer's 2D XNA Tutorial";

  30. base.Initialize();
  31. }

  32. protected override void LoadContent()
  33. {
  34. device = graphics.GraphicsDevice;
  35. spriteBatch = new SpriteBatch(device);
  36. }

  37. protected override void UnloadContent()
  38. {
  39. }

  40. protected override void Update(GameTime gameTime)
  41. {
  42. if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed)
  43. this.Exit();

  44. base.Update(gameTime);
  45. }

  46. protected override void Draw(GameTime gameTime)
  47. {
  48. graphics.GraphicsDevice.Clear(Color.CornflowerBlue);

  49. base.Draw(gameTime);
  50. }
  51. }
  52. }






تحياتي لكم منقول
الرجوع الى أعلى الصفحة اذهب الى الأسفل
OmAr71
Member
Member
OmAr71


سجل فى : 01/12/2008

المساهمات : 8261
التقييم : 21
من ..
ذكر
اعمل ..
احب ..

الدرس الاول في برنامج xan Empty
مُساهمةموضوع: رد: الدرس الاول في برنامج xan   الدرس الاول في برنامج xan I_icon_minitimeالخميس 09 أبريل 2009, 5:40 pm

يسلمو و منتظرين المزيد
الرجوع الى أعلى الصفحة اذهب الى الأسفل
P R ! N C 3
Member
Member
P R ! N C 3


سجل فى : 14/10/2008

المساهمات : 13402
العمر : 33
التقييم : 22
من ..
ذكر
اعمل ..
احب ..

الدرس الاول في برنامج xan Empty
مُساهمةموضوع: رد: الدرس الاول في برنامج xan   الدرس الاول في برنامج xan I_icon_minitimeالجمعة 22 مايو 2009, 9:02 pm

شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mr-MiDo
Member
Member
Mr-MiDo


سجل فى : 25/10/2007

المساهمات : 3514
العمر : 30
التقييم : 7
من ..
ذكر
اعمل ..
احب ..

الدرس الاول في برنامج xan Empty
مُساهمةموضوع: رد: الدرس الاول في برنامج xan   الدرس الاول في برنامج xan I_icon_minitimeالأحد 19 يوليو 2009, 8:06 pm

شكرا لك

Smile
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
الدرس الاول في برنامج xan
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» الدرس الاول لللغه الصنيه ..
» الدرس الاول في الجيم ميكر لصناعة الالعاب
» [للمبتدئين]الدرس الاول "طرق تفعيل css في صفهة html"
» برنامج المطورين والمبرمجين الاول للتعامل مع لغة التصميم والبرمجة بى اتش بى
» الدرس الاول من سلسلة دروس الجليتر " تركيب الجليتر في الفوتوشوب"

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات أحلى استايل :: ادوات المصمم وملحقات التصميم :: دروس وشروحات برنامج الفوتوشوب | Photoshop Learn Lessons-
انتقل الى:  
جميع الحقوق محفوظه لاكاديميه  احلى ستايل©ahlastylDigit@lالاعلى |الرئيسيه |قوانين المنتدى | احصائيات | احلى منتدى