stardance has been extended another month! the new deadline is october 31 :)

You are browsing as a guest. Sign up (or log in) to start making projects!

WildOS

  • 11 Devlogs
  • 37 Total hours

WildOS is a web-based, nature-themed operating system made with HTML, CSS and JavaScript, featuring interactive apps, custom backgrounds, a music player, Store, and Wildo AI.

Ship #2

WILDOS

at last i completed WildOS for the WebOS 2 JAM.

WildOS is a web-based but nature-themed OS and my second WebOS. My first WebOS helped me understand how a WebOS works, so this time i wanted to make something bigger and more functional.

What I Built

I made 9 apps:

  • Wild Notes - write notes
  • Wild Music Player - play music
  • Wild Files - explore and download files
  • Wild Settings - change the appearance
  • Wild Weather - shows the weather of the Amazon Rainforest
  • Wild Store - download and install apps
  • Wild Gallery - view pictures
  • Wild Sounds - play some crazy sounds
  • Wildo - the personal assistant of WildOS

The Music Player and Wild Store took me the most time. While making them, i learned more about JavaScript, app structures and how different parts of the OS connect together.

Features

  • Custom backgrounds
  • Appearance settings
  • Background sounds
  • Boot animation
  • Boot percentage
  • Boot music
  • Filters
  • Custom cursor
  • 3 new songs
  • Draggable windows
  • Fullscreen support
  • App downloading and installation

I also completely changed Wildo. Now he can give guides about WildOS and generate 2 images using JavaScript.

Problems I Faced

One big problem i faced was having 1000+ lines of HTML in one file.

As the project became bigger, it became harder to find things and fix bugs. I spent time aligning and organising the code. I also faced some lag and dragging bugs while building it.

This helped me learn how important it is to keep the code organised when a project gets bigger.

How It Works mainly

WildOS works like a small OS inside the browser. You can open apps from the dock, move the windows around, change the appearance, play music and download apps from the Store.

You can play it directly in the browser.

Use fullscreen and headphones for a better experience.

Easter Eggs

There are some Easter Eggs hidden inside WildOS.

  • Double-click the tree icon on the top
  • Double-click the WildOS text on the top

There are also some more things hidden around the WildOS.

I really enjoyed building WildOS and learned a lot about JavaScript, app structures, dragging windows, music players and fixing bugs.

That’s it for WebOS 2.

check it out, ya tried!

  • 8 devlogs
  • 31h
  • 14.67x multiplier
  • 452 Stardust
  • WebOS 2
Try project → See source code →
Open comments for this post

1h 24m 55s logged

completed the readme for the project and made it properly written with the project details and everything needed. it took some time to arrange everything in the readme so it looks clean and understandable. i also aligned the 1000 line html code properly because it was not properly aligned before and it was hard to read and work with. now the readme is completed and the html code is properly aligned.

0
0
22
Open comments for this post

7h 58m 13s logged

WILDOS

FINAL-DEVLOG

at last i completed the wildos.

i completed the store and the rest of the apps. the store took a long time to make but at last i completed it and made it functional.

i also changed some app styles from webos1, made my own backgrounds for the boot and main window, added filters and a cursor image.

also added boot percentage, boot music, some easter eggs and 3 new songs.

i completely changed wildo and now he can give guides and generate 2 images.

i also aligned the 1000 line html code and added the wifi logo.

at last everything is done.

ready to ship..!

0
0
117
Open comments for this post

3h 18m 27s logged

WEBOS 2

today was another interesting day of working on my webos 2. i added two more apps to the webos — Gallery and Sounds.

i also somehow managed to fix the lag bug that was happening when using the webos. it was a really annoying bug because sometimes the ui would get stuck or become slow, but after working on it i finally got it working much better.

after that i completed the design of the Store app. the store is going to be one of the bigger parts of the webos because it can be used to show and add different apps. the design part is now completed and i also started working on the JS for it.

i also added a click sound when interacting with things in the webos. its a small feature but it makes the experience feel much better and gives the webos a little more life.

  • added Gallery app
  • added Sounds app
  • fixed the lag bug
  • completed the Store design
  • started the Store JS
  • added click sounds

today also taught me a lot about JavaScript, app structures, bugs and how different parts of the webos connect together.

the wildos is slowly becoming bigger and more complete with every update. there is still a lot left to build I am trying to make it fast ,bye!

0
0
85
Open comments for this post

5h 4m 56s logged

Devlog

WildOS

Today I worked on APP STORE mostly and sometime on settings as well.

I added store app struture and details for apps in store.

I also have some lag bugs with web but i am trying to resolve that

Next, I am going to:

  • resolve the lag bug
  • finish the store app with js
  • build sounds and galllery app
    yay bugs bugs let me complete this one
0
0
15
Open comments for this post

3h 34m 12s logged

wildOS

Worked on settings today.

I added appearance , customisable backgrounds and background music.

I also worked on fixing javascript bugs and learned more about music ,dragging etc.

Next, I am going to:

  • completeing settings
  • app store
  • some music

Getting closer to completing my WebOS2

0
0
26
Open comments for this post

2h 50m 4s logged

I ADDED MUSIC PLAYER ,THE FILES- ALL BUTTONS IS WORKING ADDED A STORE BUT NOT COMPLTED ALSO FIXED SOME BUGS OF DRAGGING WINDOW

0
0
23
Open comments for this post

2h 1m 55s logged

worked on music player added the javascript now adding the store app and inside that some apps to download also added new fonts , changed all macos style icons in green icons more comming

1
0
88
Open comments for this post

4h 34m 59s logged

I started working on WebOS 2.Today, I added some new things:Added a new structure for the Music Player Added a Weather app Added file downloading in the File app Added full-size windows for all apps Next, I’m going to finish the Music Player and start working on a Store app.

0
0
28
Ship #1

WildOS

It was so cool to complete the WebOS 1 JAM. I made WildOS, a web-based but nature-themed OS.

Thanks to MeowOS for inspiring me to build one too. Also thanks to the WebOS Guide that helped me understand what to build, and thanks to the team that built that guide.

So what I built is a nature-themed OS called WildOS.

It is fully nature-themed and has some awesome features. This one is web playable, so anyone can test it directly in the browser.

I added 5 apps to it. The first one is WildNotes, where you can write your notes. The second one is a music player that lets you play some cool music. The third one is Files, which is just a simple file window. The fourth one is Settings, where you can change the theme. And the fifth one is WILDO, WildOS’s personal assistant, but it is always unreachable.

I also added a booting window, text animations, a live clock, customizable themes, and draggable windows.

This is my second WebOS. The first one gave me an idea of how a WebOS could work, and while building WildOS I learned more about JavaScript, especially dragging windows and making the booting screen.

I also took a little inspiration from macOS for the dock and some of the icons, but I tried to make the rest of the design my own and keep everything around the nature theme.

It was really interesting to build and I learned a lot from it.

That’s it for WebOS 1.

let’s see what I can build for WebOS 2.

Try project → See source code →
Open comments for this post

5h 12m 26s logged

At last i completed it.It was so cool to complete the WebOS 1 JAM. I made WildOS, a web-based but nature-themed OS.Thanks to MeowOS for inspiring me to build one too, and also thanks to the WebOS Guide that helped me understand what to build. Also thanks to the team that built that guide.So what i built is a nature-themed OS called WildOS.It is fully nature-themed and has some awesome features. This one is web-playable, so anyone can test it directly in the browser.I added 5 apps to it. The first one is WildNotes, where you can write your notes. The second one is a music player that lets you play some cool music. The third one is Files, which is just a simple file window. The fourth one is Settings, where you can change the theme. And the fifth one is WILDO, WildOS’s personal assistant, but it is always unreachable.I also added a clock based on the WebOS Guide.I took a little inspiration from macOS, mainly for the dock and the icons, but most of the design is based around my own nature theme.Overall, it was really fun to build WildOS and learn how a WebOS works while making it.Now I’m ready for WebOS 2.

0
0
91
Open comments for this post

47m 18s logged

WILDOS Hi i am using my free time to complete the webos i am mainly using html,css,and some javascript.So i making the first webOS so a very simple.btw i created the booting screen and a dragable window now i want to style it and thanks to the guide by stardance and meowos , i take it a inspiration to bulid this . see ya

0
0
102
Open comments for this post

25m 8s logged

WildOS — 2DayDevlog Day 1 The Beginning Today I started working on WildOS, The main goal is to create an OS with a unique identity SO I began by planning the overall design, user interface, and the features I want WildOS to have.I worked on the basic structure of the project and thought about how the desktop, applications, settings, and navigation should work together. I also started experimenting with the visual style and layout.There is still a lot to build, but getting the foundation started feels like a big step.Day 1 progress:Started the WildOS project Planned the basic OS structureDesigned the initial UI conceptStarted working on the desktop experienceListed features for future versions Day 2 — Building the WildOS focused more on turning the initial idea into something that actually feels like an operating system.I worked on the interface and started connecting different parts of the system together. I also thought about how users will interact with WildOS, including the desktop, applications, menus, and settings.The project is still in an early stage, but the direction is becoming much clearer. There are plenty of things left to improve. so at last i created the desktop booting and the first window ,still a lot more

0
0
78

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…