เว็บ OS กราฟิก 1 บิตที่อิงจาก UI ของ Apple Lisa

 (alpha.lisagui.com)
1 คะแนน โดย GN⁺ 2025-07-07 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • LisaGUI เป็นโปรเจ็กต์เว็บ OS ที่นำสไตล์ของ Apple Lisa มาใช้ และขณะนี้เผยแพร่อยู่ในสถานะ Alpha release
  • เอกลักษณ์หลักคืออินเทอร์เฟซธีม Lisa ที่ใช้กราฟิกแบบ 1 บิต
  • หน้าจอเริ่มต้นแสดงตัวเลือก NO JS, REFRESH PAGE, MORE INFO, STARTUP FROM...
  • ตัวเลือกแต่ละรายการถูกจัดวางด้วยหมายเลข 1, 2, 3 จึงดูคล้ายหน้าจอบูตหรือหน้าจอเลือกเมนู
  • จากข้อมูลที่เปิดเผยในขณะนี้ ยังไม่สามารถยืนยันเบราว์เซอร์ที่รองรับ วิธีใช้งาน วิธีการพัฒนา หรือไลเซนส์ได้

หน้าจอ Alpha ของ LisaGUI

  • LisaGUI ถูกแนะนำว่าเป็นโปรเจ็กต์เว็บ OS ธีม Lisa
  • ตามคำอธิบายเมตา เป็น Alpha release ที่ใช้กราฟิกแบบ 1 บิต
  • รายการที่แสดงบนหน้าจอ:
    • NO JS
    • 1 REFRESH PAGE
    • 2 MORE INFO
    • 3 STARTUP FROM...

ข้อมูลที่ยังไม่ได้รับการยืนยัน

  • วิธีติดตั้ง เงื่อนไขการใช้งาน รายการฟีเจอร์ เทคโนโลยีที่ใช้ และข้อมูลไลเซนส์ ไม่มีอยู่ในเนื้อหาที่เปิดเผย
  • ความหมายที่แน่ชัดหรือรูปแบบการทำงานของข้อความ NO JS ยังยืนยันได้ยากจากตัวบทเพียงอย่างเดียว

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2025-07-07
ความคิดเห็นบน Hacker News

  • Lisa ไม่ได้ใช้ พิกเซลสี่เหลี่ยมจัตุรัส จึงสเกลแคนวาสให้แนวตั้งเป็น 1.5 เท่าของแนวนอน
    บนจอความละเอียดสูง พื้นที่เรนเดอร์แทบจะเป็นสองเท่า จึงโดยรวมดูใช้ได้ แต่บนจอความละเอียดต่ำ พิกเซลอาจดูเหมือน 1px × 1.5px และเกิดการบิดเบี้ยวได้
    ถ้าขยายหน้าต่างให้ใหญ่พอบนจอขนาดใหญ่ที่ความละเอียดต่ำ การตั้งค่าสเกลแบบจำนวนเต็มอัตโนมัติจะถูกใช้ ทำให้พิกเซลแสดงใหญ่ขึ้น และยังบังคับเปิดได้จากตัวเลือกจอแสดงผลในแอป Preferences
    ถ้าตั้งค่าพังไปแล้ว ให้กดปุ่ม Shift ค้างไว้แล้วเปิด LisaGUI ใหม่ การตั้งค่าสเกลจะถูกรีเซ็ต
    บน PWA ของ iOS มีบั๊กเล็ก ๆ บางอย่างเกี่ยวกับตำแหน่งแคนวาส และแก้ได้โดยหมุนเครื่องไปทิศทางอื่นแล้วหมุนกลับมา แต่ก็น่ารำคาญ
    หากต้องการปิดหน้าต่าง ให้ดับเบิลคลิกไอคอนบนแถบชื่อ ซึ่งเป็นการ “พับหน้าต่างกลับเป็นไอคอน”

    • สงสัยว่าจัดการ การปรับสเกลหน้าต่าง/ฟอนต์แบบไดนามิก ที่ไม่ขึ้นกับขนาดเบราว์เซอร์อย่างไร
      ถ้าเป็น HTML โดยทั่วไปแทบจะได้สิ่งนี้มาฟรี ๆ

  • ชอบ Show HN แบบนี้มาก
    มี JavaScript วานิลลาแบบเรียบง่าย และความสนุกจากการได้เรียนรู้ “Lisa GUI” ที่ไม่คุ้นเคยและมาก่อนยุคของผมไกลมาก
    ถ้าในเดโมหรือตัวอย่างมีเกมอย่าง Breakout ก็คงดี แต่นั่นเป็นเสียงจากเด็กในตัวผมเอง

    • เกมถัดไปมีแผนจะทำ Solitaire
      สักวันหนึ่งก็อยากทำอะไรอย่าง Mazewar ของ Xerox Alto เพื่อคารวะ Xerox แต่คงเป็นงานใหญ่ โดยเฉพาะถ้าต้องใส่ระบบเครือข่ายด้วย

  • ได้รับฟีดแบ็กหลายอย่างเกี่ยวกับฟอนต์ และมีคนบอกว่าความกว้างของตัวอักษรบางตัวดูไม่สม่ำเสมอ
    ตัวอักษรเป็น ฟอนต์บิตแมป ตามตัวจริง ดังนั้นตราบใดที่ไม่ได้ใส่สไตล์ มันจะแสดงผลแบบเดิมเสมอ และการใส่สไตล์ก็ถูกจัดการอย่างสม่ำเสมอเช่นกัน
    ฟอนต์ระบบของ Lisa มีสไตล์เฉพาะตัว โดยเส้นตั้งของตัวอักษรแต่ละตัวจะกว้างกว่าเส้นนอนเล็กน้อย เพื่อชดเชยอัตราส่วนพิกเซล 2:3
    ถ้าดูไม่สม่ำเสมอ อาจเป็นเพราะกำลังดูที่สเกล 1 เท่าบนจอความละเอียดต่ำ และถ้าจะดีบักก็ต้องมีสกรีนช็อต
    บน Windows ให้จับภาพด้วย Windows + PrintScreen ส่วนบน Mac ใช้ Command + Shift + 3 แล้วส่งมาทางลิงก์อีเมลที่ด้านล่างของ https://yaros.ae/ หรือทาง Bluesky(https://bsky.app/profile/lisagui.com)
    อัปเดตโปรเจกต์ก็โพสต์ไว้ที่บัญชี Bluesky เช่นกัน และสำหรับผู้ใช้สายเก่าที่ไม่อยากสร้างบัญชี Bluesky ก็มีลิงก์ RSS บนเว็บไซต์ด้วย

  • สไตล์ข้อความเงา ในแอป Preferences กับตัวแก้ไข FatBits ทำให้นึกถึงความทรงจำเก่า ๆ จริง ๆ
    ยกเว้นแค่ตรงที่หน้าต่างไม่มีปุ่มปิด เป็นเรื่องน่าทึ่งที่แม้จะลอก “นวัตกรรม” UX ตลอด 40 ปีออกไป ก็ยังได้ผลลัพธ์ที่ใช้งานได้จริงและเข้าใจง่าย
    พฤติกรรมที่คลิกครั้งเดียวแล้วเมนูยังเปิดค้างไว้ น่าจะเป็นการปรับปรุงที่น่ายินดีซึ่งเกิดขึ้นหลังจากนั้นนานพอสมควร

    • เมนูแบบค้างไว้ มาทีหลังมาก
      ตอนนี้ทุกคนคุ้นเคยกับมันแล้ว เลยตั้งใจเพิ่มเข้าไป โดยจะคลิกครั้งเดียวเพื่อให้เมนูเปิดค้างไว้ก็ได้ หรือกดเมาส์ค้างแล้วลากเพื่อเปิด จากนั้นปล่อยปุ่มแล้วให้ปิดก็ได้
      เคยมีส่วนขยาย Mac อย่างน้อยหนึ่งตัวที่ทำให้ใช้เมนูแบบค้างไว้ใน Mac OS ยุคแรก ๆ อย่าง System 6 ได้ เท่ากับเป็นการพอร์ตฟีเจอร์นั้นย้อนกลับไปในอดีตอีกนิด
      หากต้องการปิดหน้าต่าง ให้ดับเบิลคลิกไอคอนบนแถบชื่อ
    • ดับเบิลคลิกไอคอนมุมซ้ายบนของหน้าต่างก็ปิดได้
      น่าจะเหมือนเป็นชอร์ตคัตของ File > Set Aside

  • ตอนทำงานเป็นช่างซ่อม Mac ช่วงต้นยุค 90 ไม่ได้ใช้ Lisa นานนัก แต่มีโอกาสได้จับอยู่สองสามครั้ง และเคยซ่อม Lisa หนึ่งสองเครื่อง รวมถึงดัดแปลงเครื่องหนึ่งเป็น Mac XL ด้วย
    UI ทำออกมาได้เหมือนมาก และสนุกดีที่ได้ลองกดไปตามจุดต่าง ๆ

    • Lisa เป็นเครื่องที่ยอดเยี่ยมจริง ๆ และเมื่อเทียบกับงานออกแบบอื่น ๆ ของ Apple แล้ว ทำงานด้วยและซ่อมได้ง่ายกว่าอย่างชัดเจน

  • แนะนำให้ทำเคอร์เซอร์เมาส์บนมือถือให้ทำงานเหมือน Microsoft Remote Desktop บน iOS
    ไม่ใช่ให้เคอร์เซอร์กระโดดไปยังตำแหน่งที่แตะบนหน้าจอทันที แต่เป็นแบบที่ไม่ว่าจะขยับนิ้วตรงไหนบนหน้าจอ เคอร์เซอร์อีกตำแหน่งหนึ่งซึ่งไม่ได้อยู่ใต้นิ้วจะขยับตามสัดส่วน
    อธิบายยาก แต่ถ้าลองใช้ RDP ผ่านแอป Windows ฟรีของ Microsoft บนอุปกรณ์มือถือก็จะเข้าใจทันที

    • ทำไว้แบบนั้นอยู่แล้ว
      เปิด โหมดแทร็กแพด ได้ในแผงตัวเลือกหน้าจอสัมผัสของ Preferences

  • ค่อนข้างเจ๋ง และบนมือถือก็ทำงานได้ดีกว่าที่คิด
    แต่เกมปริศนาสับเปลี่ยนดูเหมือนมีบั๊กที่สร้างปริศนาที่แก้ไม่ได้
    ติด ปัญหาพาริตี และจัดให้ช่องว่างอยู่มุมซ้ายบนแล้ว แต่เกมไม่ตอบสนอง จึงดูเหมือนไม่ใช่คำตอบที่ตั้งใจไว้
    ลองตรวจด้วยเครื่องมือแก้ออนไลน์แล้วก็ขึ้นว่าไม่มีคำตอบ

    • ตอนนี้ยังไม่ได้ตรวจว่าปริศนาแก้ได้หรือไม่ ตรวจเพียงว่าสถานะของปริศนาถูกต้องเท่านั้น
      อาจเพิ่มทีหลัง แต่ตอนนี้คงเป็นแนวว่า ถ้าแก้ไม่ได้ก็ต้องสับใหม่ เหมือน Solitaire
      บังเอิญว่ามีแผนจะเพิ่ม Solitaire เป็นเกมถัดไปพอดี

  • ระหว่างคลิกนู่นนี่ มีบางอย่างเหมือนองค์ประกอบพื้นหลังถูกเลือก แล้วทั้งหน้าก็กลายเป็นสีน้ำเงิน หลังจากนั้นคลิกเท่าไรก็ยกเลิกการเลือกไม่ได้
    ไม่ถึงกับทำลายประสบการณ์ แต่กวนใจเล็กน้อย พบใน Safari 18.5 (20621.2.5.11.8) และ Google Chrome 138.0.7204.93

    • ได้พฤติกรรมแบบเดียวกัน แต่นั่นเป็นสิ่งที่ตั้งใจไว้
      เปิดแอป Preferences แล้วติ๊ก Decorate Desktop จากนั้นเลือกสีอื่นที่ไม่ใช่ Pale Blue Dot ในตัวเลือกพาเล็ตสี
    • ถ้าไม่ได้เป็นการเลือกองค์ประกอบแคนวาสเอง นั่นคือพาเล็ตสีพื้นฐานโทนน้ำเงินที่เลียนแบบ CRT ของ Lisa
      ตอนนี้มันจะถูกใช้หลังจากเริ่มโหลดการตั้งค่าแล้วเท่านั้น
      ถ้าทำให้สับสน อาจจัดลำดับความสำคัญให้เปลี่ยนวิธีบันทึก เพื่อให้ใช้การตั้งค่านี้ทันทีที่หน้าโหลด
    • บน iPhone ก็เหมือนกัน
      น่าจะเป็นเหมือนทั้งหน้าถูกเลือกเป็นสีน้ำเงินจากการปัดหรือท่าทางบางอย่าง และดูแปลกเพราะเหมือนมันเลือกอัตโนมัติแม้ไม่ทำอะไรเลย
    • โทนสีนั้นดูเหมือนตั้งใจเลียนแบบความรู้สึกของ Lisa CRT

  • ลองใช้บน Firefox ใน iPhone แล้ว เมื่อโทรศัพท์ล็อกการหมุนไว้ในโหมดแนวตั้ง จะไม่เห็นปุ่มติดตั้งหรือปุ่มทดลอง
    ถ้าปิดล็อกการหมุนก็ใช้ได้ ดูเหมือนวิธีอ่านความละเอียดจะแตกต่างกันตามว่าล็อกไว้หรือไม่
    แถบเมนูด้านบนก็ไม่เห็นอะไรเลย จึงทำอะไรไม่ได้
    ถึงอย่างนั้นก็เป็นงานที่มหาศาล และน่าประทับใจมากที่ตอนนี้ใช้งานได้จริงแล้ว

    • ลดการซูมหน้าเว็บลงเล็กน้อยแล้วปุ่มก็โผล่มา หลังจากนั้นทุกอย่างก็เรียบร้อย
      จริง ๆ ไม่ใช่แค่เรียบร้อย แต่ยอดเยี่ยมมาก
      ระหว่างใช้งานยิ้มออกมาจริง ๆ และความเร็วก็ไวมาก
    • การที่แถบเมนูถูกซ่อนในตัวติดตั้ง เป็นเพราะ ตัวติดตั้งของ Lisa หน้าตาเป็นแบบนั้นจริง ๆ
      แต่ก็ชัดเจนว่ายังต้องปรับเลย์เอาต์ให้ตอบสนองกับหน้าจอมากกว่านี้
      ถ้าหน้าจอโทรศัพท์เล็กเกินไป ข้อความอาจล้นและบางส่วนอาจถูกตัด แต่ Lisa ไม่มีพาเนลแบบเลื่อนได้เช่นนั้น จึงไม่อยากยัดพื้นที่เลื่อนเข้าไปในทุกกล่องโต้ตอบแบบฝืน ๆ
      กำลังหาสมดุลระหว่างความถูกต้องทางประวัติศาสตร์ ข้อจำกัดยุคใหม่ และหนี้ทางเทคนิคที่สร้างขึ้นเองอยู่ จึงหลีกเลี่ยงการประนีประนอมไม่ได้

  • อยู่บนมือถือเลยลองแค่ไม่กี่อย่าง แต่ประทับใจเพราะ การตอบสนอง ดี