مصمم للعب على عدة طاولات

مرّ بعض الوقت منذ المنشور الأخير. أردت العودة بشيء يستحق القراءة، وقد قدّم لي مايو ذلك.

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

هذا ما توصلنا إليه، والبقية التي هبطت في الطريق.

ما توصلنا إليه

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

الهدف الذي نبني نحوه: 16 طاولة حية في نافذة واحدة، بدون نوافذ إضافية، بدون لاب توب بمروحة تزأر.

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

خمسة تغييرات تقنية هي ما تنقل 16 طاولة في نافذة واحدة من شعار إلى هدف واقعي:

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

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

شريط إجراءات لكل بلاطة. عندما تحتاج طاولة إليك، تتصرف على تلك الطاولة -- بالضبط حيث تكون عيناك بالفعل.

حلقة وهج الطاولة الفاعلة. الطاولة على المؤقت هي الطاولة التي تتوهج. صعب تفويتها، سهل تجاهلها حتى يصبح مهماً.

مطالبات المقعد الذرية. خلف الكواليس، لكنها مهمة: عندما يضغط لاعبان sit على نفس المقعد في نفس اللحظة، تحلّ المنصة الآن ذلك بنظافة. بدون مطالبات مزدوجة، بدون مفاجآت.

وهنا البقية

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

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

كومة من الانتصارات الأصغر جاءت في الرحلة:

• Click-to-sit. اضغط على "+" على أي مقعد فارغ. يفتح حوار البايين بذلك المقعد محجوزاً بالفعل.
• قائمة الهامبرغر تستبدل الجرس. الملف الشخصي، الكاشير، سجل اليدين، المساعدة -- كلها بنقرة واحدة من الرأس.
• شريحة البانكرول الآن زر. اضغطها، تفتح بلاطة الكاشير. يوفّر خطوة.
• الموبايل حصل على مساحة للتنفس. على الشاشات الضيقة، تختفي العلامة التجارية حتى يحصل شريط الطاولات المصغّرة وزر "+" على المساحة التي يحتاجانها. وضع ملء الشاشة الأصلي على بُعد نقرة واحدة من رأس مساحة العمل.

التالي

أساس مساحة العمل في مكانه. التالي: التسجيل وميكانيكا اللعبة نفسها. المزيد عن كليهما عندما يصبحان جاهزين.

للجانب الهندسي من كيف نعمل -- المواصفة، الجلسات، تقسيم المعماري / الوكيل -- أكتب ذلك على The Salty Korean.

Stay salty.