كيف تصنع لعبة متصفح؟

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

أفضل مثال على ألعاب المتصفح هي لعبة الكازينو. هؤلاء الكازينوهات الرائعة على الإنترنت يمكن لعبها من خلال متصفح الويب الخاص بك. تعتبر ألعاب المستعرض ملائمة أيضًا ويمكن لعبها على أجهزة متعددة ومتصفحات الويب وأنظمة تشغيل مختلفة.

تتوفر ألعاب المتصفح في العديد من الأنواع والمواضيع التي تروق للاعبين العاديين والعاديين. بالإضافة إلى النظام الأساسي عبر الإنترنت ، أصبحت العديد من ألعاب المستعرض عناوين بارزة أو شركات امتياز يتم بيعها فعليًا في المتاجر أو في الأسواق عبر الإنترنت مثل Steam أو XBLA أو منصات التوزيع اللامركزية مثل itch.io.

يأتي جزء كبير من صناعة الألعاب من ألعاب المتصفح هذه بالضبط وكما ذكرنا أعلاه ، فإن الكثير منها مرتبط بالكازينو. هناك عشرات الآلاف من سمات ماكينات القمار عبر الإنترنت المختلفة التي تم تطويرها بواسطة عشرات ومئات الشركات. إذا لم تكن شائعة جدًا ، هل تعتقد أنه سيكون هناك الكثير من المطورين الذين يقاتلون من أجل قطعة من هذه الكعكة الضخمة تسمى 'ألعاب المتصفح'؟

محتويات

• ما هي لعبة HTML5؟
• اللبنات الأساسية للعبة
• كيفية توزيع لعبة متصفح
• إطار لألعاب المستعرض

ما هي لعبة HTML5؟

لنبدأ بالأشياء الأساسية أولاً. ما هو HTML5 ؟ هذا سؤال حساس. يوجد تعريف رسمي لـ HTML5 يشير فقط إلى أحدث إصدار من HTML (لغة الترميز المستخدمة في جميع أنحاء العالم لإنشاء مواقع الويب) والوصف الأكثر شهرة (ما يفهمه معظم الأشخاص بواسطة HTML5) ، وهي جميع الميزات 'الجديدة' لـ إنها تقنيات ويب ظهرت في السنوات الأخيرة (واجهات برمجة تطبيقات JavaScript مثل canvas أو Web Audio وعلامات HTML الدلالية وما إلى ذلك).

سوف نستخدم قطع من كليهما لغرضنا. HTML5 هي HTML في نسختها الحديثة ، والتي تحتوي على مجموعة واسعة من الوظائف الجديدة التي تجعل تقنيات الويب معيارًا مفتوحًا مع إمكانيات لا حصر لها للجمع بين HTML و CSS و JavaScript.

إذا كان لدينا HTML مع كل هذه القوى الخارقة التي تتجاوز فقطبناء موقع على شبكة الإنترنت، يمكننا إنشاء ألعاب ، من بين أشياء أخرى. هذه هي ألعاب HTML5.

اللبنات الأساسية للعبة

المكونات الأساسية للعبة HTML5 هي تلك الخاصة بصفحة الويب:

• لغة البرمجة
• CSS
• جافا سكريبت

على غرار HTML5 ، عندما يتحدث الناس عن CSS3 ، فإنهم يقصدون عمومًا الأشياء الجديدة التي تأتي مع أحدث مواصفات CSS ، ولكن بالمثل ، CSS3 هو أحدث CSS . إذا تجاهلنا دلالات هذه التعريفات لمدة ثانية وفكرنا في الإصدارات الأعلى من هذه المصطلحات ، فقد نحتاج إلى إنشاء ألعاب HTML5 أيضًا:

HTML5 (واجهة برمجة تطبيقات JavaScript)

CSS3

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

كيفية توزيع لعبة متصفح

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

إذا كنت ترغب في توزيعه على الأنظمة الأساسية المسجلة الملكية ، فيجب أن تمر بعملية تسمى الضبط. أنت تنشئ تطبيقًا محليًا للنظام الأساسي الذي تريد توزيعه عليه (iOS ، Android ، إلخ) وتضع لعبتك عليه بحيث يتصرف هذا التطبيق كمتصفح ويب و 'يدير' لعبتك.

Phonegap هي أداة شائعة لهذا الغرض تدعم منصات متعددة. كما يمنحك الوصول إلى واجهات برمجة تطبيقات الهاتف المتقدمة حتى تتمكن من الوصول إلى جهات اتصال الهاتف أو التقويمات من خلال لعبة HTML5 الخاصة بك.

بالنسبة لأنظمة سطح المكتب مثل Windows أو Mac أو Linux ، هناك أداة تسمى WebKit Node يمكنك استخدامها لحزم ألعاب HTML5 الخاصة بك لتلك الأنظمة الأساسية.

إطار لألعاب المستعرض

تشترك معظم الألعاب في مفاهيم معينة ، مثل العفاريت (العناصر الرسومية التي تمثل الأعداء واللاعبين وعناصر اللعبة) والمشاهد أو المشاهد والرسوم المتحركة والصوت وتحميل الموارد المرئية وما إلى ذلك لأن معظم مطوري الألعاب يرغبون في التركيز على لعبتهم الحقيقية وليس الوقت لإنشاء هذا المستوى الكامل من التجريد ، يوصى باستخدام إطار عمل لعبة HTML5.

يعد اختيار محرك اللعبة المراد استخدامه قرارًا مهمًا. لذا تأكد من إجراء البحث الصحيح قبل اتخاذ اختيارك. بغض النظر عن المحرك الذي تختاره ، يجب أن تتعرف على الكود والجزء الداخلي إذا كنت تريد استخدامه بشكل صحيح. لذلك ، لا ينبغي معاملتهم كصناديق سوداء.