شارك معنا في صنع لعبة عن طريق جافا سكريب

جميل جدا .. :) .. وشكرا محمد على هذه البادرة (f) ..

اخترنا اللعبة XO أو tictac لأنه بشكل عام سهل جدا برمجتها في ال HTML وتضمين الجافا سكربت بها ..

بشكل عام من أجل بناء لعبة أو عندما نفكر ببناء أي مشروع يعتمد على جافا سكريبت فالأفضل رؤية المشروع كصفحة ساكنة وجمع العناصر التي نحتاجها وبناء الصفحة ك HTML ومن ثم نقوم بتضمين كود الجافا سكربت بها من أجل برمجة الأحداث الناتجة عن الفأرة أو معالجة المدخلات من المستخدم ..

ببساطة هنا بما أنا لعبة ال XO تلعب على شبكة .. فبالامكان تمثيل الشبكة كجدول في ال HTML ..

ونريد أيضا صورة gif لل X وصورة gif لل O .. يفضل ال gif لأنها تملك خلفية شفافة ..

نريد أيضا textbox واحد من أجل تحديد عدد خانات الشبكة فقد تكون 3 أو 4 أو 5 أو ... ونحتاج إلى زر من أجل بدء اللعبة .. :)

أما عن الخوارزمية التي سوف نحدد عن طريقها أي من اللاعبين هما الرابح فهي موجودة في هذا الموقع (يعني منتدياتنا) في محل ما ونرجو منكم البحث عنها أو ابتكارها حتى نكمل المشوار ;)

السلام عليكم

فكرة ممتعةو انا فكرت اعملها من قبل و لكن اعتقد ان الخوارزمية سوف تكون معقدة الي حد ما

بالعكس الخوارزمية جدا جدا سهلة وهي موجودة معنا في أحد المنتديات ... ;) ...

بس شغل مخك شوي ;) ...

هنشوف :P

ياريت نجرب الاول و بعدبن نعرف مكان الخوارزمية

يا ريت نعرف خطة اللعب لانها علي ما اعتقد اهم شيء

و انا عملتها زمان كفكرة بدائية .. سهلة و خلوة و انا معاكم فيها .. ;)

و الله يا هاني جت من بختك .. ما بتفرق عن ال C++ :D

يسعدنى المشاركة فمجال الألعاب يهوينى وكنت قد كتبت مقال عن التحليل الرياضى للعبة XO من فترة سأبحث لكم عنه و أعيد نشره خلال هذا الموضوع.

لو قبلتم مشاركتى هشارك فى التحليل الرياضى الخاص بخوارزمية لعب الكمبيوتر..... موافقين

خالد المصرى

جميل جدا كثر عدد المشتركين في هذه اللعبة ..

كتقسيم لأداء الأعمال فاللعبة مقسمة إلى قسمين ..

الأول بناء الواجهة مع تضمين كود الجافا سكريبت الذي يعالج الأحداث

الثانية وهي تأتي كآخر خطوة ... وهو تضمين كود معرفة الرابح (هل هو X أم O ) ..

طبعا يستطيع أي من الأخوة الآن تصميم صفحة HTML بسيطة تحتوي على الأمور التي ذكرناها بالأعلى حتى نبدأ بشرح كود الجافا سكربت الضروري :)

بالنسبة لخوارزمية معرفة الرابح فهي لا تحتاج إلى طرق تحليل رياضي إذا كنا نبرمجها من أجل أن يلعب لاعبين .. فالخوارزمية جدا سهلة .. ولكن بعد هذا كخطوة ثانية سوف نحتاج إلى تحليلك أخي خالد من أجل أن نجعل اللاعب الثاني هو الكمبيوتر .. (f)

مننظرين الآن أن يتم وضع تصميم ال HTML للعبة .. :)

فكرة ممتازة

انا ممكن اساهم بالgifs لل x وال o

والtextbox و الbutton معدلين بالcss

:o :o :o

اعتقد اكون انجزت كل العمل و يبقى لكم الأعمال البسيطة (مزحة):D :D :D :D

طيب حلو وأضيف معهم الجدول سويه شي 3 ب 3 .. :) بس إذا تأخرت راح يحطو واحد غيرك ;)

ها أنا ذا قمت بعمل الصور :o :o أتمنى من الله أن تعجبكم

(gift) (gift)

الجدول والزر في الطريق :D:D

img.zip

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

خالد المصرى

انا اللي تورطت بسبب الاختبارات و انسحب عالهادي لانو يا دوب ألحق على القسم في المنتدى .. مع شوية اختبارات و شوية مشاريع للجامعة بتخرج مخي ضارب :D

أنا انسحب

خالد أنت عمتزيد الموضوع تشويقا :D طيب أنا موافق .. ;) .. وهيك بدك تجبرني أسوي أنا خوارزمية لعب للكمبيوتر أيضا :) .. لكن هذا كلو بالنهاية ..

صور ال X و ال O حلوين كتير .. :) شكرا أخي أحمد ..

طيب وين صفحة ال HTML ياللي تحوي على الزر وال textbox تبع عدد خانات الشبكة وعلى زر .. :)

أخي محمد خليل .. بتشارك معنا باللعبة الجاية ولا يهمك .. :)

لك استوني شوي :mad:

رح خلص امتحانات والحقكن ..

السلام عليكم

ارجو مشاهدة هذة الوصلة

هنا

وهي تحتوي علي اللعبة ناقصة بالطبعة الي استراتيجة الهجوم و بعض العيوب الاخري

التي ارجوا منكم توضيحها و كيفية التغلب عليها

السلام عليكم

معلش انا دخلت متأخر واذا كان في امكانيه ممكن نشارك لكن بدي اسال سؤال بسيط اللعبة بين جهاز وشخص ولا بين شخصين ، وهل اللعبة مصممة بطريقة اعتيادية ولا حابين تستخدموا موضوع الذكاء الصناعي ولو انه مش لازم كتير

لأنه الموضوع بتعقد زيادة عن اللزوم

شكرا

الأخ TODO شكرا على المشاركة ولكن مبدأنا هو عدم وضع كل شئ مرة واحدة ..

الأخ رواد في البداية سوف تكون فقط بين لاعبين ولكن لاحقا سوف تكون بين لاعب والحاسب ..

=========================

تصميم جدول :::

ملحق مع هذه الرسالة الجدول الذي سوف نستخدمه مع صورتي ال XO التي شارك بها الأخ أحمد عدلي...

الجدول يحتوي على 3x3 خلية ... وتك استخدام ال style من أجل كل خلية حتى يتم تحديد شكل الاطار وما خلافه .. وهو موجود في الوصلة :

http://www.arabteam2000.com/atassi/tictac/table.htm

نريد الآن كود من أجل توليد هذا الجدول بشكل آلي عن طريق ادخال عدد الأعمدة في textbox ومن ثم الضغط على زر ..

أهم أمر في المشاركة هو وضع شرح على الاجابة قبل وضع الكود وشرح كائنات ال DOM المستخدمة والطريقة المتبعة ..

اقتباس

الرساله الأصليه بواسطة

ملحق مع هذه الرسالة الجدول الذي سوف نستخدمه مع صورتي ال XO التي شارك بها الأخ TODO ..  

الاخ هاني متأكد من صحة هذه العبارة :confused: :confused: :confused:

ارجو الإطلاع على الملف المرفق

game03w.zip

آسف جدا أخي أحمد .. أنا كتبت الرد قبل الافطار بنص ساعة :o :o

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

فكره انشاء لعبه فكره رائعه

ويبدو ان المنافسه بين الدالتين ستكون ساخنه جداً;)

اقتباس

وممكن أن نجعلها كمشروع القادم

و هي كذلك هاني ..

:D تم نقلها إلى قسم مشاريع قسم الويب ..

يا جماعة فين اللعبة الموضوع نام ليه ؟؟ :):)