SidOS 1: Final Iteration

Ship #1

@SiddyG on SidOS 1: Final Iteration · about 7 hours ago

I made a personal web OS for the HackClub WebOS 1 Jam. Through this experience, I learnt a great deal about what to do with elements, classes, IDs, functions, and much more. For my advanced app, I wanted to challenge myself and see what I could do with just a simple app window. I decided to embed a JS-coded game inside the window, and after a bit of brainstorming, I decided to add a classic-Atari-based PONG, which would contribute to a distinct feature in and of itself. I appreciate the learning experience and the great deal of knowledge I gained from building this. I hope you enjoy it, especially the game I spent a few hours building!

3 devlogs
12h
WebOS 1

Try project → See source code →

Open comments for this post

@SiddyG on SidOS 1: Final Iteration · about 8 hours ago

22m 6s logged

Minor Tweaks to App Icons & Positioning

Added absolute positioning to app icons
Adjusted pong icon so it is aligned vertically and spacing is correct

Open comments for this post

@SiddyG on SidOS 1: Final Iteration · about 8 hours ago

24m 51s logged

Fixed Git Page not opening window(s):

Made savedTop and savedLeft variables global
Made openWindow and closeWindow functions global

Open comments for this post

@SiddyG on SidOS 1: Final Iteration · about 11 hours ago

10h 58m 36s logged

(NOTE: Previous devlog deleted??? I will add everything I have done since the beginning here)
OLD Highlights:

Added welcome window and small bio
Created Mini-Portfolio App Icon
Added four sections to Mini-Portfolio (Home, Hobbies, Classes, Aspirations)
NEW Highlights:
Added a new app –> Pong (Atari Style)
- Utilized seperate JS File for this (pong.js)
- USE W and S to control paddle
- AI Opponent; Singleplayer
-Modified “Icon Click” logic to target the iconElement as well as windowId