Ein 1-Bit-Grafik-Web-OS auf Basis der UI des Apple Lisa

 (alpha.lisagui.com)
1 Punkte von GN⁺ 2025-07-07 | 1 Kommentare | Auf WhatsApp teilen
  • LisaGUI ist ein Web-OS-Projekt, das sich am Stil des Apple Lisa orientiert und derzeit als Alpha release veröffentlicht ist
  • Die zentrale Identität liegt in einer Lisa-thematisierten Oberfläche auf Basis von 1-Bit-Grafik
  • Der Startbildschirm zeigt neben dem Hinweis NO JS die Auswahlmöglichkeiten REFRESH PAGE, MORE INFO und STARTUP FROM...
  • Jede Option ist mit den Nummern 1, 2, 3 angeordnet, wodurch sie wie ein Boot- oder Menüauswahlbildschirm wirkt
  • Aus den veröffentlichten Informationen lassen sich unterstützte Browser, Nutzung, Implementierungsweise und Lizenz nicht entnehmen

LisaGUI-Alpha-Bildschirm

  • LisaGUI wird als Lisa-thematisiertes Web-OS-Projekt vorgestellt
  • Laut Meta-Beschreibung handelt es sich um ein Alpha release mit 1-Bit-Grafik
  • Auf dem Bildschirm angezeigte Einträge:
    • NO JS
    • 1 REFRESH PAGE
    • 2 MORE INFO
    • 3 STARTUP FROM...

Nicht bestätigte Informationen

  • Installationsmethode, Laufzeitvoraussetzungen, Funktionsliste, Tech-Stack und Lizenzinformationen sind im veröffentlichten Text nicht enthalten
  • Die genaue Bedeutung oder Funktionsweise des Hinweises NO JS lässt sich allein aus dem Text schwer bestimmen

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2025-07-07
Meinungen auf Hacker News

  • Da Lisa keine quadratischen Pixel hatte, wurde die Canvas so skaliert, dass sie vertikal 1,5-mal so groß ist wie horizontal.
    Auf hochauflösenden Displays sieht das meist in Ordnung aus, weil der Rendering-Bereich faktisch doppelt so groß ist; auf niedrigauflösenden Displays können die Pixel jedoch wie 1px × 1,5px wirken und verzerrt erscheinen.
    Wenn man das Fenster auf einem großen, niedrigauflösenden Display ausreichend vergrößert, greift automatisch eine ganzzahlige Skalierung, wodurch die Pixel größer dargestellt werden; man kann sie auch in den Anzeigeoptionen der Preferences-App erzwingen.
    Wenn man die Einstellungen vermasselt hat, kann man LisaGUI mit gedrückter Shift-Taste neu starten, um die Skalierungseinstellungen zurückzusetzen.
    In der iOS-PWA gibt es ein paar kleinere Bugs im Zusammenhang mit der Canvas-Position; sie lassen sich beheben, indem man das Gerät in eine andere Ausrichtung dreht und wieder zurück, was aber umständlich ist.
    Um ein Fenster zu schließen, doppelklickt man auf das Icon in der Titelleiste; das entspricht dem „Fenster wieder zu einem Icon zusammenklappen“.

    • Ich frage mich, wie die dynamische Skalierung von Fenstern/Schriften unabhängig von der Browsergröße gehandhabt wird.
      Bei HTML bekommt man das im Großen und Ganzen gratis.

  • Ich mag solche Show HN wirklich sehr.
    Es macht Spaß, schlichtes Vanilla JavaScript zu sehen und eine mir fremde „Lisa GUI“ kennenzulernen, die lange vor meiner Zeit lag.
    Es wäre schön, wenn es in der Demo oder den Beispielen ein Spiel wie Breakout gäbe, aber das sagt wohl das Kind in mir.

    • Als nächstes Spiel plane ich Solitaire.
      Als Hommage an Xerox würde ich irgendwann auch gern etwas wie Mazewar vom Xerox Alto bauen, aber das wäre wohl ein großes Stück Arbeit, vor allem wenn auch Networking dazukommen soll.

  • Ich habe mehrere Rückmeldungen zur Schrift bekommen, unter anderem, dass manche Buchstabenbreiten ungleichmäßig wirkten.
    Die Zeichen sind buchstäblich eine Bitmap-Schrift, werden also immer gleich ausgegeben, sofern kein Stil angewendet wird; auch die Stil-Anwendung wird konsistent behandelt.
    Die Systemschrift der Lisa hat einen einzigartigen Stil, bei dem die vertikalen Striche jedes Zeichens etwas breiter sind als die horizontalen, um das Pixel-Seitenverhältnis von 2:3 auszugleichen.
    Wenn es ungleichmäßig wirkt, kann es daran liegen, dass man es auf einem niedrigauflösenden Display mit 1×-Skalierung betrachtet; zum Debuggen bräuchte ich einen Screenshot.
    Unter Windows kann man mit Windows + PrintScreen, auf dem Mac mit Command + Shift + 3 aufnehmen und den Screenshot über den E-Mail-Link unten auf https://yaros.ae/ oder über Bluesky (https://bsky.app/profile/lisagui.com) schicken.
    Projekt-Updates poste ich ebenfalls auf dem Bluesky-Konto; für altmodische Nutzer, die kein Bluesky-Konto anlegen wollen, gibt es auf der Website auch einen RSS-Link.

  • Der Schattentext-Stil in der Preferences-App und der FatBits-Editor wecken wirklich alte Erinnerungen.
    Abgesehen davon, dass Fenster keinen Schließen-Button haben, ist es erstaunlich, dass man 40 Jahre UX-„Innovation“ abtragen kann und trotzdem ein produktives und intuitives Ergebnis erhält.
    Dass ein Menü nach einem Klick geöffnet bleibt, war wohl eine sehr willkommene Verbesserung, die erst deutlich später kam.

    • Sticky Menus kamen deutlich später.
      Heute sind alle daran gewöhnt, deshalb habe ich sie absichtlich hinzugefügt: Man kann ein Menü per Klick geöffnet halten oder die Maustaste gedrückt halten, zum Öffnen ziehen und es beim Loslassen wieder schließen lassen.
      Es gab mindestens eine Mac-Erweiterung für frühe Mac-OS-Versionen wie System 6, die Sticky Menus ermöglichte; gewissermaßen habe ich diese Funktion ein Stück weiter in die Vergangenheit zurückportiert.
      Um ein Fenster zu schließen, doppelklickt man auf das Icon in der Titelleiste.
    • Man kann es schließen, indem man auf das Icon oben links im Fenster doppelklickt.
      Vermutlich ist das so etwas wie eine Kurzaktion für File > Set Aside.

  • Als ich Anfang der 90er als Mac-Reparaturtechniker arbeitete, habe ich die Lisa zwar nicht lange genutzt, hatte aber ein paar Mal Gelegenheit, damit herumzuspielen; ich habe ein oder zwei Lisas repariert und eine sogar zu einem Mac XL umgebaut.
    Die UI ist wirklich gut nachgebildet, und es machte Spaß, überall herumzuklicken.

    • Die Lisa ist wirklich eine großartige Maschine und im Vergleich zu anderen Designs von Apple eindeutig einfacher zu bearbeiten und zu reparieren.

  • Für den Mauszeiger auf Mobilgeräten würde ich empfehlen, ihn so funktionieren zu lassen wie Microsoft Remote Desktop für iOS.
    Der Cursor springt dabei nicht direkt an die Stelle, auf die man auf dem Bildschirm tippt; stattdessen bewegt sich ein Cursor an einer anderen Position proportional, wenn man den Finger irgendwo auf dem Bildschirm bewegt, nicht direkt unter dem Finger.
    Das ist schwer zu erklären; wenn man RDP mit Microsofts kostenloser Windows App auf einem Mobilgerät ausprobiert, versteht man es sofort.

    • Das ist bereits so implementiert.
      In den Touchscreen-Optionen der Preferences-App kann man den Trackpad-Modus aktivieren.

  • Ziemlich cool, und auf Mobilgeräten funktioniert es besser als erwartet.
    Allerdings scheint das Shuffle-Puzzle-Spiel einen Bug zu haben, bei dem unlösbare Puzzles erzeugt werden.
    Ich bin auf ein Paritätsproblem gestoßen und habe es so ausgerichtet, dass das leere Feld oben links liegt, aber das Spiel reagierte nicht, also war das wohl nicht die beabsichtigte Lösung.
    Ich habe es auch mit einem Online-Solver geprüft, der ebenfalls sagte, es gebe keine Lösung.

    • Derzeit wird noch nicht geprüft, ob das Puzzle lösbar ist; im Moment wird nur geprüft, ob der Puzzle-Zustand gültig ist.
      Vielleicht füge ich das später hinzu, aber vorerst wird es wohl so sein wie bei Solitaire: Wenn es nicht lösbar ist, muss man neu mischen.
      Zufälligerweise plane ich, als nächstes Spiel Solitaire hinzuzufügen.

  • Beim Herumklicken wurde offenbar ein Hintergrundelement oder Ähnliches ausgewählt, woraufhin die ganze Seite blau wurde; danach ließ sich die Auswahl durch weiteres Klicken nicht mehr aufheben.
    Es hat die Erfahrung nicht ruiniert, war aber etwas störend; gesehen habe ich es in Safari 18.5 (20621.2.5.11.8) und Google Chrome 138.0.7204.93.

    • Das Verhalten war gleich, ist aber beabsichtigt.
      Öffne die Preferences-App, aktiviere Decorate Desktop und wähle im Farbpaletten-Selektor eine andere Farbe als Pale Blue Dot.
    • Wenn nicht das Canvas-Element selbst ausgewählt wurde, ist das die bläuliche Standard-Farbpalette, die den CRT der Lisa nachahmen soll.
      Derzeit wird sie erst angewendet, nachdem das Laden der Einstellungen begonnen hat.
      Wenn das verwirrend ist, könnte ich die Art der Speicherung priorisiert ändern, damit diese Einstellung sofort beim Laden der Seite angewendet wird.
    • Auf dem iPhone ist es genauso.
      Vermutlich wurde durch eine Geste wie Wischen die gesamte Seite blau markiert; seltsam ist, dass es scheinbar auch automatisch passiert, ohne dass man etwas tut.
    • Dieser Farbton scheint dazu gedacht zu sein, das Gefühl eines Lisa-CRT nachzuahmen.

  • Als ich es in Firefox auf dem iPhone ausprobierte, waren die Installations- und Ausprobieren-Buttons nicht sichtbar, solange das Handy im Hochformat mit aktivierter Rotationssperre war.
    Wenn man die Rotationssperre deaktiviert, ist alles in Ordnung; es wirkt, als würde die Auflösung je nach Sperrstatus anders ausgelesen.
    Auch in der oberen Menüleiste war nichts zu sehen, sodass ich nichts tun konnte.
    Trotzdem ist das eine enorme Arbeit, und jetzt, da man es tatsächlich nutzen kann, wirklich beeindruckend.

    • Nachdem ich den Seitenzoom etwas reduziert hatte, erschienen die Buttons, und danach war alles in Ordnung.
      Eigentlich nicht nur in Ordnung, sondern wirklich großartig.
      Beim Benutzen musste ich tatsächlich lächeln, und es ist sehr schnell.
    • Dass die Menüleiste im Installer ausgeblendet ist, liegt daran, dass der Lisa-Installer tatsächlich so aussah.
      Allerdings muss das Layout eindeutig noch responsiver verfeinert werden.
      Wenn der Handybildschirm zu klein ist, kann Text überlaufen und teilweise abgeschnitten werden; da Lisa aber keine solchen scrollbar Panels hatte, möchte ich nicht in alle Dialoge zwanghaft Scrollbereiche einbauen.
      Ich versuche, zwischen historischer Genauigkeit, modernen Einschränkungen und selbst verursachter technischer Schuld abzuwägen, daher sind Kompromisse unvermeidlich.

  • Ich habe auf dem Mobilgerät nur ein paar Dinge ausprobiert, war aber von der guten Reaktionsfähigkeit beeindruckt.