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 को आग उगलने के एक्ट के लिए ताज मिलता है। छोटे-छोटे डिटेल, लेकिन ये हर परफ़ॉर्मर को एक पहचान देते हैं जो एक नज़र में पहचानी जा सकती है।
मंच ख़ुद कैलेंडर के साथ बदलता है। एक मौसमी पार्टिकल सिस्टम सर्दियों में बर्फ़ गिराता है, बसंत में चेरी ब्लॉसम, गर्मियों में जुगनू, और पतझड़ में बहते पत्ते। आपकी असली घड़ी से जुड़ा एक हल्का दिन/रात टिंट भी है — गोल्डन आवर में पट्टी गरम होती है और अँधेरे के बाद धीमी, रात के आसमान में चमकीले सितारों के साथ।
सबसे बड़ा जोड़ है रिंगमास्टर — टॉप हैट पहने एक ख़ास पिस्सू जो एक्ट्स के बीच टहलता है, शो का निरीक्षण करता है। वह परफ़ॉर्म नहीं करता; वह निगरानी करता है। उसका पेट्रोल पथ सही करने का मतलब था उसकी चहलक़दमी को ऐसे टाइम करना कि वह ठीक तब पहुँचे जब एक एक्ट ट्रांज़िशन ख़त्म हो, जो पूरे सर्कस को एक कोरियोग्राफ़ी का अहसास देता है जो पहले नहीं था।
अंदर की बात करें तो एक पूरा थीम सिस्टम अब यह सब चलाता है। आठ कलर पैलेट और एक ऑटो-सीज़नल मोड जो महीने के हिसाब से सही पैलेट चुनता है। हर एक्ट और UI एलिमेंट का हर रंग सक्रिय थीम से आता है, इसलिए बदलाव सहज लगता है, चिपकाया हुआ नहीं।
v1.1.0: दो नए एक्ट्स
वर्शन 1.1.0 रोस्टर में जगलिंग एक्ट और फ़ायर ब्रीदर जोड़ता है, जिससे कुल सात लाइव सर्कस एक्ट्स हो गए। दोनों उसी एनर्जी सिस्टम पर चलते हैं जो बाक़ी शो चलाता है — आपके कीस्ट्रोक्स, माउस मूवमेंट और क्लिक्स।
जगलर कई गेंदों को सच्चे पैराबोलिक आर्क में ट्रैक करता है। गिनती एनर्जी के साथ बढ़ती है: आइडल में दो-तीन, फ़ुल पावर पर छह तक, और भीड़ के पागल होने पर पीठ के पीछे से कैच। सही टाइमिंग बनाने के लिए हर गेंद का फ़ेज़ अलग करना ज़रूरी था ताकि वे एक जगह न इकट्ठी हों।
फ़ायर ब्रीदर मौजूदा पार्टिकल सिस्टम इस्तेमाल करता है लेकिन एक नए हीट-शिमर इफ़ेक्ट के साथ। लपट की लंबाई एनर्जी के साथ बढ़ती है, और क्लिक बोनस बर्स्ट पैदा करते हैं। सबसे मुश्किल हिस्सा था कलर ब्लेंडिंग — बेस पर गहरे लाल से टिप पर चमकीले पीले तक बिना बैंडिंग के स्मूथ ट्रांज़िशन।
दोनों एक्ट्स मौजूदा रोटेशन सिस्टम में फ़िट होते हैं, तो आप उन्हें मूल पाँचों के साथ स्वैप होते देखेंगे। अगर कोई पसंदीदा पिन करना चाहें, तो Settings पैनल अब आपको अलग-अलग एक्ट्स ऑन और ऑफ़ करने देता है।
इतिहास पेज के पीछे का इतिहास
FleaWinder के इतिहास पेज में चार सौ से अधिक वर्षों के वास्तविक पिस्सू सर्कसों का दस्तावेज़ है — 1665 में रॉबर्ट हुक के माइक्रोस्कोप स्केच से लेकर आज भी काम करने वाले ऑक्टोबरफ़ेस्ट कलाकारों तक। इसे लिखने के लिए विक्टोरियन प्लेबिल, डिजिटाइज़ अख़बार की कतरनें, और कीटविज्ञान मनोरंजन पर आश्चर्यजनक संख्या में अकादमिक पेपर पढ़ने पड़े।
सबसे मुश्किल हिस्सा था यह तय करना कि क्या छोड़ा जाए। अकेले लुई बर्तोलोत्तो से एक किताब भर सकती है (और उन्होंने भरी भी — कई, असल में)। समझौता एक ऐसी टाइमलाइन बनी जो मुख्य घटनाओं को छूती है और गहराई में जाने वालों के लिए विस्तार योग्य अनुभाग हैं।
पेज ड्रॉप कैप्स, सजावटी विभाजक और सेरिफ़ टाइपफ़ेस इस्तेमाल करता है जो उन ब्रॉडशीट्स और प्लेबिलों की याद दिलाते हैं जिनका यह वर्णन करता है। हर सेक्शन डिफ़ॉल्ट रूप से बंद रहता है ताकि पाठक अभिभूत न हो, लेकिन पहला पैराग्राफ़ हमेशा ड्रॉप कैप के साथ दिखता है ताकि आपको खींचे।
सारा टेक्स्ट अंग्रेज़ी, स्पैनिश और जर्मन में उपलब्ध है। अनुवाद प्रक्रिया में कुछ दिलचस्प स्थानीय इतिहास सामने आया — उदाहरण के लिए, ऑक्टोबरफ़ेस्ट में जर्मन Flohzirkus परंपराओं की अपनी वंशावली है जो लंदन और न्यूयॉर्क के दृश्यों से अलग है।
मैंने FleaWinder क्यों बनाया
मैं कुछ ऐसा चाहता था जो कंप्यूटर को ज़िंदा महसूस कराए — ध्यान भटकाने वाले तरीके से नहीं, बल्कि एक शांत साथी की तरह जो आपकी मौजूदगी पर प्रतिक्रिया दे। ज़्यादातर स्क्रीनसेवर तब चालू होते हैं जब आप जाते हैं; FleaWinder तब चालू होता है जब आप आते हैं।
आइडिया सरल था: वो सब बेकार इनपुट लो जो आपका ऑपरेटिंग सिस्टम अनदेखा करता है — आपकी टाइपिंग की लय, माउस की स्पीड, क्लिक्स की ताल — और इसे एनिमेटेड सर्कस पिस्सुओं की टोली को खिला दो। जितना ज़्यादा काम करो, उतना ज़्यादा शो जीवंत होता है।
इसे टास्कबार के ऊपर एक पारदर्शी ओवरले के रूप में बनाना सही सीमा साबित हुई। यह हमेशा दिखता है लेकिन कभी रास्ते में नहीं आता। आप इससे सीधे इंटरैक्ट नहीं करते; आप बस काम करते हैं, और यह प्रतिक्रिया देता है। तकनीकी चुनौती इसे वाक़ई क्लिक-थ्रू बनाना था ताकि यह कभी फ़ोकस न चुराए।
FleaWinder विक्टोरियन पिस्सू सर्कस को प्रेम पत्र है — एक वास्तविक, सदियों पुरानी कला जहाँ घड़ीसाज़ असली पिस्सुओं को लघु गाड़ियाँ खींचने और तार पर चलने के लिए बाँधते थे। इतिहास पेज वो पूरी कहानी बताता है।
