Un OS web graphique 1 bit basé sur l’interface de l’Apple Lisa

 (alpha.lisagui.com)
1 points par GN⁺ 2025-07-07 | 1 commentaires | Partager sur WhatsApp
  • LisaGUI est un projet d’OS web reprenant le style de l’Apple Lisa, actuellement publié en version Alpha release
  • Son identité centrale repose sur une interface au thème Lisa basée sur des graphismes 1 bit
  • L’écran initial affiche les options REFRESH PAGE, MORE INFO et STARTUP FROM... avec la mention NO JS
  • Chaque option est associée aux numéros 1, 2 et 3, ce qui donne l’impression d’un écran de démarrage ou de sélection de menu
  • Les seules informations publiées ne permettent pas de confirmer les navigateurs pris en charge, le mode d’emploi, la méthode d’implémentation ni la licence

Écran Alpha de LisaGUI

  • LisaGUI est présenté comme un projet d’OS web au thème Lisa
  • D’après la méta-description, il s’agit d’une Alpha release utilisant des graphismes 1 bit
  • Éléments affichés à l’écran :
    • NO JS
    • 1 REFRESH PAGE
    • 2 MORE INFO
    • 3 STARTUP FROM...

Informations non confirmées

  • Le texte publié ne contient pas d’informations sur la méthode d’installation, les conditions d’exécution, la liste des fonctionnalités, la stack technique ni la licence
  • Le sens exact ou le fonctionnement de la mention NO JS est difficile à déterminer à partir du seul texte publié

À lire aussi

1 commentaires

 
GN⁺ 2025-07-07
Avis sur Hacker News

  • Le Lisa n’ayant pas des pixels carrés, le canevas a été mis à l’échelle pour être 1,5 fois plus grand en hauteur qu’en largeur
    Sur les écrans haute résolution, l’espace de rendu est en pratique doublé, donc le résultat est généralement correct, mais sur les écrans basse résolution, les pixels peuvent paraître déformés, comme s’ils faisaient 1 px × 1,5 px
    Si l’on agrandit suffisamment la fenêtre sur un grand écran basse résolution, un réglage automatique de mise à l’échelle entière s’applique et les pixels s’affichent plus gros ; on peut aussi l’activer de force dans les options d’affichage de l’app Preferences
    Si vous avez déréglé les paramètres, relancez LisaGUI en maintenant la touche Maj enfoncée pour réinitialiser les réglages de mise à l’échelle
    Dans la PWA sur iOS, il y a quelques petits bugs liés à la position du canevas ; les faire disparaître nécessite de tourner l’appareil dans l’autre sens puis de revenir, mais c’est pénible
    Pour fermer une fenêtre, il faut double-cliquer sur l’icône de la barre de titre ; cela correspond à l’action de « replier la fenêtre en icône »

    • Je me demande comment est gérée la mise à l’échelle dynamique des fenêtres/polices, indépendamment de la taille du navigateur
      En HTML, c’est quelque chose qu’on obtient en grande partie gratuitement

  • J’aime vraiment ce genre de Show HN
    Du JavaScript vanilla sans fioritures, et le plaisir de découvrir une « Lisa GUI » inconnue, bien antérieure à mon époque
    Ce serait sympa d’avoir un jeu comme un casse-briques dans les démos ou exemples, mais c’est l’enfant en moi qui parle

    • Le prochain jeu prévu est Solitaire
      J’aimerais aussi faire un jour quelque chose comme Mazewar du Xerox Alto, en hommage à Xerox, mais ce serait probablement un gros chantier, surtout s’il faut y ajouter le réseau

  • J’ai reçu plusieurs retours sur la police, certains disant que la largeur de certaines lettres semblait irrégulière
    Les caractères sont littéralement une police bitmap, donc ils s’affichent toujours de la même manière tant qu’aucun style n’est appliqué, et l’application des styles est elle aussi gérée de façon cohérente
    La police système du Lisa a un style particulier : pour compenser le ratio de pixels 2:3, les traits verticaux de chaque caractère sont légèrement plus larges que les traits horizontaux
    Si cela semble irrégulier, c’est peut-être parce que vous l’affichez à l’échelle 1 sur un écran basse résolution ; pour déboguer, il faudrait une capture d’écran
    Sous Windows, faites Windows + PrintScreen ; sur Mac, Command + Shift + 3, puis envoyez-la via le lien e-mail en bas de https://yaros.ae/ ou sur Bluesky (https://bsky.app/profile/lisagui.com)
    Les mises à jour du projet sont également publiées sur le compte Bluesky, et il y a aussi un lien RSS sur le site pour les utilisateurs à l’ancienne qui ne veulent pas créer de compte Bluesky

  • Le style de texte ombré de l’app Preferences et l’éditeur FatBits réveillent vraiment de vieux souvenirs
    À part l’absence de bouton de fermeture sur les fenêtres, il est étonnant de voir qu’en retirant 40 ans d’« innovations » UX, on obtient encore quelque chose de productif et d’intuitif
    Le comportement où un clic laisse le menu ouvert semble avoir été une amélioration bienvenue arrivée bien plus tard

    • Les menus persistants sont apparus bien plus tard
      Comme tout le monde y est habitué aujourd’hui, je les ai ajoutés volontairement : on peut cliquer une fois pour garder un menu ouvert, ou maintenir le bouton de la souris enfoncé, faire glisser pour l’ouvrir, puis relâcher pour le fermer
      Il existait au moins une extension Mac permettant d’utiliser des menus persistants dans les premières versions de Mac OS, comme System 6, et c’est en quelque sorte un rétroportage de cette fonction encore un peu plus loin dans le passé
      Pour fermer une fenêtre, il faut double-cliquer sur l’icône de la barre de titre
    • On peut fermer une fenêtre en double-cliquant sur l’icône en haut à gauche
      C’est probablement une sorte de raccourci pour File > Set Aside

  • Quand je travaillais comme technicien de réparation Mac au début des années 90, je n’ai pas beaucoup utilisé le Lisa, mais j’ai eu l’occasion d’en manipuler quelques-uns ; j’en ai réparé un ou deux et en ai même converti un en Mac XL
    L’interface est vraiment bien reproduite, et c’était amusant de cliquer un peu partout

    • Le Lisa est vraiment une belle machine, et elle est nettement plus facile à travailler et à réparer que d’autres conceptions d’Apple

  • Pour le curseur de souris sur mobile, je recommande de le faire fonctionner comme Microsoft Remote Desktop pour iOS
    Le curseur ne va pas directement à l’endroit où l’on touche l’écran ; à la place, quand on bouge le doigt n’importe où sur l’écran, un curseur situé ailleurs que sous le doigt se déplace proportionnellement
    C’est difficile à expliquer, mais si vous essayez RDP avec l’app Windows gratuite de Microsoft sur un appareil mobile, vous comprendrez tout de suite

    • C’est déjà implémenté ainsi
      Il suffit d’activer le mode trackpad dans le panneau d’options pour écran tactile de Preferences

  • C’est plutôt réussi et ça fonctionne mieux que prévu sur mobile
    En revanche, le jeu de puzzle mélangé semble avoir un bug qui génère des puzzles insolubles
    Je suis tombé sur un problème de parité : j’ai positionné la case vide en haut à gauche, mais le jeu n’a pas réagi, donc ce n’était apparemment pas la solution attendue
    J’ai aussi vérifié avec un solveur en ligne, qui a indiqué qu’il n’y avait pas de solution

    • Pour l’instant, on ne vérifie pas encore si le puzzle est soluble ; on vérifie seulement que l’état du puzzle est valide
      Cela pourra être ajouté plus tard, mais pour le moment ce sera sans doute comme au Solitaire : si c’est insoluble, il faut remélanger
      Par coïncidence, le prochain jeu prévu est Solitaire

  • En cliquant un peu partout, un élément de fond ou quelque chose du genre a été sélectionné, toute la page est devenue bleue, et ensuite aucun clic n’a permis de désélectionner
    Ce n’était pas au point de gâcher l’expérience, mais c’était un peu gênant ; je l’ai vu dans Safari 18.5 (20621.2.5.11.8) et Google Chrome 138.0.7204.93

    • Même réaction, mais c’est le comportement prévu
      Ouvrez l’app Preferences, cochez Decorate Desktop, puis choisissez une couleur autre que Pale Blue Dot dans le sélecteur de palette de couleurs
    • Si ce n’est pas l’élément canvas lui-même qui est sélectionné, il s’agit de la palette de couleurs bleutée par défaut qui imite le CRT du Lisa
      Pour l’instant, elle ne s’applique qu’après le début du chargement des paramètres
      Si cela prête à confusion, je pourrais prioriser une modification du mode de stockage pour appliquer ce réglage dès le chargement de la page
    • Même chose sur iPhone
      On dirait que toute la page a été sélectionnée en bleu, peut-être à cause d’un geste comme un balayage, et c’est étrange parce que cela semble même se sélectionner automatiquement sans rien faire
    • Cette teinte semble destinée à imiter l’aspect du CRT du Lisa

  • Je l’ai essayé dans Firefox sur iPhone : quand le téléphone est verrouillé en mode portrait, les boutons d’installation ou d’essai ne sont pas visibles
    Si l’on désactive le verrouillage de rotation, tout va bien ; on dirait que la façon de lire la résolution change selon que le verrouillage est activé ou non
    Il n’y avait rien non plus dans la barre de menus en haut, donc je ne pouvais rien faire
    Cela reste un travail énorme, et c’est vraiment impressionnant de pouvoir maintenant l’utiliser concrètement

    • En réduisant un peu le zoom de la page, les boutons sont apparus, et tout a ensuite fonctionné correctement
      En fait, ce n’était pas seulement correct : c’était vraiment excellent
      Je me suis surpris à sourire pendant l’utilisation, et c’est très rapide
    • Le fait que la barre de menus soit masquée dans l’installateur vient du fait que le programme d’installation du Lisa ressemblait réellement à cela
      Cela dit, il faut clairement rendre la mise en page plus responsive
      Si l’écran du téléphone est trop petit, le texte peut déborder et certaines parties peuvent être coupées, mais comme le Lisa n’avait pas de panneaux défilants de ce type, je ne veux pas forcer des zones de défilement dans toutes les boîtes de dialogue
      J’essaie de trouver un équilibre entre exactitude historique, contraintes modernes et dette technique que je me suis créée, donc il y aura forcément des compromis

  • Je suis sur mobile et je n’ai testé que quelques éléments, mais je suis impressionné par la réactivité