الموضوع متوسط المستوى .
ممكن تطبيق هذا الموضوع على أي لغة وباستخدام أي مكتبة متى ما فهمت الفكرة .
التطبيق النهائي لهذا الدرس سيكون باستخدام OpenGL و لغة السي .
طبعا أنا توني عرفت فائدتها ... :) فأجبتني الفكرة .. وجيت طاير على الكيبورد .. وقعدت اكتب .
Tile:
هذه أحد مفاهيم الالعاب الثنائية .
سأعتمد في تقديمي لهذا الموضوع على عدة مصادر من أهمها :
opengl :
http://www.gamedev.net/reference/articles/article1256.asp
directx:
http://www.gamedev.net/reference/articles/article1134.asp
تستطيع أن تطبق Tile باستخدام أي مكتبة وبأي لغة .
نحن سنطبق هذا الدرس باستخدام OpenGL .
انظر لهذه الصورة :
لو تلاحظ :
هي عبارة عن مربعات صغيرة "مكسوة" بصورة .
ومستخدمة بكثرة في الالعاب الثنائية .
----
كيف يمكن تصميم هذا Tile الذي نتكلم عنه ..
إنه مجرد صور موضوعة في أماكن محددة,
لكن تم تطوير عدة طرق لتسهيل تصميم هذا Tile .
طبعا حسب متطلبات اللعبة .
في الغالب ستعتمد الطريقة التي سنتكلم عنها في هذا الموضوع :
لنفرض عندك صورة شبيه بالتالي
لنتفق على أعطائها الرقم صفر ( 0) .
اذا اذا قلنا يا لغةالبرمجة .. ارسمي الصورة 0 فانها سترسم الصورة البنية .
اما الصورة الخضراء .. فسنعطيه الرقم (1) اذا .. اذا استدعينا الصورة رقم واحد فان البرنامج سيرسم الصورة الخضراء ,
اذا انظر لهذه الخريطة الرقمية
int Arry[150] = { 0 , 0 , 0 , 0 , 0 , 0 , 0 ,0 ,0 ,0 ,
1 , 1 , 1 , 1 , 1 , 1 , 1 ,1 ,1 ,1,
0 , 0 , 0 , 0 , 0 , 0 , 0 ,0 ,0 ,0 ,
1 , 1 , 1 , 1 , 1 , 1 , 1 ,1 ,1 ,1,
0 , 0 , 0 , 0 , 0 , 0 , 0 ,0 ,0 ,0 ,
1 , 1 , 1 , 1 , 1 , 1 , 1 ,1 ,1 ,1,
0 , 0 , 0 , 0 , 0 , 0 , 0 ,0 ,0 ,0 ,
1 , 1 , 1 , 1 , 1 , 1 , 1 ,1 ,1 ,1,
0 , 0 , 0 , 0 , 0 , 0 , 0 ,0 ,0 ,0 ,
1 , 1 , 1 , 1 , 1 , 1 , 1 ,1 ,1 ,1,
0 , 0 , 0 , 0 , 0 , 0 , 0 ,0 ,0 ,0 ,
1 , 1 , 1 , 1 , 1 , 1 , 1 ,1 ,1 ,1,
0 , 0 , 0 , 0 , 0 , 0 , 0 ,0 ,0 ,0 ,
1 , 1 , 1 , 1 , 1 , 1 , 1 ,1 ,1 ,1,
0 , 0 , 0 , 0 , 0 , 0 , 0 ,0 ,0 ,0 };
اذا طلبنا من البرنامج رسم محتوى المصفوفة ..(وسنعرف كيف )
فإنه سيرسم الصورة البنية اذا واجه الرقم صفر ..
وسيرسم الصورة الخضراء اذا واجه الرقم واحد ,
النتيجة
هنا تبدأ الاثارة .
إذا أردنا أن نصمم مراحل ألعابنا .. ما علينا من الكود .
فقط نضع مصفوفة .. من الارقام .. ونغير في الارقام وينتج الشكل .
تطبيق رقم 1 :
سيعتمد هذا التطبيق على OpenGL . ولكن سأتكلم بشكل عام ..
حتى يمكن التطبيق على Win API – Directx – و أي مكتبة أو أي لغة .
اولا .. قم بعمل دالة تقوم بتحميل الصورة الاولى .
LoadImage( string image_name );
واذا كنت تعمل على opengl او directx فلابد من عمل الاكساء وتطبيقه على شكل رباعي
CreateTexture(int ID); CreateRectangle(long width , long height );
الان نبدأ بالتطبيق :
int Arry[10] = { 0 , 0 , 1 , 1 , 0 , 1 , 0 ,0 ,1 ,1 };
unsigned int ID_0 , ID_1 ; // متغيران يمثلان الصورتين
مصفوفة ..
ثم
for ( long i=1; i<=10; i++)
{
if(Arry==0)
{
glBindTexture(GL_TEXTURE_2D, ID_0);//الصورة الاولى
}
if(Arry==1)
{
glBindTexture(GL_TEXTURE_2D, ID_1);//الصورة الثانية
}
glPushMatrix();
glLoadIdentity();
glTranslatef( i*40 ,40,0);
DrawRectangle( 30,30);
glPopMatrix();
}اذا قمنا في البداية بعمل الدوال اللازمة اللازمة لتحميل الصورة وتطبيق الاكساء على الاشكال .
ثم أنشأنا متغيرين .
ID_0 يمثل الصورة الاولى
ID_1 يمثل الصورة الثانية
ثم أنشأنا المصفوفة ..
ثم
for ( long i=1; i<=10; i++)
{
if(Arry==0)
{
glBindTexture(GL_TEXTURE_2D, ID_0);//الصورة الاولى
}
if(Arry==1)
{
glBindTexture(GL_TEXTURE_2D, ID_1);//الصورة الثانية
}نمر على عناصر المصفوفة ..
نختبر قيمة كل عنصر .
اذا كانت قيمة العنصر صفر ... فحمل الصورة الاولى .
اذا كانت قيمة العنصر واحد حمل الصورة الثانية .
وهكذا مع جميع العناصر العشرة .
ثم رسمنا الصور ..
glPushMatrix(); glLoadIdentity(); glTranslatef( i*40 ,40,0); DrawRectangle( 30,30); glPopMatrix();
---------------------------
المثال في المرفقات .
المرفق الاول opengl+glut
المرفق الثاني opengl+ windows
طبعا نفس المثال .
يتبع ..... + نريد الاضافة لمن لديه معلومات .
