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

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

توم غرينواي

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

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

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

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

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

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

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

يشير مصطلح "اللعبة العملية" إلى العناصر الثلاثة الأساسية التي تساهم في نجاح أي لعبة:

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

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

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

دبابتان تشاركان في معركة.
تم تصدير العرض التوضيحي لـ Unity's Tanks عبر HTML5.

من الناحية الفنية، لم يكن هناك وقت أفضل من الآن لاعتماد تطوير ألعاب الويب.

الدخول في حلقة التكرار

لا تقتصر اللعبة على الأداء الجيد والرسومات والصوت فحسب، بل يجب أن تكون ممتعة أيضًا.

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

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

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

ثلاث ألعاب ذات أنماط فنية بسيطة.

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

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

واجهة لتعديل المستويات للعبة.

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

كيف يستفيد "مجلس الفضاء" من عنوان URL بطريقة فريدة؟ من خلال ترميز بنية المستوى في عنوان URL نفسه يتم تعريف جميع المستويات على أنها شبكة من الأجسام بحجم 10 × 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

إنه أمر سيئ، لكنه يؤدي المهمة.

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

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

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

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

  • تحقيق الربح من الألعاب بشكل مباشر
  • التعامل معهم كقناة اكتساب

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

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

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

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

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

المستقبل

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

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