موقع ويب جاهز للّاعب

إنشاء ألعاب للويب الحديث

Tom Greenaway

يدرك مطوّرو الألعاب الجيدون أنّ الاستفادة من الفرص المتاحة على نظام أساسي معيّن تتطلّب الاستفادة من خصائصه الفريدة. ما هي الخصائص الفريدة للويب؟ ما الذي يحدّد لعبة الويب؟

في مؤتمر Google I/O لعام 2019، قدّمت أفكاري حول حالة المنظومة المتكاملة لألعاب الويب وأفضل الممارسات الحالية لتطوير ألعاب الويب الحديثة والاتجاهات التي تتّبعها هذه الصناعة. في هذه المشاركة، سألخّص بعض النقاط الرئيسية من محاضرتي التي يمكنك مشاهدتها بالكامل على YouTube:

تحديات ألعاب الويب

قبل الانضمام إلى Google، أنشأتُ لعبة للأجهزة الجوّالة تُعرف باسم Duet تم تنزيلها 20 مليون مرة تقريبًا. من خلال هذه التجربة، تعلمت أنّ العناصر الثلاثة الأساسية لإنشاء نشاط تجاري ناجح من لعبة هي:

  • لعبة وظيفية
  • المستخدمون
  • طريقة لتحقيق الربح من المستخدمين

بدون هذه العناصر الثلاثة، لا يمكن لمطوّر الألعاب تحقيق النجاح. في الوقت الحالي، هاتان النقطتان الأخيرتان هما الأكثر أهمية. أثبتت الأنظمة المتكاملة المغلقة المستندة إلى HTML5، مثل WeChat وFacebook Instant Games وغيرها، أنّه يمكن إنشاء ألعاب باستخدام HTML5.

أفضل الممارسات الحديثة

نقصد بـ "اللعبة الوظيفية" العناصر الأساسية الثلاثة التي تجعل اللعبة تعمل على النحو المطلوب:

  • الأداء
  • المرئيات
  • الصوت

وفي كلّ من هذه المجالات، حقّقت منصة الويب خطوات كبيرة خلال السنوات القليلة الماضية. بالنسبة إلى أداء وحدة المعالجة المركزية، يمكننا الوصول إلى معيار جديد عالي الأداء يُعرف باسم WebAssembly. من ناحية الرسومات، يتمتع WebGL 1.0 بتوافق جيد مع جميع المتصفّحات، كما أنّ المعايير المستقبلية، مثل WebGPU، تضع منصة الويب في موضع يؤهّلها لمستقبل قابل للتوسيع في مجال برمجة الرسومات، على غرار Vulkan وMetal. أخيرًا، بالنسبة إلى محتوى الصوت على الويب، لدينا واجهة برمجة تطبيقات Web Audio API الشائعة ومؤخرًا واجهة برمجة تطبيقات Audio Worklet API.

مؤخرًا، عرضت Unity معاينة لبيئة تشغيل جديدة باسم Project Tiny تركّز على إنشاء ألعاب ثنائية الأبعاد لمنصّات مستندة إلى HTML5. يطبّق Project Tiny تصميمًا وحداتًا جديدًا على بنية محرّك Unity، ما يتيح تقليل حجم محرّك Unity الأساسي إلى أقل من ميغابايت واحد.

دبّابتان في معركة
Unity's Tanks Demo exported via HTML5.

من الناحية الفنية، لم يسبق أن كان الوقت مناسبًا لتطوير ألعاب الويب.

الدخول إلى حلقة الألعاب

من الواضح أنّ اللعبة الرائعة هي أكثر من مجرد أداء ورسومات وصوت جيدَين، بل يجب أن تكون ممتعة أيضًا.

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

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

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

ثلاث ألعاب تتضمّن أنماطًا فنية بسيطة

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

في ما يلي مثال على لعبة ويب أنشأتها باستخدام Construct 3 تستفيد من عنوان URL بطريقة ممتعة وجذابة.

واجهة محرِّر المستويات للعبة

Space Board هي لعبة بسيطة جدًا يمكن تشغيلها على الأجهزة الجوّالة باستخدام عناصر التحكّم باللمس أو على أجهزة الكمبيوتر المكتبي باستخدام لوحة المفاتيح. الهدف هو التنقّل في متاهة من العقبات للوصول إلى هدف في النهاية.

كيف تستفيد لوحة "المساحة" من عنوان URL بطريقة فريدة؟ من خلال ترميز بنية المستوى في عنوان URL نفسه. يتم تعريف جميع المستويات على أنّها شبكة من الكائنات بحجم 10 x ‏10، مثل الجدران وأبراج العدو والمفاتيح والأبواب المُقفَلة وما إلى ذلك. ويسرد عنوان URL بعد ذلك جميع مواضع الشبكة الفردية ومحتوياتها. يتم تمثيل الجدار بالحرف W. المسافة الفارغة هي حرف شرطة سفلية.

وفي ما يلي مثال لذلك:

https://io-space-board.firebaseapp.com/?gameWorld=_wwwwwwwwww___ww__eww_k__d___ww___ww___ww_wwwww_www_wwwww_www___ww___ww_s_ww_f_ww___ww___wwwwwwwwwwww

إنه قبيح ولكنّه يؤدي الغرض.

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

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

عائدات الاستثمار

في الوقت الحالي، هناك طريقتان أساسيتان يمكن من خلالهما لمطوّر الألعاب تحقيق الربح من ألعاب الويب:

  • تحقيق الربح من الألعاب مباشرةً
  • التعامل معها بصفتها قناة اكتساب مستخدمين

إنّ التعامل مع ألعاب الويب كقناة اكتساب يعني الاستفادة من إصدار الويب من لعبتك على أجهزة iOS/Android/الكمبيوتر المكتبي كآلية لجذب اللاعبين وإقناعهم بتنزيل الإصدار الثنائي الأكبر حجمًا من اللعبة على أجهزة iOS/Android/الكمبيوتر المكتبي. ويمكنك بعد ذلك تحقيق الأرباح باستخدام الخلفيات المدمجة للدفع والفوترة في منصة iOS/Android/أجهزة الكمبيوتر المكتبي.

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

ومع ذلك، هناك مطوّرو ألعاب يواصلون تحقيق النجاح على الويب المفتوح من خلال الإعلانات عبر إعلانات البانر التقليدية وإعلانات الفيديو البينية. اطّلِع على AdSense للألعاب للحصول على مزيد من المعلومات عن هذه التنسيقات.

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

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

المستقبل

لقد شهدنا خلال السنوات القليلة الماضية العديد من ألعاب الويب الناجحة بشكلٍ مفاجئ. أنشأت Slither.io نشاطًا تجاريًا مختلطًا على الويب وعلى المنصات يُظهر مدى الوصول الهائل وفرص النمو الفيروسي التي يوفّرها الويب. تُقدّم البوابات، مثل Poki.com، تجارب مبتكرة للمستخدمين وتطرح ألعابًا جديدة كل يوم، بما في ذلك عناوين تتطابق مع دقة نظيراتها على الأجهزة الجوّالة، مثل Subway Surfers أو Crossy Road.

بالإضافة إلى ذلك، إذا نظرت خارج نطاق الويب المفتوح، يمكنك أن ترى أنّ ألعاب الويب تحظى بشعبية كبيرة. فهناك منظومات متكاملة مغلقة، مثل WeChat وLINE، تقدّم ألعابًا ممتعة لا يمكن تشغيلها على الويب المفتوح، ولكنّها مبنية على تكنولوجيات الويب، مثل HTML5 وWebViews. وهذا مؤشر واضح على أنّ الويب قد وصل إلى مستوى من الدقّة يمكنه منافسة ألعاب الأجهزة الجوّالة المخصّصة للمنصّات، ربما ليس من خلال تعريف دقيق للدقّة، ولكن من خلال مقياس أكثر أهمية: انتباه اللاعب.