HNHacker News
TopNewBestAskShowJobs

ayaros

642 karma · joined January 7, 2024

ayaros.at.hn

- - -

### Hi, I'm Andrew!

Please check out my latest project, LisaGUI! Or, check out one of the following links:

#### [Blog](https://blog.yaros.ae) • [LisaGUI](https://alpha.lisagui.com) • [Artwork](https://art.yaros.ae) • [Downloads](https://yaros.ae/downloads) • [Homepage](https://yaros.ae)

- - -

meet.hn/city/39.9527237,-75.1635262/Philadelphia

Socials: - ayaros.at.hn - bsky.app/profile/lisagui.com - github.com/aeyaros - linkedin.com/in/aey - mastodon:mastodon.social/@lisagui - yaros.ae

Interests: Art, Programming, Technology, UI/UX Design, Web Development

---

submissionscomments
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Thanks! You might also appreciate the 404 page on the alpha subdomain! And whatever you do, do NOT try to open this with MS Internet Explorer! I can't imagine what might happen if you do that!
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Thank you! Although just between you and me, it really depends on the speed of your computer and whatever JS engine you're using. If you open up the bounce demo and start increasing the number of objects on screen, you'll find the FPS dips quite a bit. Also, scrolling through a multi-page text document may also slow things down..... just don't tell anyone! ;)
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Thank you!
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Be sure to check out LisaGUI's "Windows 93™" theme which (aside from being a reference to the colors of that other great Web OS) is a Blue/Pink CGA-inspired theme, and the "Through the Looking Glass" icon theme which is literally just icons from Windows 1.x/2.x. (Although I had to make the recycle bin icon myself using the Win95 recycle symbol)
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
It's integer scaling; it involves changing the width, height, and style attributes of the canvas dynamically. I have a whole class that handles this, and let me tell you it took a lot of effort to get working properly and involved juggling around quite a few parameters, including the DPI, the border width, the pixel aspect ratio, and more. I had to use a ResizeObserver object to detect changes in the size of the DOM's body element.

To get the canvas to be consistently smooth, I had to apply a lot of contrast using a CSS filter, and I set image-rendering to pixelated, IIRC.

ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
This is pure evil
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
YES
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Thank you!
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
That's a good idea.
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
<3 <3 <3
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Yes, one thumb on each side works great in landscape mode. Eventually I'll have to add some UI feedback to this mode when toggling it on or off, which shouldn't be too hard to do with a little CSS since the trackpad and button are just div elements overlaid on top of the canvas.
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Thank you. That means a lot to me!

That's a good game idea. The next game I'm going to do will be solitaire. I was also thinking of trying to eventually make something like the mazewar game from the Xerox Alto to pay my respects to Xerox, although I know that will be an undertaking, especially adding in networking...

ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
I haven't gone as far as verifying puzzles are solvable - right now I only verify the state of the puzzle is valid. Maybe in the future. For now I guess it will be like solitaire, where if you can't solve it you'll have to reshuffle it.

Incidentally, I'm planning on adding solitaire as the next game!

ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Yeah. This is part of why I wanted to get this on places like HN eventually. This is valuable user feedback! For the longest time I kept this project totally secret.

What I'll probably do is serialize the setting data to localstorage so it's available before the system starts up and loads from IndexedDB.

ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Thankfully someone agrees with me!
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Yes, I know right! Imagine what kind of beautiful world we could live in if we spent trillions of dollars on this instead of the military industrial complex!
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Oh, it's totally solvable, but it's tricky! You kind of have to strategically "snake" the letters around a bit to sequentially place them in the right spots - you get less and less room to do so as you place more and more tiles.
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Thanks! <3
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Thanks. And yes, I did that! Under preferences, go to the touchscreen options panel, then enable trackpad mode!
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Thanks for looking!
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Yes. The text styles were fun to do. They aren't implemented the same way QuickDraw does it, but it's close enough.
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Thank you! I'm happy you enjoyed it!
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Yes, sticky menus arrived much later. I put the extra effort to add them here because everyone's so used to them now. Both options work - you can single-click to keep a menu open, or you can hold down the mouse and drag to open a menu which closes when you release the mouse.

There's at least one Mac extension I know of that lets you use sticky menus on earlier versions of Mac OS, like System 6. I figured I'd backport that feature a little further, so to speak...

EDIT: Also, forgot to mention it in this reply, but you double click the titlebar icon to close the window.

ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
In the preferences app, you can set the brightness after clicking "Set Conveniences," and you can change the color palette after clicking "Decorate Desktop." You may have to play around a little to find a setting that is most comfortable to you.
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Thanks! I put a lot of effort into making sure it was just right. The delay right after shutdown before the button panel shows up where you see absolutely nothing before noticing your own reflection in the blackness of your screen was also intentional!
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Well, yeah... of course. Thankfully, mobile support hasn't been the highest priority.
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Yes I do, a Lisa 2/10! LisaEm was also invaluable. Also, just a general obsession with vintage computers and UIs helped quite a bit!
ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Yes.

Setting aside specifically places something on the desktop. Save-able documents have a "save and put away" option which "refiles" it back in its folder without putting it on the desktop.

You made me realize I still need to add a separate "put away" option on all windows regardless, so there's always a menu command that can be used to refile something.

The desktop isn't a normal directory - I discuss this in the readme a bit.

ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
The Lisa doesn't have square pixels, so the canvas is scaled to be 1.5x as high as it is wide. This generally looks fine on high-dpi displays, because there's technically twice as much space to render with (pixels are 2px wide by 3px high). However, things will look distorted on a lower resolution display (where pixels are 1px wide by 1.5px high). That's just a compromise I made when designing this.

The good news is, if you have a large enough low-dpi display, and you make the window big enough, the automatic integer scaling settings will kick in, and the pixels themselves will be displayed larger. This can be forced via the preferences app (under the display options). If you screw this up, then restart LisaGUI while holding the shift key to reset the scaling settings.

EDIT: Unrelated to this, there are a couple minor bugs with PWAs on iOS relating to the positioning of the canvas. These can be resolved by rotating your device to a different orientation and then rotating it back to the original position... but this is annoying.

EDIT 2: To close windows, just double click the icon in the titlebar! This "collapses the window back into an icon."

ayaros··on Show HN: I wrote a "web OS" based on the Apple Lisa's UI, with 1-bit graphics
Unless the canvas element itself is being selected - which would be a big oversight on my part, that's the default color palette, which is a blue tint to mimic the Lisa's CRT. Right now, it isn't applied until the settings start loading.

If this is causing any confusion I might put a priority on saving this setting in a way where it can be applied immediately as the page is loaded.

← PreviousPage 6 of 8Next →