애플 Lisa의 UI를 기반으로 한 1비트 그래픽 웹 OS

 (alpha.lisagui.com)
1P by GN⁺ | ★ favorite | 댓글 1개
  • LisaGUI는 Apple Lisa 스타일을 차용한 웹 OS 프로젝트로, 현재 Alpha release 상태로 공개됨
  • 핵심 정체성은 1비트 그래픽 기반의 Lisa 테마 인터페이스에 있음
  • 초기 화면은 NO JS 문구와 함께 REFRESH PAGE, MORE INFO, STARTUP FROM... 선택지를 보여줌
  • 각 선택지는 1, 2, 3 번호로 배치되어 있어 부팅 또는 메뉴 선택 화면처럼 보임
  • 공개된 정보만으로는 지원 브라우저, 사용 방법, 구현 방식, 라이선스를 확인할 수 없음

LisaGUI Alpha 화면

  • LisaGUI는 Lisa 테마의 웹 OS 프로젝트로 소개됨
  • 메타 설명 기준으로 1비트 그래픽을 사용하는 Alpha release임
  • 화면에 표시된 항목:
    • NO JS
    • 1 REFRESH PAGE
    • 2 MORE INFO
    • 3 STARTUP FROM...

확인되지 않은 정보

  • 설치 방법, 실행 조건, 기능 목록, 기술 스택, 라이선스 정보는 공개된 본문에 없음
  • NO JS 문구의 정확한 의미나 동작 방식은 본문만으로 확인하기 어려움

함께 보면 좋은 글 β

GN⁺   [-]
Hacker News 의견들

  • Lisa는 정사각형 픽셀이 아니라서 캔버스를 가로보다 세로가 1.5배가 되도록 스케일링했음
    고해상도 디스플레이에서는 렌더링 공간이 사실상 두 배라서 대체로 괜찮아 보이지만, 저해상도 디스플레이에서는 픽셀이 1px × 1.5px처럼 보여 왜곡될 수 있음
    큰 저해상도 디스플레이에서 창을 충분히 키우면 자동 정수 배율 설정이 적용되어 픽셀이 더 크게 표시되고, Preferences 앱의 디스플레이 옵션에서 강제로 켤 수도 있음
    설정을 망쳤다면 Shift 키를 누른 채 LisaGUI를 다시 시작하면 배율 설정이 초기화됨
    iOS의 PWA에서는 캔버스 위치와 관련된 사소한 버그가 몇 개 있고, 기기를 다른 방향으로 돌렸다가 다시 돌리면 해결되지만 번거로움
    창을 닫으려면 제목 표시줄의 아이콘을 두 번 클릭하면 되고, 이는 “창을 다시 아이콘으로 접는” 동작임

    • 브라우저 크기와 무관한 동적 창/글꼴 배율 조정은 어떻게 처리하는지 궁금함
      HTML이면 대체로 공짜로 얻는 부분임

  • 이런 Show HN이 정말 좋음
    담백한 바닐라 JavaScript와, 내 시대보다 훨씬 전의 낯선 “Lisa GUI”를 배우는 재미가 있음
    데모나 예제에 벽돌깨기 같은 게임이 있으면 좋겠지만, 그건 내 안의 어린아이가 하는 말임

    • 다음 게임으로는 솔리테어를 만들 예정임
      Xerox에 경의를 표하는 의미로 Xerox Alto의 Mazewar 같은 것도 언젠가 만들어보고 싶지만, 특히 네트워킹까지 넣으려면 큰 작업이 될 것 같음

  • 글꼴에 대해 여러 피드백을 받았고, 몇몇 글자 폭이 고르지 않아 보인다는 말이 있었음
    글자는 말 그대로 비트맵 글꼴이라서 스타일이 적용되지 않는 한 항상 같은 방식으로 출력되며, 스타일 적용도 일관적으로 처리됨
    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 편집기가 정말 옛 기억을 떠올리게 함
    창에 닫기 버튼이 없다는 점만 빼면, 40년치 UX “혁신”을 걷어내도 여전히 생산적이고 직관적인 결과가 나온다는 게 놀라움
    한 번 클릭한 뒤 메뉴가 열린 채로 유지되는 동작은 훨씬 나중에 나온 환영할 만한 개선이었던 것 같음

    • 고정 메뉴는 훨씬 나중에 등장했음
      지금은 모두가 익숙해져 있어서 일부러 추가했고, 한 번 클릭해 메뉴를 계속 열어둘 수도 있고 마우스를 누른 채 드래그해 열었다가 버튼을 놓으면 닫히게 할 수도 있음
      System 6 같은 초기 Mac OS에서 고정 메뉴를 쓰게 해주는 Mac 확장이 적어도 하나 있었고, 그 기능을 조금 더 과거로 백포트한 셈임
      창을 닫으려면 제목 표시줄 아이콘을 두 번 클릭하면 됨
    • 창 왼쪽 위 아이콘을 두 번 클릭하면 닫을 수 있음
      아마 File > Set Aside의 단축 동작 같은 셈임

  • 90년대 초 Mac 수리 기술자로 일할 때 Lisa를 오래 쓰진 않았지만 몇 번 만져볼 기회가 있었고, Lisa 한두 대를 고치고 하나는 Mac XL로 개조하기도 했음
    UI를 정말 잘 재현했고, 여기저기 눌러보는 게 재미있었음

    • Lisa는 정말 멋진 기계이고, Apple의 다른 설계들보다 작업하고 수리하기가 확실히 쉬운 편임

  • 모바일의 마우스 커서는 iOS용 Microsoft Remote Desktop처럼 동작하게 만드는 걸 추천함
    화면을 탭한 위치에 커서가 바로 가는 게 아니라, 화면 어디든 손가락으로 움직이면 손가락 아래가 아닌 다른 위치의 커서가 비례해서 움직이는 방식임
    설명하기는 어렵고, 모바일 기기에서 Microsoft의 무료 Windows App으로 RDP를 써보면 바로 이해됨

    • 이미 그렇게 구현되어 있음
      Preferences의 터치스크린 옵션 패널에서 트랙패드 모드를 켜면 됨

  • 꽤 멋지고 모바일에서도 생각보다 잘 동작함
    다만 셔플 퍼즐 게임은 풀 수 없는 퍼즐을 생성하는 버그가 있는 것 같음
    패리티 문제에 걸렸고, 빈칸이 왼쪽 위에 오도록 맞췄지만 게임이 반응하지 않아서 의도한 해답은 아닌 듯함
    온라인 풀이 도구로도 확인했는데 해답이 없다고 나왔음

    • 아직 퍼즐이 풀 수 있는지는 검증하지 않고, 현재는 퍼즐 상태가 유효한지만 확인함
      나중에 추가할 수도 있지만, 당장은 솔리테어처럼 못 풀면 다시 섞어야 하는 방식이 될 것 같음
      우연히도 다음 게임으로 솔리테어를 추가할 계획임

  • 이것저것 클릭하다가 배경 요소 같은 게 선택되면서 페이지 전체가 파랗게 변했고, 이후 아무리 클릭해도 선택 해제가 안 됐음
    경험을 망칠 정도는 아니었지만 조금 거슬렸고, Safari 18.5 (20621.2.5.11.8)와 Google Chrome 138.0.7204.93에서 봤음

    • 같은 반응이었지만 의도된 동작임
      Preferences 앱을 열고 Decorate Desktop을 체크한 뒤 색상 팔레트 선택기에서 Pale Blue Dot이 아닌 다른 색을 고르면 됨
    • 캔버스 요소 자체가 선택된 게 아니라면, 그건 Lisa의 CRT를 흉내 내는 파란빛 기본 색상 팔레트임
      지금은 설정 로딩이 시작된 뒤에야 적용됨
      혼란을 준다면 페이지가 로드되는 즉시 이 설정을 적용할 수 있도록 저장 방식을 우선적으로 바꿀 수도 있음
    • iPhone에서도 같음
      아마 스와이프 같은 동작으로 전체 페이지가 파랗게 선택된 듯하고, 아무것도 안 해도 자동 선택되는 것 같아 이상함
    • 그 색조는 Lisa CRT의 느낌을 흉내 내기 위한 것으로 보임

  • iPhone의 Firefox에서 써보니, 휴대폰이 세로 모드 회전 잠금 상태일 때는 설치나 체험 버튼이 보이지 않음
    회전 잠금을 끄면 괜찮은데, 잠금 여부에 따라 해상도 읽는 방식이 달라지는 것 같음
    위쪽 메뉴 막대에도 아무것도 안 보여서 할 수 있는 게 없었음
    그래도 엄청난 작업이고, 이제 실제로 쓸 수 있어서 정말 인상적임

    • 페이지 확대/축소를 조금 줄이니 버튼이 보였고 이후에는 모두 괜찮았음
      사실 괜찮은 정도가 아니라 정말 끝내줬음
      쓰는 동안 실제로 미소가 났고, 속도도 매우 빠름
    • 설치 프로그램에서 메뉴 막대가 숨겨지는 건 Lisa 설치 프로그램이 실제로 그렇게 생겼기 때문임
      다만 레이아웃을 더 반응형으로 다듬을 필요는 분명히 있음
      휴대폰 화면이 너무 작으면 텍스트가 넘치고 일부가 잘릴 수 있지만, Lisa에는 그런 스크롤 가능한 패널이 없었기 때문에 모든 대화상자에 스크롤 영역을 억지로 넣고 싶지는 않음
      역사적 정확성, 현대적 제약, 스스로 만든 기술 부채 사이에서 균형을 맞추는 중이라 타협은 생길 수밖에 없음

  • 모바일이라 몇 가지만 해봤지만, 반응성이 좋아서 인상적임

답변달기