My very own WebOS
By
@ashudhanda
- 3 Devlogs
- 11 Total hours
This is my CanopyOS that can be run in the web!
Ship #1
Pending review
@ashudhanda
on
My very own WebOS
CanopyOS is a full desktop OS that runs entirely in the browser - no installs, no accounts, no backends. It boots like a real OS, has a lock screen and drops you into forest-themed glass desktop with 10 working apps : Finder, Notes, Terminal, Calculator, Browser etc.
The hardest part was the window manager - getting dragging, resizing from all edges and corners, z-stacking and minimize/maximize to all work together without breaking took the longest. The dock magnification math (distance-based icon scaling) was also a fun challenge.
Proudest of : Forest Sounds. The rain, wind and birds are NOT audio files - they are synthesized live in your browser with the web audio API. and animations only touch transform/opacity.
How to test : open the demo link, wait for boot , click anywhere on the lock screen, Drag windows around, resize them from any corner, hover the dock, press Ctrl+K for Spotlight, right-click the desktop, switch themes in Settings, and try “forest” or “animals” in the Terminal. Everything saves to localStorage so your layout survives a refresh.
@ashudhanda
on
My very own WebOS
28m 32s logged
Now i completed main.js code and add icons and clock and other features.
Try it.
@ashudhanda
on
My very own WebOS
7h 53m 38s logged
day 2: typed out the base files in VS Code — index.html, all 6 css files,
core js (store, boot, contextmenu) and the window manager. first live server
run today! the desktop, wallpaper and menubar render, but the js isn’t fully
alive yet — clock is stuck at 00:00 and the dock is empty. debugging next.
@ashudhanda
on
My very own WebOS
3h 7m 10s logged
day 1
finally got around to starting this. set up the repo, connected
hackatime, all the boring setup stuff is done.
then I built the actual base of the OS. there’s a desktop, a taskbar
with a clock, a start button, and one working app (notepad). the
windows can be dragged around which is honestly the most satisfying
part so far.
spent way too long on a bug where the window kept teleporting to the
corner of the screen every time I tried to drag it. turns out I wasn’t
accounting for where inside the titlebar the mouse was. one offset
calculation later and it works perfectly lol
still looks pretty basic right now and there’s only one app, but it’s
a start. next up is adding more apps and making the theme actually
mine instead of the default one.
