قصص وملاحظات من بناء FleaWinder — سيرك متحرّك صغير تُشغّله لوحة المفاتيح والماوس.
نقل السيرك إلى الشاشات الصغيرة
صُمّم FleaWinder لشريط عريض ورفيع فوق شريط المهام — أفقي ومريح. الهواتف عمودية. جعل السيرك يعمل على الشاشات الصغيرة تطلّب إعادة التفكير في التخطيط دون خسارة ما يمنحه الحيوية.
The embeddable widget flips to a tall canvas on mobile, stacking the acts vertically instead of spreading them across a ribbon. Anyone dropping FleaWinder into their own site gets a layout that adapts automatically. Four theme presets (dark, light, warm, cool) and a scale parameter let it blend with whatever surrounds it.
التحدي الأكبر كان الوضوح. على شاشة الهاتف، البراغيث المرسومة بحجم سطح المكتب مجرد نقاط صغيرة. أضفنا تمريرة تكبير تُضخّم أجسام البراغيث حتى تصبح أزياؤهم وتعبيراتهم وإكسسواراتهم مرئية فعلًا — عصبة Pip، خوذة Rex، تاج Blaze الصغير. تفاصيل الشخصية التي كانت موجودة دائمًا صارت مقروءة عن بُعد ذراع.
باقي التحسينات للهاتف كانت أقل بريقًا لكنها بنفس الأهمية: أهداف لمس سهلة الاستخدام، تحسين حجم الخطوط، تباعد متجاوب في جميع أنحاء الموقع التسويقي. لا شيء ثوري — فقط التأكد من أن السيرك يبدو صحيحًا أينما وجدته.
الأزياء والمواسم ومدير الحلبة
هذا الأسبوع كان كله عن العمق البصري. كل برغوث في المستعمرة يرتدي الآن زيًا فريدًا — Nova لديها مظلة على الحبل المشدود، Rex يرتدي خوذة في المدفع، Blaze يحصل على تاج لعرض نفث النار. تفاصيل صغيرة، لكنها تمنح كل مؤدٍّ هوية يمكنك تمييزها بنظرة سريعة.
المسرح نفسه يتغيّر مع التقويم. نظام جسيمات موسمي يُسقط الثلج في الشتاء، وأزهار الكرز في الربيع، واليراعات في الصيف، وأوراقًا متساقطة في الخريف. هناك أيضًا صبغة ليل/نهار خفيفة مرتبطة بساعتك الحقيقية — يدفأ الشريط في الساعة الذهبية ويخفت بعد حلول الظلام، مع نجوم أكثر سطوعًا في سماء الليل.
الإضافة الأكبر هي مدير الحلبة — برغوث خاص بقبعة عالية يتجوّل بين العروض ويتفقّد الحفل. لا يُؤدي؛ بل يُشرف. ضبط مسار دوريّته تطلّب ضبط مشيه بحيث يصل تمامًا عند انتهاء انتقال العرض، مما يمنح السيرك بأكمله إحساسًا بالتناسق لم يكن موجودًا من قبل.
خلف الكواليس، نظام ألوان كامل يُشغّل كل هذا الآن. ثماني لوحات ألوان بالإضافة إلى وضع موسمي تلقائي يختار اللوحة المناسبة بناءً على الشهر. كل لون في كل عرض وعنصر واجهة يسحب من اللوحة النشطة، فيبدو التبديل سلسًا وليس مُلصقًا.
الإصدار 1.1.0: عرضان جديدان
يضيف الإصدار 1.1.0 عرض الشعوذة ونافث النار إلى القائمة، ليصل المجموع إلى سبعة عروض سيرك حية. كلاهما يعمل بنفس نظام الطاقة الذي يُشغّل بقية العرض — ضغطات المفاتيح وحركات الماوس والنقرات.
يتتبّع المشعوذ كرات متعددة في أقواس قطعية مكافئة حقيقية. يتغيّر العدد مع الطاقة: كرتان أو ثلاث عند الخمول، وحتى ست عند القوة القصوى، مع إمساكات من خلف الظهر عندما يهتاج الجمهور. ضبط التوقيت تطلّب فصل طور كل كرة عن الأخرى حتى لا تتكتّل.
يستخدم نافث النار نظام الجسيمات الموجود لكن مع تأثير تموّج حراري جديد. يزداد طول اللهب مع الطاقة، والنقرات تُنتج دفعات إضافية. الجزء الأصعب كان مزج الألوان — الانتقال السلس من الأحمر الداكن عند القاعدة إلى الأصفر الساطع عند الطرف دون أن يبدو متدرّجًا بشكل حاد.
كلا العرضين يندمجان في نظام التدوير الحالي، لذا سترى أنهما يتبادلان الظهور مع العروض الخمسة الأصلية. إذا أردت تثبيت عرضك المفضّل، تتيح لك لوحة الإعدادات الآن تشغيل وإيقاف العروض فرديًا.
التاريخ وراء صفحة التاريخ
توثّق صفحة تاريخ FleaWinder أكثر من أربعمئة عام من سيركات البراغيث الحقيقية — من رسومات روبرت هوك المجهرية عام 1665 إلى مؤدّي مهرجان أكتوبر الذين لا يزالون يعملون اليوم. تطلّبت كتابتها قراءة ملصقات فيكتورية وقصاصات صحف رقمية وعدد مدهش من الأبحاث الأكاديمية حول الترفيه الحشري.
الجزء الأصعب كان تقرير ما يُستبعد. لويس بيرتولوتو وحده يمكن أن يملأ كتابًا (وقد فعل ذلك بالفعل — عدة كتب). الحل الوسط كان جدولًا زمنيًا يتناول المحطات الرئيسية ومجموعة من الأقسام القابلة للتوسيع لمن يريد التعمّق أكثر.
تستخدم الصفحة أحرفًا استهلالية كبيرة وفواصل زخرفية وخطًا مذيّلًا يحاكي النشرات والملصقات التي تصفها. كل قسم مطوي افتراضيًا حتى لا يشعر القارئ بالإرهاق، لكن الفقرة الأولى دائمًا مرئية بحرف استهلالي كبير يجذبك للقراءة.
جميع النصوص متاحة بالإنجليزية والإسبانية والألمانية. كشفت عملية الترجمة عن بعض التاريخ المحلي المثير — تقاليد الـFlohzirkus الألمانية في مهرجان أكتوبر، على سبيل المثال، لها سلالتها الخاصة المتميزة عن مشاهد لندن ونيويورك.
لماذا بنيت FleaWinder
أردت شيئًا يجعل الحاسوب يبدو حيًا — ليس بطريقة مشتّتة، بل كرفيق هادئ يستجيب لوجودك. معظم شاشات التوقف تنشط عندما تغادر؛ FleaWinder ينشط عندما تصل.
كانت الفكرة بسيطة: خذ كل المدخلات التي يتجاهلها نظام التشغيل — إيقاع كتابتك، سرعة الماوس، وتيرة نقراتك — وغذِّ بها فرقة من براغيث السيرك المتحرّكة. كلما عملت أكثر، كلما ازداد العرض حيوية.
بناؤه كطبقة شفافة فوق شريط المهام كان القيد الصحيح. إنه مرئي دائمًا لكنه لا يقف في طريقك أبدًا. لا تتفاعل معه مباشرة؛ أنت تعمل فحسب، وهو يتفاعل. التحدي التقني كان جعله شفافًا تمامًا للنقرات حتى لا يسرق التركيز أبدًا.
FleaWinder هو رسالة حب لسيرك البراغيث الفيكتوري — شكل فني حقيقي عمره قرون حيث كان صانعو الساعات يسخّرون براغيث حقيقية لسحب عربات مصغّرة والمشي على حبال مشدودة. تروي صفحة التاريخ تلك القصة بالكامل.
