spacexOS
By
@manayp
- 7 Devlogs
- 6 Total hours
This is my very own OS that can be run in the web! It is basically a space os with a space game on it and a few other things.
Ship #2
I created spacexOS, an entire functional retro web operating system that features 14 draggable apps (About, Notes, Terminal, Synth, Draw, Calculator, Pomodoro Timer, Tic-Tac-Toe, Todo List, Guess It, Sticky Notes, Rock Paper Scissors, Pixel Art, and a Meteor Dodge game), all written in vanilla JavaScript, without the use of any frameworks. The biggest challenge was developing the window manager entirely from scratch (dragging, resizing, z-index stacking), getting the Web Audio API to work for the synth, and creating a sense of imperfection in everything from the quirky fonts (Papyrus) to beveled 3D buttons. I am proudest about the completeness of it, because all apps function correctly, save data to localStorage, and have personalities — the terminal alone supports 20+ commands, games are functional and fun to play, and the whole thing feels like a small but functional OS. For testing, start an application either by clicking it's icon on the desktop or pressing numbers 1-7 on the keyboard, drag windows, click "Wallpaper" to change the background, execute commands in the terminal (command help will show all of them), play Meteor Dodge, doodle in draw or pixel art, make to-do lists, etc. Just run python3 -m http.server 8000 and go to http://localhost:8000. Overall eventhough it took long it ended up amazing.
I completed coding everything and added a few new features and fixed bugs from the previous devlog.
I started working on WEBOS 2 and began adding new features to it. Currently I am trying to figure out what to do.
Ship #1
I created spacexOS, which is an operational retro OS in the browser that comes with 7 draggable apps (Notes, Terminal, Synth, Draw, Calculator, Game, About), over 20 terminal commands, a dodging game against meteors and customizable space backgrounds, all built using vanilla JavaScript. It was difficult to create everything from scratch, including window management (dragging and resizing windows, z-index management) and creating the synth app that works with the Web Audio API and having it designed not only human-like but retro. I am glad about the completeness of the project because all apps do what they should, the terminal app is quite entertaining and it is also persistent (notes and scores are saved). In order to test spacexOS, you can open the About app and check out my skills, type any command in the Terminal app (you will find all 20 commands by entering help), press the Wallpaper button in the upper right corner to switch between different space backgrounds, open several windows and move them around or play the game by pressing 7 or double-clicking anywhere. Just enter python3 -m http.server 8000 in your console and visit http://localhost:8000.
I fixed issues with css, html, and js and overall made it more fun. My main loading screen was glitched out a lot and the css was all over the place so I fixed that. AND then i created the demo link using netlify.
I worked on games and polished the css more because it was veryyy little last time and honestly I also learned a few new things in css like backdrop-filter for glassmorphism. I actually never learnt that before but good thing i did now. Plus I also made my windows movable.
I add a interchangable wall paper option so everytime when someone presses the wallpaper button on the top it changes the wallpaper to another.
I fixed the layout because it looked very boring so I changed the colour scheme and added more features and polished the terminal.
I personally like space a lot so im trying to make a space themed webos and I tried making a terminal like how macs have it and Claude sonnet helped me doing that even though it failed like 80 percent of the time it still got the job done.
