Mosaic
لوحة شهيرة ترسم نفسها صفًا بصف من مربعات إيموجي ملونة. خمّن العمل قبل أن يكتمل المسح
حول لعبة الفسيفساء من PlayMemorize
الفسيفساء لعبة تعرّف على الأنماط من نوع "خمّن اللوحة". تُرسم فسيفساء عالية الدقة عملًا فنيًا مشهورًا من الملكية العامة - ليلة فان غوخ المرصّعة بالنجوم، موجة هوكوساي العظيمة، صرخة مونك، غرنيكا بيكاسو، تكوين لموندريان، حقل لوني لروثكو - عنقود بكسلات عشوائي في كل مرة حتى تظهر الصورة. مهمتك: اختر اللوحة من قائمة اختيارات متعددة قبل أن ينتهي الكشف عن اللوحة. كلما خمّنت أبكر، ارتفعت النقاط، فالألفة البصرية بالأعمال الكلاسيكية تؤتي ثمارها.
ثلاثون عملًا فنيًا كلاسيكيًا. يغطي الكتالوج عشرة أعمال تصويرية كلاسيكية (الليلة المرصّعة بالنجوم، الموجة العظيمة، الصرخة، غرق سفينة المينوتور، تكوين (كاندينسكي)، صورة بيكاسو الذاتية لعام 1907، صورة فريدا كاهلو الذاتية، امرأة بقبعة، عارية جالسة، أودني)؛ وثمانية أعمال تصويرية أو مُحوّرة أيقونية أخرى (تكوين VII، غرنيكا، الإلهام، صورة دورا مار، يد مع كرة عاكسة، أميرة المطر، ريش، فسيفساء رومانية)؛ واثني عشر أيقونة من نوع الحواف الحادة / الحقل اللوني (تكوين موندريان بالأحمر والأزرق والأصفر + برودواي بوغي ووغي، مربع ماليفيتش الأسود + الصليب الأسود، البرتقالي-الأحمر والأصفر-الأزرق لروثكو، تكريم ألبرس للمربع بالأصفر والأزرق، Onement I لنيومان، اللوحة المجرّدة (الأسود) لراينهارت، يقطينة كوساما، وهدف جونز). تعرض كل جولة الفنان والسنة والحركة الفنية بعد التخمين · فتبني كتالوجًا ذهنيًا لتاريخ الفن جولة تلو الأخرى.
HTML5 Canvas خالص. تُرسم كل لوحة كـ ~100 000 كتلة fillRect مسطحة · عشرين ضعف دقة النموذج الأولي الأصلي ذي 5 000 خلية، فتبقى الظلال وضربات الفرشاة بعد التكميم بدلًا من أن تذوب في شبكة خشنة. تُسحب ألوان الخلايا من لوحة من 45 رقاقة من قيم hex مستمدة من الإيموجي (كريمي قمري، رمادي حجري، تيراكوتا، خوخي، أزرق ليلي، أخضر تنوبي، …) مختارة بحيث تستقر نصف ألوان زيت اللوحة الباهتة على شقيق أمين بدلًا من الانهيار إلى الأسود. تحتفظ كل لوحة أيضًا بنسبة أبعادها المصدر · الأعمال الأفقية تُؤطَّر أفقيًا، والعمودية عموديًا.
لا تُخزَّن أي صور. يشحن المستودع فقط سلاسل فهارس اللوحة المُكمَّمة · حرف base-62 واحد لكل خلية. لإعادة توليد الكتالوج أو توسيعه، شغّل node scripts/build-mosaic-paintings.mjs. ثمانية عشر من الأعمال تُنزَّل من مستودعات مرجعية عامة لنقل الأنماط العصبية في تعلّم الآلة على GitHub؛ والاثنا عشر عملًا المتبقية من نوع الحواف الحادة / الحقل اللوني تُشحن كسلاسل SVG مضمّنة صغيرة داخل سكربت البناء وتُحوّل إلى نقاط محليًا عبر sharp، فلا تعتمد على رابط قابل للوصول. أي مسار مصدر يُغيّر الحجم ليناسب ~100 000 خلية مع الحفاظ على نسبة الأبعاد، ويرفع التشبّع قليلًا فتستقر نصف الألوان الباهتة على رقاقة ملونة، ويطابق كل بكسل بأقرب مدخل في اللوحة باستخدام مسافة OKLab الإدراكية. تذهب المخرجات مباشرة إلى paintings.generated.ts.
جولات حتمية. البذرة نفسها تنتج دائمًا اللوحة نفسها، وقائمة الخيارات المخلوطة نفسها، وترتيب الكشف العشوائي نفسه، فتعمل رموز الحفظ ويبقى تدفق استئناف المتاهة محصّنًا ضد الغش. اللعبة كلها GameModule مُسجَّل، فيمكن للمتاهة أن تُدخلك في مواجهة فسيفساء في أي مستوى، والصورة التي تراها في المتاهة مطابقة بايتًا ببايت لتلك التي ستراها في الصفحة المستقلة.
جزء من عائلة ألعاب تدريب الدماغ PlayMemorize. تعمل بالكامل في متصفحك، وتعمل دون اتصال كتطبيق ويب تقدمي.
FAQ
-
ما هي لعبة الفسيفساء؟
الفسيفساء لعبة سلسلة انتصارات للتعرّف على الأنماط تعمل أيضًا كمدخل لتاريخ الفن. تُرسم فسيفساء عالية الدقة لوحة مشهورة من الملكية العامة بترتيب بكسلات عشوائي · وعليك التعرّف على العمل من قائمة اختيارات متعددة قبل أن ينتهي الكشف عن الصورة. كلما خمّنت أبكر، ارتفعت النقاط، ويُعرض الفنان + السنة + الحركة بعد كل جولة. -
ما اللوحات الموجودة في الكتالوج؟
ثلاثون عملًا تمتد عبر أربعة قرون ومعظم الحركات الكبرى. كلاسيكيات تصويرية: الليلة المرصّعة بالنجوم (فان غوخ، 1889)، الموجة العظيمة (هوكوساي، 1831)، الصرخة (مونك، 1893)، غرق سفينة المينوتور (تيرنر، 1810)، تكوين (كاندينسكي، 1913)، صورة بيكاسو الذاتية (1907)، صورة فريدا كاهلو الذاتية (1940)، امرأة بقبعة (ماتيس، 1905)، عارية جالسة (بيكاسو، 1909)، أودني (بيكابيا، 1913)، تكوين VII (كاندينسكي، 1913)، غرنيكا (بيكاسو، 1937)، الإلهام (بيكاسو، 1935)، صورة دورا مار (بيكاسو، 1937)، يد مع كرة عاكسة (إيشر، 1935)، أميرة المطر (أفريموف، 2014)، ريش (بأسلوب كليمت، 1908)، وفسيفساء رومانية (~القرن الثالث). أيقونات الحواف الحادة / الحقل اللوني: تكوين بالأحمر والأزرق والأصفر (موندريان، 1930)، برودواي بوغي ووغي (موندريان، 1943)، المربع الأسود (ماليفيتش، 1915)، الصليب الأسود (ماليفيتش، 1915)، البرتقالي والأحمر (روثكو، 1961)، الأصفر والأزرق (روثكو، 1955)، تكريم للمربع بالأصفر وبالأزرق (ألبرس، 1959-1965)، Onement I (نيومان، 1948)، لوحة مجرّدة (راينهارت، 1963)، يقطينة (كوساما، 1990)، وهدف (جونز، 1958). -
كيف يعمل الكشف العشوائي؟
كل جولة تبذر تبديلة فيشر-ييتس لكل الخلايا الـ~100 000، ثم ترسمها بذلك الترتيب دفعة في كل تكّة. تُحدِّد الصعوبة فترة التكّة (590 ميلي ثانية في السهل، 390 في المتوسط، 240 في الصعب). البذرة نفسها تعيد تشغيل التسلسل نفسه دائمًا، فيكشف رابط مشترك أو استئناف متاهة اللوحة بالطريقة نفسها تمامًا. -
كيف تُحسب النقاط؟
تبدأ الجولة عند 1000 نقطة. تنخفض النقاط خطيًا كلما كُشف عن خلايا أكثر: النقاط = 1000 × (الخلايا المتبقية / إجمالي الخلايا). خمّن من النظرة الأولى وتحصل على نحو الـ1000 كاملة؛ خمّن عند الخلية الأخيرة وتحصل على 0. التخمين الخاطئ يسجّل دائمًا 0 وينهي السلسلة. -
هل تُخزَّن الصور المصدر في المستودع؟
لا · فقط نتيجة التكميم. تُضغط كل لوحة إلى نحو 100 000 حرف base-62 (واحد لكل خلية) تُفكَّك إلى ألوان hex لكل خلية وقت التشغيل. ثمانية عشر عملًا تُجلب عبر روابط من مستودعات مرجعية عامة لنقل الأنماط العصبية على GitHub وقت البناء. والاثنا عشر الأخرى - موندريان، ماليفيتش، روثكو، ألبرس، نيومان، راينهارت، كوساما، جونز - تُشحن كسلاسل SVG مضمّنة صغيرة داخل سكربت البناء وتُحوّل إلى نقاط محليًا عبر sharp، فلا تحتاج إلى شبكة. أي مسار يُغيّر الحجم ليناسب ~100 000 خلية مع الحفاظ على نسبة الأبعاد المصدر، ويرفع التشبّع قليلًا فتستقر نصف ألوان الزيت الباهتة على مداخل لوحة ملونة بدلًا من الأسود، ويطابق كل بكسل بأقرب لون في اللوحة باستخدام مسافة OKLab الإدراكية. النتيجة وحدة بيانات TypeScript صغيرة · فالموقع لا يشحن أبدًا بكسلات المصدر. -
لماذا لوحة من 45 رقاقة بدلًا من تسعة مربعات إيموجي؟
استخدم النموذج الأولي الأصلي مربعات الألوان التسعة في Unicode 12 (🟥 🟧 🟨 🟩 🟦 🟪 🟫 ⬛ ⬜). تسعة ألوان مسطحة كانت تطوي درجات كثيرة جدًا في الرقاقة نفسها · فأصبحت ألوان البشرة برتقالية، وسقط الأزرق السماوي والأزرق المتوسط والأزرق الليلي كلها على 🟦، وذهب الرمادي المتوسط الباهت إلى الأسود. لوحة الـ45 رقاقة الحالية تسحب درجات متوسطة إضافية من إيموجي يُقرأ عرضها في Twemoji كدرجة محددة من بعيد · 🌕 كريمي قمري، 🦴 عاجي، 🌫️ رمادي ضبابي، 🪨 حجري، 🐋 رمادي أردوازي، ⚱️ فحمي، ⚫ أسود نفّاث، 🍑 خوخي، 🏜️ رملي، 🦌 بُنّي فاتح، 🪵 خشبي، 🍂 صدئي، 🍫 شوكولاتي، 🥬 ليموني، 🍵 ماتشا، 🪺 كاكي، 🌲 تنوبي، 🌊 تركوازي، 🌌 أزرق ليلي، 🪻 لافندري، 🍇 عنبي، 🌹 وردي، 🌷 أرجواني، 🍷 نبيذي. يتحقق البناء من أن كل رقاقة يختارها فعلًا خلية واحدة على الأقل عبر الكتالوج، فلا يُهدر أي مكان. -
هل يمكنني اللعب دون اتصال؟
نعم. PlayMemorize تطبيق ويب تقدمي والفسيفساء جزء من التخزين المؤقت المسبق للعمل دون اتصال. بمجرد التحميل، تُولَّد كل جولة محليًا من بذرة · لا حاجة للشبكة.