@isadora_M
on
Red Door Yellow Door
3h 11m 12s logged
Red Door Devlog #3 - I finally got the infinite room generation working! This involved creating empty door frames in the newly generated rooms so the player can pass through the door. This was pretty difficult, as my C# skills are severely lacking. Next, I want to make a system so older rooms will automatically be deleted.
@isadora_M
on
Red Door Yellow Door
4h 24m 2s logged
Red Door Devlog #2 – Unfortunately, I still suck at C# so this project has been very slow going. I tried to follow some tutorials online, but they weren’t super helpful. If anyone knows some really good Unity/ C# free courses, lmk. I have accomplished making a script that will automatically generate a room of a random size with a door on a random wall. I also have the outlines for the functions that will allow a new room to generate when the player walks through the door, so soon hopefully I will have an infinite room generation system!
@isadora_M
on
Red Door Yellow Door
3h 17m 7s logged
Red Door Devlog #1 - Starting a new game project! This game is going to be a video game adaptation of the urban legend “Red Door Yellow Door”. I haven’t worked out all of the details yet, but the premise of the game will be the player exploring a creepy maze where they must choose their path by entering differently colored doors. It will be made using Unity, and so far I have created a basic 1st person movement script. This is my first time using Unity and coding in C#, which is why this took 3 hours. My first goal is basic room generation, where entering a door generates a new room of a random size.
chicagOS has finally reached completion! I have spent over a month working on this project, and I am really proud of what I have accomplished. While I enjoyed working on all aspects of this project, I had the most fun playing around with CSS and creating fun animated features for the OS. I am no expert in JS or CSS, so there were many learning curves associated with this project. The biggest challenge I faced was converting my file system from localStorage to indexedDB I made this change due to the limitations of localStorage, but indexedDB uses a very different framework, so I ended up needing to completely redo the code for some of my apps. I am really excited about all the new things I learned in this process, and happy to create a fun project themed around my hometown of Chicago!
1h 2m 17s logged
chicagOS Devlog #19 - Final devlog before shipping! Not many visual changes, as I have spent a lot of time cleaning up the code, removing unused classes from CSS, deleting temporary console.log(), removing unnecessary comments, etc. I cleaned up some animations in CSS, but other than that, none of the code has really changed. I’ve really enjoyed working on this OS project, but I’m definitely excited to start something new. 
.png)
6h 42m 58s logged
chicagOS Devlog #17 - Lots of changes! I’m wrapping up this project soon, so I am putting some final touches on the UI and making some backend changes. The file system now runs entirely using indexedDB instead of localStorage which means all file types can be saved now. The music app and gallery app have been connected to the file system. I also added a small calendar popup when you click on the time element. My biggest visual change was adding a startup screen. It was made almost entirely in CSS, and a single function in JS. I’m not sure if I’m going to add any more features before shipping, so if anyone has any suggestions lmk,
1h 28m 14s logged
chicagOS Devlog #16 - I am still being indecisive about possibly adding a new app, so I decided to spruce up one of my simplest apps so far, Gallery. I mainly wanted to change how the photos were displayed, which wasn’t too difficult. The only real new feature I added was the ability to add custom photos, which was pretty easy because I used direct input from the computer. I also added the ability for grid view. At first I tried rebuilding the HTML for grid view, but I decided it would be easier to just have an invisible <div> that contained the grid layout. I don’t have any ideas for other apps to update, so if anyone has new app ideas, lmk cause I ran out days ago.
4h 56m 4s logged
chicagOS Devlog #15 - I have created the Music player app! You can upload any audio file from your computer and queue it in the playlist on the right. There is volume control, a time slider, play/pause, and skip/reverse. It will automatically load the name of the song, artist, and cover art if it is known. I originally planned on integrating this app with the existing file system, but it turns out audio files cannot be stored in localStorage so I had to scrap that idea. Currently, the playlist is just an array, which means it unfortunately does not save once the page is reloaded. But trust me, I’m going to update the file system so it can store all file types soon! I don’t really know what apps I’m going to add next, so I guess we will see where the wind takes me.
4h 32m 32s logged
chicagOS- Devlog 14 I’ve added a lot more functionality to the file system. Now you can add new folders, delete folders, and rename folders. You can also drag to reorder the folders in the sidebar. I also added a custom alert/notification center, so alerts such as “cannot delete system folders,” etc will be displayed, along with any other possible notification features I might add.
Next, I plan on making a music app.
4h 41m 46s logged
chicagOS Devlog 13-
I have created the file explorer app, and built the new file system. Now, instead of each app being connected directly to localStorage, they all use the same newFile() and getFile() functions from a central file system. Each app has a dedicated folder within the system.
Next up, I hope to make a music player app, with the ability to add audio files.
4h 1m 12s logged
chicagOS #Devlog 12- Terminal app is pretty much done! Obviously, I will add new commands as the OS gets more features, but I have some basic commands done! I also added a switch to toggle the quotes visibility in the settings app. Next, I plan on adding a file explorer which will connect all the apps into a single file system!
4h 27m 18s logged
The Header has been turned into a dock! I tried to reuse my existing code to open apps, but I couldn’t get it to work, so I had to end up redoing it twice. I also added some JS so that when you click on an open window it is put into focus.
This is what the dynamic background is looking like so far, hopefully I can improve it more.
Next I plan on adding some more apps, possibly including a terminal and a file explorer.
3h 9m 50s logged
chicagOS Devlog 10-
Dynamic wallpaper is done! (kinda) I’ve been having issues trying to use images that have the background removed, so if anyone knows how that works, please lmk!
I created a settings app to choose between the classic wallpaper (non-animated) and the dynamic wallpaper (many animated parts). The dynamic wallpaper will probably change once I can figure out the images I’m using.
Next up, I am planning on turning the header into a dock! I will probably move the quotes to a widget.
3h 34m 52s logged
chicagOS Devlog 9-
The Mind Map app is finally working! all of the nodes are draggable, and you can zoom in and out. Turns out the issue was that new nodes coordinates were being calculated from the root node instead of their parent node, so the line drawing function couldn’t find the new nodes.
Also, I expanded the notes app! Before you could not save notes, but now you can! I added a side bar to display the saved notes, and also added the ability to remove saved notes.
Next I plan to make some more UI improvements, maybe even a dynamic background?
3h 19m 11s logged
chicagOS Devlog #8 - Browser app is completed! I used i-frame to display the browser window. The search bar takes web addresses, and if what is entered is not a valid web address, it automatically inputs it as a Google search prompt instead. I also added some bookmarked web pages, and forward and backward buttons that work by storing the web history. Next, I want to add more functionality to the notes app, including the ability to save and delete notes.
4h 1m 13s logged
The Paint app is mostly done! I added functionality to the save and load paintings button. I also updated the UI of the toolbar. I created the UI for the browser app, which currently doesn’t have any functionality. I plan to use an iframe to display webpages and also provide some bookmarked websites.
5h 11m 16s logged
A lot of progress has been made! I’ve been waiting for my ship to be approved for WebOS1, which it just was! Yay! But in the last 4 days, I have made a lot of changes, so prepare yourselves.
#1 - The UI has had major improvements! I went down the W3Schools rabbit hole and added a bunch of things to make the UI look cleaner, including the first animated element of the UI!
#2- Paint app! - I added the paint app, and it currently has pretty basic functionality. You can draw, change colors, change brush size, erase, and clear the canvas. I plan to add a save feature soon. (The button currently doesn’t do anything.)
#3- I WILL FIGURE OUT THIS MIND MAP APP! I fixed a few things, but some things still aren’t working. Currently, lines don’t get drawn past the root node, and I think it has something to do with the ID hierarchy? We will see.
#4- I added a feature of the desktop header that rotates through quotes about Chicago! It has the same animated background as the welcome window.
That’s it for now; hopefully I can continue to improve the UI and the paint app!
This is the Chicago-themed web OS I made for the WebOS 1 mission. I learned a lot about JS, HTML, and CSS. I have some experience with JS and HTML, but it is my first time using non-inline CSS, which has been fun. I had a great time designing the website and creating all of the features and apps. Some challenges included dealing with importing images, which took a very long time, and making certain UI elements look good.
31m 20s logged
chicagOS Devlog #5- Getting ready to complete the guide for WebOS 1! I cleaned up a few things with the UI, and I have decided that the Mind Map app will not be included in this first ship :( But trust, when I get smarter it will be coming back!
@isadora_M
on
Planter Dividers
Planter Dividers Ship! -
This was a relatively quick project I built to solve a real-life problem I have. I have planters that are nailed into the top of my 6’ fence. This makes watering the plants very difficult without giving everyone on the sidewalk an involuntary shower. My solution was to create inserts for the planter bed that can be easily removed to make watering easier, along with allowing for rearranging.
The project includes full and half size inserts, with full and half size aeration trays. Both sizes are identical except for the width, and all feature water drainage holes and grooves.
Dealing with the usual challenges of Onshape constraints and dimensions was a joy as always, but eventually I used a system of midpoint lines to create a scalable grid for water drainage holes.
