Web OS đồ họa 1-bit dựa trên giao diện người dùng của Apple Lisa
(alpha.lisagui.com)- LisaGUI là một dự án web OS mô phỏng phong cách Apple Lisa, hiện được công bố ở trạng thái Alpha release
- Bản sắc cốt lõi nằm ở giao diện theo chủ đề Lisa dựa trên đồ họa 1-bit
- Màn hình ban đầu hiển thị dòng chữ
NO JScùng các lựa chọnREFRESH PAGE,MORE INFO,STARTUP FROM... - Mỗi lựa chọn được bố trí với các số
1,2,3, trông giống như màn hình khởi động hoặc chọn menu - Chỉ dựa trên thông tin đã công bố thì không thể xác định trình duyệt được hỗ trợ, cách sử dụng, phương thức triển khai hay giấy phép
Màn hình Alpha của LisaGUI
- LisaGUI được giới thiệu là một dự án web OS theo chủ đề Lisa
- Theo mô tả meta, đây là Alpha release sử dụng đồ họa 1-bit
- Các mục hiển thị trên màn hình:
NO JS1 REFRESH PAGE2 MORE INFO3 STARTUP FROM...
Thông tin chưa được xác nhận
- Cách cài đặt, điều kiện chạy, danh sách tính năng, stack công nghệ và thông tin giấy phép không có trong nội dung đã công bố
- Chỉ dựa vào nội dung thì khó xác định chính xác ý nghĩa hoặc cách hoạt động của dòng chữ
NO JS
1 bình luận
Ý kiến trên Hacker News
Lisa không dùng pixel vuông, nên canvas đã được scale để chiều dọc gấp 1,5 lần chiều ngang
Trên màn hình độ phân giải cao, vùng render thực tế gần như được nhân đôi nên nhìn chung trông ổn, nhưng trên màn hình độ phân giải thấp, pixel có thể trông như 1px × 1,5px và bị méo
Nếu phóng cửa sổ đủ lớn trên màn hình lớn nhưng độ phân giải thấp, thiết lập tỷ lệ số nguyên tự động sẽ được áp dụng để pixel hiển thị lớn hơn; cũng có thể bật cưỡng bức trong tùy chọn hiển thị của ứng dụng Preferences
Nếu bạn làm hỏng thiết lập, hãy giữ phím Shift khi khởi động lại LisaGUI để đặt lại thiết lập tỷ lệ
Trong PWA trên iOS có vài lỗi nhỏ liên quan đến vị trí canvas; xoay thiết bị sang hướng khác rồi xoay lại sẽ khắc phục được, nhưng khá phiền
Để đóng cửa sổ, hãy nhấp đúp vào biểu tượng trên thanh tiêu đề; đây là thao tác “gập cửa sổ lại thành biểu tượng”
Nếu là HTML thì phần này hầu như có sẵn miễn phí
Tôi thật sự thích những Show HN kiểu này
Có cái thú khi học JavaScript thuần mộc mạc và một “Lisa GUI” xa lạ, có từ rất lâu trước thời của tôi
Sẽ rất hay nếu có một game như phá gạch trong demo hoặc ví dụ, nhưng đó là đứa trẻ trong tôi lên tiếng thôi
Để tri ân Xerox, một ngày nào đó tôi cũng muốn thử làm thứ gì đó như Mazewar trên Xerox Alto, nhưng có vẻ đó sẽ là một việc lớn, nhất là nếu thêm cả networking
Tôi đã nhận được nhiều phản hồi về phông chữ, và có người nói một số chữ trông có độ rộng không đều
Các ký tự đúng nghĩa là phông bitmap, nên miễn là không áp dụng style thì chúng luôn được xuất ra theo cùng một cách; việc áp dụng style cũng được xử lý nhất quán
Phông hệ thống của Lisa có phong cách khá độc đáo: các nét dọc của mỗi chữ hơi rộng hơn nét ngang để bù cho tỷ lệ pixel 2:3
Nếu trông không đều, có thể là do bạn đang xem ở tỷ lệ 1x trên màn hình độ phân giải thấp; để debug thì cần ảnh chụp màn hình
Trên Windows có thể chụp bằng Windows + PrintScreen, trên Mac bằng Command + Shift + 3, rồi gửi qua liên kết email ở cuối https://yaros.ae/ hoặc qua Bluesky(https://bsky.app/profile/lisagui.com)
Tôi cũng đăng cập nhật dự án lên tài khoản Bluesky, và trên website cũng có liên kết RSS cho những người dùng kiểu cũ không muốn tạo tài khoản Bluesky
Kiểu chữ đổ bóng trong ứng dụng Preferences và trình biên tập FatBits thật sự gợi lại ký ức xưa
Ngoại trừ việc cửa sổ không có nút đóng, thật đáng kinh ngạc là khi bóc đi 40 năm “đổi mới” UX, kết quả vẫn hiệu quả và trực quan
Tôi nghĩ hành vi nhấp một lần rồi menu vẫn mở là một cải tiến đáng hoan nghênh xuất hiện muộn hơn nhiều
Giờ mọi người đều đã quen nên tôi cố ý thêm vào; bạn có thể nhấp một lần để giữ menu mở, hoặc nhấn giữ chuột rồi kéo để mở và thả nút thì đóng
Ít nhất từng có một extension cho Mac cho phép dùng menu cố định trên Mac OS đời đầu như System 6, nên xem như tôi đã backport tính năng đó về quá khứ thêm một chút
Để đóng cửa sổ, hãy nhấp đúp vào biểu tượng trên thanh tiêu đề
Có lẽ nó giống một thao tác tắt của File > Set Aside
Khi làm kỹ thuật viên sửa Mac đầu thập niên 90, tôi không dùng Lisa lâu nhưng đã có vài lần chạm vào nó, sửa một hai chiếc Lisa và còn độ một chiếc thành Mac XL
UI được tái hiện thật sự tốt, và bấm thử khắp nơi rất vui
Với con trỏ chuột trên di động, tôi khuyên nên làm cho nó hoạt động giống Microsoft Remote Desktop trên iOS
Không phải con trỏ nhảy ngay đến vị trí bạn chạm trên màn hình, mà là khi bạn di chuyển ngón tay ở bất cứ đâu trên màn hình, con trỏ ở một vị trí khác — không nằm dưới ngón tay — sẽ di chuyển tương ứng
Khó giải thích, nhưng nếu thử dùng RDP bằng Windows App miễn phí của Microsoft trên thiết bị di động thì sẽ hiểu ngay
Chỉ cần bật chế độ trackpad trong bảng tùy chọn màn hình cảm ứng của Preferences
Khá tuyệt, và trên di động cũng hoạt động tốt hơn tôi tưởng
Tuy nhiên trò xếp hình shuffle có vẻ có lỗi tạo ra câu đố không giải được
Tôi bị vướng vấn đề parity, đã sắp để ô trống nằm ở góc trên bên trái nhưng game không phản hồi, nên có vẻ đó không phải lời giải dự định
Tôi cũng kiểm tra bằng công cụ giải online và nó báo không có lời giải
Có thể sau này sẽ thêm, nhưng trước mắt có lẽ sẽ theo kiểu nếu không giải được thì phải xáo lại, giống Solitaire
Tình cờ là tôi cũng định thêm Solitaire làm game tiếp theo
Khi bấm lung tung, có vẻ một phần tử nền nào đó được chọn và cả trang chuyển sang màu xanh; sau đó bấm thế nào cũng không bỏ chọn được
Chưa đến mức phá hỏng trải nghiệm, nhưng hơi khó chịu; tôi thấy trên Safari 18.5 (20621.2.5.11.8) và Google Chrome 138.0.7204.93
Hãy mở ứng dụng Preferences, đánh dấu Decorate Desktop, rồi trong bộ chọn bảng màu hãy chọn một màu khác ngoài Pale Blue Dot
Hiện nó chỉ được áp dụng sau khi quá trình tải thiết lập bắt đầu
Nếu điều này gây nhầm lẫn, có thể tôi sẽ ưu tiên đổi cách lưu để áp dụng thiết lập này ngay khi trang được tải
Có lẽ bằng thao tác kiểu vuốt, toàn bộ trang bị chọn màu xanh; kỳ lạ là dường như nó còn tự chọn dù không làm gì
Thử trên Firefox của iPhone thì khi điện thoại đang khóa xoay ở chế độ dọc, tôi không thấy nút cài đặt hay nút dùng thử
Nếu tắt khóa xoay thì ổn, có vẻ cách đọc độ phân giải thay đổi tùy theo có khóa xoay hay không
Thanh menu phía trên cũng không hiện gì, nên tôi không làm được gì
Dù vậy đây là một khối lượng công việc khổng lồ, và giờ có thể thật sự dùng được nên rất ấn tượng
Thật ra không chỉ ổn, mà là quá tuyệt
Khi dùng tôi thật sự đã mỉm cười, và tốc độ cũng rất nhanh
Tuy nhiên rõ ràng layout vẫn cần được tinh chỉnh để responsive hơn
Nếu màn hình điện thoại quá nhỏ, văn bản có thể tràn và một số phần bị cắt, nhưng vì Lisa không có các panel cuộn như vậy nên tôi không muốn ép thêm vùng cuộn vào mọi hộp thoại
Tôi đang cân bằng giữa độ chính xác lịch sử, các ràng buộc hiện đại và khoản nợ kỹ thuật tự tạo, nên chắc chắn sẽ phải có thỏa hiệp
Vì đang dùng di động nên tôi chỉ thử vài thứ, nhưng độ phản hồi tốt nên rất ấn tượng