Boing

 (boing.greg.technology)
4 पॉइंट द्वारा GN⁺ 2025-12-01 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • यह वेबसाइट एक सरल इंटरैक्टिव सेवा है जो हर बार जब उपयोगकर्ता माउस से स्प्रिंग पर लगे बॉल को खींचकर छोड़ने की क्रिया करता है, तब ‘boing’ की गिनती को रिकॉर्ड करती है।
  • बॉल और स्प्रिंग एंगल के हिसाब से फिज़िकलली मूव करते हैं।
  • प्रत्येक यूज़र के लिए “you've boinged 0 times” टेक्स्ट के जरिए वर्तमान उपयोग संख्या दिखाई जाती है।
  • दुनिया भर में जमा हुआ कुल boing की गिनती भी साथ में दिखाई देती है।
  • न्यूनतम इंटरफेस के साथ यह एक पार्टिसिपेटरी वेब एक्सपेरिमेंट जैसा प्रोजेक्ट है

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2025-12-01
Hacker News की राय

  • यह सच में बहुत पसंद आया। मैंने थोड़ा cheat code इस्तेमाल करके माउस को अपने-आप हिलाया

    • उस दिन का इंतज़ार है जब कोई इससे Star Wars Imperial March को रीक्रिएट करने वाला कोड लिखेगा (YouTube लिंक)
    • इसे boing.playcode.io पर खुद चलाकर देख सकते हैं
    • असल में माउस हिलाने की ज़रूरत नहीं है, गेंद के अंदर बस थोड़ा off-center click कर दें तो भी काम हो जाता है
    • मैं लगभग हार मानने वाला था, लेकिन आखिरकार scale playback script पूरा कर लिया। हर interval के हिसाब से spring को खींचकर और छोड़कर auto-play लागू किया
    • इतना मज़ेदार था कि बस “अपवोट ले लो” वाली प्रतिक्रिया निकलती है

  • मज़ेदार बात यह है कि, यह perfect physics simulation नहीं है, इसलिए उल्टा ज़्यादा real लगता है
    अगर इसे पूरी तरह Hooke's law से लागू करें तो यह बहुत stiff और नकली लगता है, लेकिन थोड़ा looseness और damping देने पर ज़्यादा natural महसूस होता है। यह एक तरह की ‘controlled sloppiness’ है

    • क्या “perfect physics” का मतलब यह नहीं होना चाहिए कि वह reality को पूरी तरह model करे? क्या बात यह है कि Hooke's law unrealistic है, या यह कि असली spring simulator unrealistic है? थोड़ा confusing है
    • पुराने गेम Elasto Mania ने इस सिद्धांत का बहुत चरम इस्तेमाल किया था। मोटरबाइक की बढ़ा-चढ़ाकर दिखाई गई physics की वजह से अजीब लेकिन शानदार stunt किए जा सकते थे (elastomania.com)
    • Hooke's law सिर्फ ideal spring model है, जबकि असली spring में damping और friction होते हैं। ज़्यादा realistic model वह mass-spring-damper model है जिसमें damping term जोड़ा जाता है (Wikipedia लिंक)
    • Hooke's law सिर्फ spring द्वारा लगाए गए force को देखता है, spring के अपने mass distribution या momentum changes को नज़रअंदाज़ करता है। असली दुनिया कहीं ज़्यादा complex है, इसलिए Hooke's law सिर्फ first-order approximation है
    • पुराने platform games में भी यही बात थी, असली physics engine लगाने से उल्टा controls खराब हो जाते थे

  • पहले जब एक दोस्त के घर बच्चा हुआ था, तो खिलौने इतने ज़्यादा थे कि living room एक obstacle course जैसा लग रहा था। लेकिन बच्चा आखिर में सिर्फ door spring से ही खेलता रहा। उस साधारण spring को छेड़ते रहना अजीब तरह से healing जैसा लगा

  • आखिरकार आ गया! अब समय है इससे classic meme video को रीक्रिएट करने का (YouTube Shorts लिंक)

  • इसे देखकर याद आता है कि पहले के साधारण web toys इतने satisfying क्यों लगते थे
    न login, न onboarding, न “upgrade to pro”, बस एक शुद्ध खिलौना जो एक काम बहुत अच्छे से करता था।
    एक global counter तो लगा है, लेकिन ज़रूरत से ज़्यादा gamification के बिना सब साफ-सुथरा है

  • किसी ने सुझाव दिया, “इसे social feature बनाकर देखें?” जैसे, मैं अपना बनाया हुआ ‘Boing’ अपनी बहन को भेजूँ और वह मेरी कला को rate करे

    • “आखिरी भेजा गया Boing”? “लूप में चलने वाला Boing”? ऐसा कुछ बनाया जा सकता है। इसे गंभीरता से सोच रहा हूँ :-)

  • अगर यह Elon Musk होता, तो शायद कहता, “यह world simulator का शुरुआती alpha version है, और एक साल के भीतर यह मौसम और stock market की पूरी तरह भविष्यवाणी करेगा”

  • मैं सोच रहा था कि क्या uncompressed code जारी करने का कोई इरादा है। कोड पढ़ना चाहता था, लेकिन वह obfuscated था इसलिए अफसोस हुआ। ऊपर-ऊपर से देखने पर लगा कि यह howler.js पर आधारित है, और core logic mobile template के नीचे वाले हिस्से में है

    • हाँ, बिल्कुल जारी किया है! GitHub रिपॉज़िटरी
    • किसी online unminifier से खोलकर देखने का क्या ख़याल है? (unminify2.com)
    • संरचना देखकर लगता है कि यह exponential damping based spring simulation को requestAnimationFrame से लागू करता है। इसका AI से बना version भी है (jsfiddle लिंक)

  • इसका accurately simulated version भी देखना चाहूँगा। उदाहरण के लिए engine-sim.parts जैसी शैली में

  • अच्छा होता अगर दुनिया भर के लोगों द्वारा बनाए गए कुल Boing काउंटर जैसा कुछ होता

    • बढ़िया आइडिया था, इसलिए तुरंत world Boing counter लागू कर दिया
    • इसमें Boing heatmap भी जोड़ दें तो मज़ा आ जाएगा