Apple Lisa के UI पर आधारित 1-बिट ग्राफ़िक्स Web OS

 (alpha.lisagui.com)
1 पॉइंट द्वारा GN⁺ 2025-07-07 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • LisaGUI एक web OS प्रोजेक्ट है जो Apple Lisa स्टाइल से प्रेरित है, और फिलहाल Alpha release स्थिति में सार्वजनिक किया गया है
  • इसकी मुख्य पहचान 1-बिट ग्राफ़िक्स आधारित Lisa-थीम इंटरफ़ेस है
  • शुरुआती स्क्रीन पर NO JS संदेश के साथ REFRESH PAGE, MORE INFO, STARTUP FROM... विकल्प दिखते हैं
  • हर विकल्प 1, 2, 3 नंबर के साथ रखा गया है, इसलिए यह boot या menu selection स्क्रीन जैसा दिखता है
  • केवल उपलब्ध जानकारी के आधार पर supported browser, उपयोग का तरीका, implementation method, या license की पुष्टि नहीं की जा सकती

LisaGUI Alpha स्क्रीन

  • LisaGUI को Lisa-थीम वाले web OS प्रोजेक्ट के रूप में पेश किया गया है
  • meta description के अनुसार यह 1-बिट ग्राफ़िक्स इस्तेमाल करने वाला Alpha release है
  • स्क्रीन पर दिखने वाले आइटम:
    • NO JS
    • 1 REFRESH PAGE
    • 2 MORE INFO
    • 3 STARTUP FROM...

अपुष्ट जानकारी

  • installation method, execution conditions, feature list, tech stack, और license जानकारी सार्वजनिक मुख्य-पाठ में नहीं है
  • NO JS संदेश का सटीक अर्थ या इसका working method केवल मुख्य-पाठ से स्पष्ट रूप से पता लगाना कठिन है

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

1 टिप्पणियां

 
GN⁺ 2025-07-07
Hacker News टिप्पणियाँ

  • Lisa में square pixels नहीं थे, इसलिए canvas को horizontal की तुलना में vertical में 1.5 गुना scale किया गया है
    high-resolution displays पर rendering space व्यावहारिक रूप से दोगुना होता है, इसलिए आम तौर पर ठीक दिखता है, लेकिन low-resolution displays पर pixels 1px × 1.5px जैसे दिख सकते हैं और distortion हो सकता है
    बड़े low-resolution display पर window को पर्याप्त बड़ा करने पर automatic integer scaling setting लागू हो जाती है, जिससे pixels बड़े दिखते हैं, और Preferences app के display options में इसे जबरन on भी किया जा सकता है
    अगर settings बिगाड़ दी हों, तो Shift key दबाए रखते हुए LisaGUI को फिर से start करने पर scaling settings reset हो जाती हैं
    iOS के PWA में canvas position से जुड़े कुछ छोटे bugs हैं; device को दूसरी orientation में घुमाकर वापस घुमाने से वे ठीक हो जाते हैं, लेकिन यह झंझट भरा है
    window बंद करने के लिए title bar के icon पर double-click करें; यह “window को वापस icon में fold करने” वाला action है

    • मुझे उत्सुकता है कि browser size से स्वतंत्र dynamic window/font scaling को कैसे handle किया गया है
      HTML में यह हिस्सा आम तौर पर मुफ्त में मिल जाता है

  • ऐसे Show HN मुझे बहुत पसंद हैं
    सादा vanilla JavaScript, और मेरे दौर से बहुत पहले की अपरिचित “Lisa GUI” सीखने का मज़ा है
    demo या example में Breakout जैसा कोई game हो तो अच्छा होगा, लेकिन यह मेरे अंदर का बच्चा बोल रहा है

    • अगले game के तौर पर Solitaire बनाने की योजना है
      Xerox को सम्मान देने के लिए Xerox Alto के Mazewar जैसा कुछ भी कभी बनाकर देखना चाहता हूँ, लेकिन खासकर networking भी जोड़नी हो तो यह बड़ा काम होगा

  • font के बारे में कई feedback मिले हैं, और कुछ लोगों ने कहा कि कुछ अक्षरों की width असमान लगती है
    अक्षर सचमुच bitmap font हैं, इसलिए जब तक style apply नहीं होता, वे हमेशा उसी तरह output होते हैं, और styling भी लगातार तरीके से handle की जाती है
    Lisa का system font 2:3 pixel aspect ratio को compensate करने के लिए एक अनोखा style है, जिसमें हर character के vertical strokes horizontal strokes से थोड़ा चौड़े होते हैं
    अगर यह असमान दिख रहा है, तो हो सकता है आप low-resolution display पर 1x scaling में देख रहे हों; debug करने के लिए screenshot चाहिए होगा
    Windows पर Windows + PrintScreen, Mac पर Command + Shift + 3 से capture करके https://yaros.ae/ के नीचे दिए email link या Bluesky(https://bsky.app/profile/lisagui.com) पर भेज दें
    project updates भी Bluesky account पर डाल रहा हूँ, और जो पुराने ढंग के users Bluesky account नहीं बनाना चाहते, उनके लिए website पर RSS link भी है

  • Preferences app का shadow text style और FatBits editor सचमुच पुरानी यादें ताज़ा कर देते हैं
    windows में close button न होने वाली बात छोड़ दें, तो हैरानी होती है कि 40 साल की UX “innovation” हटाने पर भी नतीजा अब भी productive और intuitive निकलता है
    एक बार click करने के बाद menu का open रहना शायद काफी बाद में आया एक स्वागतयोग्य सुधार था

    • sticky menus काफी बाद में आए थे
      अब सब इसके आदी हैं, इसलिए मैंने जानबूझकर जोड़ा है; आप एक बार click करके menu को खुला रख सकते हैं, या mouse दबाए रखते हुए drag करके खोल सकते हैं और button छोड़ते ही वह बंद हो जाएगा
      early Mac OS, जैसे System 6, में sticky menus देने वाला कम से कम एक Mac extension था, तो कह सकते हैं कि मैंने उस feature को थोड़ा और पीछे के दौर में backport कर दिया है
      window बंद करने के लिए title bar icon पर double-click करें
    • window के top-left icon पर double-click करके उसे बंद किया जा सकता है
      शायद यह File > Set Aside का shortcut action जैसा है

  • 90s की शुरुआत में Mac repair technician के तौर पर काम करते हुए मैंने Lisa को लंबे समय तक इस्तेमाल नहीं किया, लेकिन कुछ बार हाथ लगाने का मौका मिला, और एक-दो Lisa ठीक किए तथा एक को Mac XL में convert भी किया
    UI को सचमुच बहुत अच्छी तरह reproduce किया गया है, और इधर-उधर click करके देखना मज़ेदार था

    • Lisa वाकई शानदार machine है, और Apple के दूसरे designs की तुलना में इस पर काम करना और इसे repair करना निश्चित रूप से आसान है

  • mobile पर mouse cursor को iOS के Microsoft Remote Desktop जैसा behave कराने की सलाह दूँगा
    screen पर जहाँ tap किया, cursor सीधे वहाँ नहीं जाता; बल्कि screen पर कहीं भी finger move करने पर finger के नीचे नहीं, बल्कि किसी दूसरी जगह का cursor proportional तरीके से move करता है
    समझाना मुश्किल है; mobile device पर Microsoft के free Windows App से RDP इस्तेमाल करके देखें, तुरंत समझ आ जाएगा

    • यह पहले से उसी तरह implement किया गया है
      Preferences के touchscreen options panel में trackpad mode on कर दें

  • काफी बढ़िया है और mobile पर भी उम्मीद से बेहतर चलता है
    हालांकि shuffle puzzle game में ऐसा bug लगता है जो unsolvable puzzles generate करता है
    मैं parity problem में फँस गया; empty space को top-left में लाकर align कर दिया था, लेकिन game ने response नहीं दिया, इसलिए लगता है यह intended solution नहीं था
    online solver tool से भी verify किया, और उसने कहा कि कोई solution नहीं है

    • अभी यह verify नहीं करता कि puzzle solve हो सकता है या नहीं; फिलहाल केवल यह check करता है कि puzzle state valid है
      बाद में जोड़ सकता हूँ, लेकिन अभी के लिए शायद Solitaire की तरह अगर solve न हो तो फिर से shuffle करना पड़ेगा
      संयोग से अगले game के रूप में Solitaire जोड़ने की योजना है

  • इधर-उधर click करते हुए background element जैसा कुछ select हो गया और पूरी page blue हो गई; उसके बाद कितना भी click किया, selection हट नहीं रहा था
    experience खराब करने जितना नहीं था, लेकिन थोड़ा परेशान करने वाला था, और मैंने इसे Safari 18.5 (20621.2.5.11.8) और Google Chrome 138.0.7204.93 में देखा

    • मेरे यहाँ भी ऐसा ही behavior था, लेकिन यह intended है
      Preferences app खोलें, Decorate Desktop check करें, और color palette picker में Pale Blue Dot के अलावा कोई और color चुनें
    • अगर canvas element खुद select नहीं हुआ है, तो वह Lisa के CRT की नकल करने वाला blue-tinted default color palette है
      अभी यह settings loading शुरू होने के बाद ही apply होता है
      अगर इससे confusion हो रही है, तो मैं storage method बदलने को priority दे सकता हूँ ताकि page load होते ही यह setting apply हो सके
    • iPhone पर भी यही है
      शायद swipe जैसी action से पूरी page blue select हो गई लगती है, और कुछ न करने पर भी auto-select होता दिखता है, जो अजीब है
    • वह रंगत शायद Lisa CRT के feel की नकल करने के लिए है

  • iPhone के Firefox पर इस्तेमाल करके देखा; जब phone portrait mode rotation lock में था, तो install या try buttons दिखाई नहीं दे रहे थे
    rotation lock off करने पर ठीक था, शायद lock की स्थिति के हिसाब से resolution पढ़ने का तरीका बदलता है
    ऊपर के menu bar में भी कुछ नहीं दिख रहा था, इसलिए कुछ कर नहीं पा रहा था
    फिर भी यह जबरदस्त काम है, और अब इसे सच में इस्तेमाल किया जा सकता है—बहुत impressive

    • page zoom थोड़ा कम किया तो buttons दिख गए और उसके बाद सब ठीक था
      सच कहूँ तो सिर्फ ठीक नहीं, वाकई कमाल था
      इस्तेमाल करते समय सच में मुस्कान आ गई, और speed भी बहुत तेज़ है
    • installer में menu bar छिपना इसलिए है क्योंकि Lisa installer सच में ऐसा ही दिखता था
      हालांकि layout को और responsive बनाने की जरूरत साफ है
      अगर phone screen बहुत छोटी हो, तो text overflow कर सकता है और कुछ हिस्सा कट सकता है, लेकिन Lisa में ऐसे scrollable panels नहीं थे, इसलिए हर dialog box में जबरन scroll area डालना नहीं चाहता
      historical accuracy, modern constraints, और अपने ही बनाए technical debt के बीच balance कर रहा हूँ, इसलिए compromises तो होंगे ही

  • mobile पर था, इसलिए सिर्फ कुछ चीज़ें ही आज़माईं, लेकिन responsiveness अच्छी लगी और प्रभावित हुआ