لعبة Sensodyne: لغز باللمس في 60 ثانية لشاشة طب الأسنان

التحدي

Sensodyne، إحدى علامات Haleon، أرادت تجربة على شاشة لمس كبيرة لأطباء الأسنان. الطبيب يقف أمام الشاشة، يمر على رسالة الحملة في دقيقة، ثم يلعب. كل شيء على شاشة ثابتة بمقاس 1920x1080، باللمس فقط، وبدون شرح من أحد.

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

ما بنيناه

أربع شاشات متتالية: الافتتاح، ثم شاشتان بالنقر، ثم اللغز. الفيديوهات التالية بدون صوت.

الافتتاح

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

شاشتان بالنقر

كل لمسة تكشف الخطوة التالية، واليد المتحركة تنتقل دائماً إلى المكان الذي ينتظر اللمسة. الطبيب لا يحتاج إلى قراءة تعليمات. الشاشة الثانية تنتهي بزر "Jouer au puzzle" الذي يفتح اللعبة. رمز QR في الشاشة الأولى مموّه هنا.

اللغز

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

المؤقت يظهر مرتين: حلقة تفرغ مع الوقت، ورقم بصيغة دقيقة وثانية. الاثنان يقرآن من نفس العداد فلا يختلفان أبداً، وفي آخر 10 ثوانٍ يتحولان معاً إلى الأحمر.

الفوز والخسارة

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

التفاصيل التي تصنع الفرق

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

أماكن القطع على اللوح تُحسب من مقاسات الصور نفسها عند التحميل. أي تعديل في الصور من التصميم يبقى في مكانه الصحيح بدون لمس الكود.

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

التجربة HTML و CSS و jQuery بدون خطوة بناء، والكشك يفتحها مباشرة من مجلد.