Un OS web con gráficos de 1 bit basado en la UI de Apple Lisa
(alpha.lisagui.com)- LisaGUI es un proyecto de OS web que toma prestado el estilo de Apple Lisa y actualmente está disponible como Alpha release
- Su identidad central está en una interfaz con tema Lisa basada en gráficos de 1 bit
- La pantalla inicial muestra el texto
NO JSjunto con las opcionesREFRESH PAGE,MORE INFOySTARTUP FROM... - Cada opción está dispuesta con los números
1,2y3, por lo que parece una pantalla de arranque o de selección de menú - Con solo la información publicada, no se puede confirmar qué navegadores soporta, cómo se usa, cómo está implementado ni su licencia
Pantalla Alpha de LisaGUI
- LisaGUI se presenta como un proyecto de OS web con tema Lisa
- Según la descripción meta, es una Alpha release que usa gráficos de 1 bit
- Elementos mostrados en pantalla:
NO JS1 REFRESH PAGE2 MORE INFO3 STARTUP FROM...
Información no confirmada
- El cuerpo publicado no incluye método de instalación, requisitos de ejecución, lista de funciones, stack tecnológico ni información de licencia
- Es difícil confirmar solo con el cuerpo del texto el significado exacto o el comportamiento de
NO JS
1 comentarios
Comentarios de Hacker News
Lisa no usa píxeles cuadrados, así que escalaron el canvas para que sea 1.5 veces más alto que ancho
En pantallas de alta resolución se ve bastante bien porque el espacio de renderizado es efectivamente el doble, pero en pantallas de baja resolución los píxeles pueden verse como de 1px × 1.5px y eso puede distorsionar la imagen
Si agrandas lo suficiente la ventana en una pantalla grande de baja resolución, se aplica una escala entera automática para que los píxeles se vean más grandes, y también se puede activar a la fuerza desde las opciones de pantalla en la app Preferences
Si desconfiguraste algo, puedes reiniciar LisaGUI mientras mantienes presionada la tecla Shift para restablecer la configuración de escala
En el PWA de iOS hay algunos bugs menores relacionados con la posición del canvas, y se arreglan girando el dispositivo a otra orientación y luego de vuelta, aunque es molesto
Para cerrar una ventana, hay que hacer doble clic en el ícono de la barra de título; eso equivale a “volver a plegar la ventana en un ícono”
En HTML normalmente eso sale casi gratis
Este tipo de Show HN me encanta
Está buenísimo aprender de JavaScript vainilla tan sobrio y de una “Lisa GUI” desconocida de mucho antes de mi época
Estaría bueno que las demos o ejemplos incluyeran un juego tipo Breakout, pero eso lo dice mi niño interior
También me gustaría intentar algún día algo como Mazewar de Xerox Alto como homenaje a Xerox, pero parece un trabajo grande, sobre todo si además le meto red
Recibí varios comentarios sobre la tipografía, y algunas personas dijeron que el ancho de ciertas letras se ve desigual
Las letras son literalmente una fuente bitmap, así que siempre se renderizan igual salvo que se les aplique estilo, y esos estilos también se manejan de forma consistente
La fuente del sistema de Lisa tiene un estilo particular en el que los trazos verticales de cada letra son un poco más anchos que los horizontales para compensar la relación de aspecto de píxel 2:3
Si se ve desigual, puede ser porque la están viendo a escala 1x en una pantalla de baja resolución, y para depurarlo necesitaría una captura de pantalla
En Windows pueden capturar con Windows + PrintScreen, y en Mac con Command + Shift + 3, y luego enviarla por el enlace de correo al pie de https://yaros.ae/ o por Bluesky(https://bsky.app/profile/lisagui.com)
También publico actualizaciones del proyecto en la cuenta de Bluesky, y para los usuarios de la vieja escuela que no quieren crearse una cuenta de Bluesky, el sitio también tiene un enlace RSS
El estilo de texto con sombra de la app Preferences y el editor FatBits realmente me trajeron recuerdos
Salvo por el hecho de que las ventanas no tienen botón de cerrar, sorprende que al quitar 40 años de “innovación” de UX siga quedando algo productivo e intuitivo
Que los menús se queden abiertos después de un clic parece haber sido una mejora bienvenida que llegó bastante después
Ahora todo el mundo está tan acostumbrado que decidí agregarlos a propósito, y puedes abrir un menú con un clic y dejarlo abierto, o abrirlo arrastrando mientras mantienes presionado el mouse y hacer que se cierre al soltar el botón
Hubo al menos una extensión de Mac que permitía usar menús fijos en Mac OS tempranos como System 6, así que esto vendría a ser una especie de backport todavía más retro
Para cerrar una ventana hay que hacer doble clic en el ícono de la barra de título
Supongo que sería algo así como la acción rápida de File > Set Aside
A comienzos de los 90 trabajé como técnico de reparación de Mac; no usé Lisa durante mucho tiempo, pero sí tuve oportunidad de tocarlo algunas veces, reparar una o dos Lisa e incluso convertir una en Mac XL
La UI está muy bien recreada y fue divertido andar haciendo clic por todos lados
Recomiendo hacer que el cursor del mouse en móvil funcione como en Microsoft Remote Desktop para iOS
En vez de que el cursor vaya directamente al punto que tocas, mueves el dedo por cualquier parte de la pantalla y el cursor, que está en otra posición, se desplaza proporcionalmente en vez de quedar debajo del dedo
Es difícil de explicar, pero se entiende al instante si pruebas RDP con la app gratuita Windows App de Microsoft en un dispositivo móvil
Solo hay que activar el modo trackpad en el panel de opciones de pantalla táctil de Preferences
Está bastante bueno y funciona mejor de lo esperado en móvil
Eso sí, el juego del rompecabezas deslizante parece tener un bug que genera puzzles imposibles de resolver
Me topé con el problema de paridad, acomodé todo para que el espacio vacío quedara arriba a la izquierda, pero el juego no reaccionó, así que parece que esa no era la solución prevista
Incluso lo confirmé con una herramienta online para resolverlo y dijo que no tenía solución
Puede que lo agregue más adelante, pero por ahora probablemente quede como el solitario: si no se puede resolver, toca mezclar de nuevo
Casualidad o no, el próximo juego que pienso agregar es solitario
Estuve haciendo clic por ahí y se seleccionó algo como un elemento del fondo, la página completa se puso azul y después no hubo forma de deseleccionarlo por más clics que hiciera
No arruinó la experiencia, pero sí fue un poco molesto; lo vi en Safari 18.5 (20621.2.5.11.8) y Google Chrome 138.0.7204.93
Abre la app Preferences, marca Decorate Desktop y luego en el selector de paleta de colores elige cualquier color distinto de Pale Blue Dot
Por ahora solo se aplica después de que empiezan a cargarse los ajustes
Si resulta confuso, podría priorizar cambiar la forma en que se guarda para aplicar esa configuración apenas cargue la página
Parece como si por algún gesto tipo swipe se seleccionara toda la página en azul, y es raro porque da la impresión de que se selecciona sola aunque no hagas nada
Lo probé en Firefox de iPhone, y cuando el teléfono tiene bloqueada la rotación en modo vertical no aparecen los botones de instalar ni probar
Si desactivo el bloqueo de rotación, todo bien, así que parece que lee la resolución de forma distinta según esté bloqueado o no
Tampoco se veía nada en la barra de menú superior, así que no había mucho que hacer
Aun así, es un trabajo impresionante, y poder usarlo de verdad ahora lo hace muy impactante
De hecho, no solo bien: estuvo increíble
De verdad me sacó una sonrisa usarlo, y además va rapidísimo
Aun así, claramente hace falta pulir más el layout para que sea más responsive
Si la pantalla del teléfono es demasiado chica, el texto puede desbordarse y algunas partes quedar cortadas, pero Lisa no tenía paneles con scroll de ese tipo, así que no quiero forzar áreas desplazables en todos los diálogos
Estoy tratando de equilibrar fidelidad histórica, limitaciones modernas y deuda técnica propia, así que inevitablemente hay compromisos
Solo probé unas pocas cosas porque estaba en móvil, pero su capacidad de respuesta impresiona