Web OS gráfico de 1 bit baseado na UI do Apple Lisa

• LisaGUI é um projeto de web OS inspirado no estilo do Apple Lisa, atualmente divulgado em estado de Alpha release
• Sua identidade central está na interface com tema Lisa baseada em gráficos de 1 bit
• A tela inicial mostra as opções NO JS, REFRESH PAGE, MORE INFO e STARTUP FROM...
• Cada opção é organizada com os números 1, 2 e 3, dando a aparência de uma tela de boot ou de seleção de menu
• Com base apenas nas informações publicadas, não é possível confirmar navegadores compatíveis, modo de uso, forma de implementação ou licença

---

Tela Alpha do LisaGUI

• LisaGUI é apresentado como um projeto de web OS com tema Lisa
• Segundo a meta descrição, trata-se de um Alpha release que usa gráficos de 1 bit
• Itens exibidos na tela:
  • NO JS
  • 1 REFRESH PAGE
  • 2 MORE INFO
  • 3 STARTUP FROM...

Informações não confirmadas

• O texto público não traz método de instalação, requisitos de execução, lista de recursos, stack técnica nem informações de licença
• O significado exato da mensagem NO JS ou seu funcionamento também é difícil de confirmar apenas com o texto publicado

[GN⁺]

Opiniões no Hacker News

• Como o Lisa não tinha pixels quadrados, o canvas foi escalado para ficar 1,5 vez mais alto do que largo
  Em telas de alta resolução, a área de renderização é efetivamente o dobro, então no geral fica bom, mas em telas de baixa resolução os pixels podem parecer 1px × 1,5px e ficar distorcidos
  Se você aumentar bastante a janela em uma tela grande de baixa resolução, a configuração automática de escala inteira é aplicada e os pixels aparecem maiores; também dá para ativar isso manualmente nas opções de exibição do app Preferences
  Se você bagunçar as configurações, reiniciar o LisaGUI mantendo a tecla Shift pressionada redefine a escala
  No PWA do iOS há alguns bugs pequenos relacionados à posição do canvas; girar o aparelho para outra orientação e voltar resolve, mas é incômodo
  Para fechar uma janela, clique duas vezes no ícone da barra de título; isso é a ação de “dobrar a janela de volta para um ícone”

  • Fico curioso para saber como é tratado o redimensionamento dinâmico de janelas/fontes independentemente do tamanho do navegador
    Em HTML, isso geralmente vem praticamente de graça

• Gosto muito desse tipo de Show HN
  Há o prazer de aprender com JavaScript vanilla simples e com a desconhecida “Lisa GUI”, de uma época muito anterior à minha
  Seria legal ter um jogo tipo Breakout na demonstração ou nos exemplos, mas isso é a criança dentro de mim falando

  • O próximo jogo será paciência
    Em homenagem à Xerox, também gostaria de fazer algo como o Mazewar do Xerox Alto algum dia, mas parece que seria um trabalho grande, especialmente se incluir networking

• Recebi vários feedbacks sobre a fonte, e algumas pessoas disseram que a largura de certas letras parecia irregular
  As letras são literalmente uma fonte bitmap, então, a menos que um estilo seja aplicado, elas sempre são exibidas da mesma forma; a aplicação de estilos também é tratada de maneira consistente
  A fonte do sistema do Lisa tem um estilo peculiar em que os traços verticais de cada letra são um pouco mais largos que os horizontais, para compensar a proporção de pixels 2:3
  Se parece irregular, talvez você esteja vendo em escala 1× em uma tela de baixa resolução; para depurar, preciso de uma captura de tela
  No Windows, capture com Windows + PrintScreen; no Mac, com Command + Shift + 3, e envie pelo link de e-mail no rodapé de https://yaros.ae/ ou pelo Bluesky (https://bsky.app/profile/lisagui.com)
  Também publico atualizações do projeto na conta do Bluesky, e há um link RSS no site para usuários à moda antiga que não querem criar uma conta no Bluesky

• O estilo de texto com sombra do app Preferences e o editor FatBits realmente despertam lembranças antigas
  Tirando o fato de a janela não ter botão de fechar, é surpreendente que, removendo 40 anos de “inovações” de UX, ainda se obtenha algo produtivo e intuitivo
  Acho que o comportamento de clicar uma vez e o menu continuar aberto foi uma melhoria bem-vinda que veio muito mais tarde

  • Os menus fixos surgiram bem depois
    Hoje todo mundo está acostumado com isso, então adicionei de propósito: dá para clicar uma vez e manter o menu aberto, ou pressionar o mouse e arrastar para abrir, fechando ao soltar o botão
    Havia pelo menos uma extensão para Mac que permitia usar menus fixos no Mac OS inicial, como o System 6; é como se eu tivesse feito um backport desse recurso para um período um pouco mais antigo
    Para fechar uma janela, clique duas vezes no ícone da barra de título
  • É possível fechar clicando duas vezes no ícone no canto superior esquerdo da janela
    Provavelmente é como um atalho para File > Set Aside

• Quando trabalhei como técnico de reparo de Macs no início dos anos 90, não usei o Lisa por muito tempo, mas tive algumas oportunidades de mexer nele; consertei um ou dois Lisas e converti um para Mac XL
  A UI foi muito bem recriada, e foi divertido clicar em várias coisas

  • O Lisa é uma máquina realmente incrível e, sem dúvida, é mais fácil de trabalhar e consertar do que outros projetos da Apple

• Recomendo fazer o cursor do mouse no mobile funcionar como o Microsoft Remote Desktop para iOS
  Em vez de o cursor ir diretamente para o ponto tocado na tela, ao mover o dedo em qualquer lugar da tela, o cursor se move proporcionalmente em outra posição, não embaixo do dedo
  É difícil explicar; se você usar RDP com o Windows App gratuito da Microsoft em um dispositivo móvel, entende na hora

  • Já está implementado assim
    Basta ativar o modo trackpad no painel de opções de touchscreen em Preferences

• É bem legal e funciona melhor do que eu esperava no mobile
  Mas parece haver um bug no jogo de quebra-cabeça deslizante que gera puzzles insolúveis
  Caí no problema de paridade e alinhei o espaço vazio no canto superior esquerdo, mas o jogo não reagiu, então parece que não era a solução pretendida
  Também verifiquei com uma ferramenta de solução online, que disse não haver solução

  • Ainda não verifico se o puzzle é solucionável; por enquanto, só confirmo se o estado do puzzle é válido
    Talvez eu adicione isso depois, mas por ora deve ficar como na paciência: se não der para resolver, é preciso embaralhar de novo
    Coincidentemente, planejo adicionar paciência como próximo jogo

• Ao clicar em várias coisas, algo como um elemento de fundo foi selecionado e a página inteira ficou azul; depois disso, por mais que eu clicasse, a seleção não sumia
  Não chegou a estragar a experiência, mas incomodou um pouco; vi isso no Safari 18.5 (20621.2.5.11.8) e no Google Chrome 138.0.7204.93

  • Tive a mesma reação, mas é o comportamento intencional
    Abra o app Preferences, marque Decorate Desktop e, no seletor de paleta de cores, escolha uma cor diferente de Pale Blue Dot
  • Se não foi o próprio elemento canvas que foi selecionado, então é a paleta padrão azulada que imita o CRT do Lisa
    No momento, ela só é aplicada depois que o carregamento das configurações começa
    Se isso causar confusão, talvez eu priorize mudar a forma de armazenamento para aplicar essa configuração assim que a página carregar
  • No iPhone acontece igual
    Provavelmente algum gesto de deslizar selecionou a página inteira em azul; é estranho porque parece que seleciona automaticamente mesmo sem fazer nada
  • Esse tom parece ter a intenção de imitar a sensação do CRT do Lisa

• Testei no Firefox do iPhone e, quando o celular está com bloqueio de rotação em modo retrato, os botões de instalação ou de teste não aparecem
  Ao desativar o bloqueio de rotação fica tudo bem; parece que a forma de ler a resolução muda dependendo de o bloqueio estar ativo ou não
  Também não aparecia nada na barra de menu superior, então não havia o que fazer
  Ainda assim, é um trabalho enorme, e é realmente impressionante que agora dê para usá-lo de verdade

  • Reduzi um pouco o zoom da página e o botão apareceu; depois disso, tudo ficou bem
    Na verdade, não apenas ficou bem: ficou incrível
    Eu literalmente sorri enquanto usava, e também é muito rápido
  • A barra de menu ficar escondida no instalador acontece porque o instalador do Lisa era realmente assim
    Mas é claro que o layout precisa ser refinado para ficar mais responsivo
    Se a tela do celular for pequena demais, o texto pode transbordar e algumas partes podem ser cortadas, mas o Lisa não tinha painéis roláveis desse tipo, então não quero forçar áreas de rolagem em todos os diálogos
    Estou tentando equilibrar precisão histórica, limitações modernas e a dívida técnica que eu mesmo criei, então concessões são inevitáveis

• Testei só algumas coisas por estar no mobile, mas fiquei impressionado com a boa responsividade