My very own WebOS
- 3 Devlogs
- 3 Total hours
This is my very own OS that can be run in the web!
Ship #1
Changes requested
@ARG_Lightning
on
My very own WebOS
So this is my personal WebOS. It has a couple cool features and explains a little bit about me, but not as much as my personal site. I guess I can add some more information here, but I will do that for WebOS 2.
Let's go into some of my thoughts about this project. Honestly, the guide was pretty good, but it resulted in very messy code. I had to sometimes refactor it myself to make it actually readable. Overall though, this project was truly enjoyable because it's such a unique way to showcase me.
So a little bit about the project itself. A lot of it came straight from the guide, but I did make some cool additions. I honestly love the space theme of this project. I think it's pretty neat. Also, I was able to integrate one of my previous projects into this WebOS. I created a spaceflight simulator game for another project within Stardance and as it is a simple game hosted on Github pages, it is very easy to integrate using iFrame. I also implemented an active window display on the top bar which I think is alright and it was pretty simple to implement as I just had to create the element and add some logic into pre-existing JavaScript logic.
Overall, this project was mighty fun and I can't wait to see your guys suggestions. Thanks for reading!
@ARG_Lightning
on
My very own WebOS
33m 17s logged
Okay, so I just recently finished integration of my spaceflight simulator game as well as active window displays on the top bar. So spaceflight simulator is another game I have created which is web based for stardance. It is an open-source website hosted on github pages, so I was able to use a simple iFrame tag to display this app. I just used other simple formatting to make the close button and header text. This also means that the game will update if I update the game repository which is another pro to do it this way instead of copying the entire game’s logic into this file. Now lets talk about the active app display. It is a very simple html element in the top bar with basic styling that’s text is altered in script.js within already existing functions. I have functions for opening windows and closing them, so when I open a window I just set the window’s headertext to the active window display. For the close window function I just set it to desktop as the most recent window was just closed. This logic is applied in other functions, but you get the basic idea. Thanks for reading! Try out my OS and give me feedback!
@ARG_Lightning
on
My very own WebOS
17m 16s logged
So I just finished refactoring the codebase. First thing first, I removed all extra unecessary parts from the html file which included a lot of bloat from the guide that did absolutely nothing. Secondly, I copied and pasted all the styling that was inline into a style.css file which made it a lot more readable as well as reusable through classes. Lastly in refactoring, I rearranged the JavaScript functions to make sense and made the format a lot more reusable. After I completed refactoring, I adjusted some styling which I was too lazy to implement during the jam guide. It looks pretty nice right now. I probably will implement one real quick window, so then my web os will have 3 windows and then I will add either a feature to my top bar or app dock for a unique experience. Then, I should be ready to ship and get a move on with Web OS 2.
@ARG_Lightning
on
My very own WebOS
2h 19m 28s logged
So this is day 1 of working on my Web OS. I just completed my personal site, so this OS will truly just be an expansion of what I already added on that. My thoughts on this project are pretty nice. I enjoy it and it is something completely unique to what I have tried building in the past. The JavaScript integration that is so far implemented in this project is completely new to me. As for the project itself, I have just finished the guide except for the part about apps relating to me. So far, I just made some simple things, but I need to refactor some of this code. It is truly messy and very hard to read. My next goal following refactoring this code is creating a couple apps and shipping it. Thanks for reading so far. I am open to any theme or app ideas. Cya!
