donOS X

webOS devlog 5
two-in-one?? paint app and start menu!

in record time (yes, 4 hours is record time), i managed to create a basic painting app and a start menu!
carrying over my knowledge about localStorage to making the save and new functions of Paint really sped things up. that said, setting up the viewport of the canvas so that you could edit a whole screen worth of content was a bit of a headache:
i tried setting the paint window to just clip content, but that meant when it was resized from a larger to smaller then larger size again, only the content visible in the smaller size was preserved. so i had to set up a big, invisible viewport and a window so that you can scroll the viewport, and the whole beautiful art you made can be restored.

features included in Paint™:

• draw. can u believe that? can u believe u can draw in a Paint app?
• change the brush colour (i know, mindblowing)
• fill the canvas with your choice of colour
• erase (this took me wayyyy too long to figure out wth)
• make multiple paintings and save each. that’s right, u can make and save as many incomplete art panels as the average manga artist (no shade).
• view all of your paintings. each painting is saved like a clickable file on the desktop. that’s so cool, as long as you don’t refresh the page because idk how to write to ur pc storage. sue me.

start menu was very easy, probably cuz it’s so basic but i’m not really building it beyond that for now.

unfortunately for the 0.5 people that have been following along, this might be my last devlog… before my first ship! i want to account for all the progress i’ve made thus far, so i’ll be shipping the first rendition of donOS X later today for the world to enjoy (or hate on, whichever fits ur personality).

thanks for reading! like this devlog. now.

webOS devlog 4
notepad babyyy!!

update: you can now try out my website live on my project page! go on,
treat yourself…

my coding efficiency needs to be studied…. wdym 6 hours for a notepad
app… 🫩🫩🫩
anywayss, i got it done nice and clean, and now i have something
actually functional!! and the best part is, i did it 99% without AI!!

the all-new Notepad™ features:

• bold and italic formatting. now your notes look expressive. whoop whoop

• the ability to save your notes to the desktop! as long as you
  don’t refresh your tab, your cute little notes stay on the desktop, with
  your questionably long names dynamically fitting with some fancy
  flexbox formatting

• the ability to make NEW notes. that’s right, you can populate this
  poor desktop with a bajillion notes if you want, as long as bajllion
  means less than around 20. don’t push it buddy.

• soon: tails appears if you call out to him 👀👀👀

things i’ll definitely do in the next devlog:

• manage time properly (yikes)
• browser. what’s a desktop without a means to doomscroll
• a game. if i can’t code solitaire, sorry guys, pong is the best i can do
• ….tails….

ok byebye

webOS devlog 3
draggable and closable windows!!

i need to speed this up wthhh
but yeah, u read the title. we now have proper dragging windows. last time, they cursor would fly off screen if u dragged too far (it still kinda does if u shake the windows too much, but no idea how to fix that yet), but now, they, y’know. Drag
hmm what else. oh, right. i added

• desktop icons, so that you can access your favourite time-wasting apps more efficiently
• close buttons, so that you can kill your favorite time-wasting apps. sidenote on this, this took longest because the guide initially just set it up for one window, so i had to basically learn javascript myself to learn how to apply it to all windows.
• Hope.
• Tails!!!! not enough yet tho >:(

webOS devlog 2
welcome screen!!! yippee
i managed to make my welcome screen, fitting neatly inside a draggable window template which i’ll apply to other windows in the future.
this took way longer than expected again, mostly because the drag function allowed the user to drag beyond the screen boundaries, which i fixed by adding clampPosition function that ensures the window never crosses the screen’s dimensions.
i also created custom window buttons and dialog buttons, though none of them are functional just yet.
things to do:

• more Tails. duh.
• make the window buttons do stuff
• add desktop icons
• games?? 👀👀 (foreshadowing x2)

see y’all tomorrow. i’m so tired

webOS devlog 1
seven hours over 3 days for… almost nothing huh 😭😭.

i actually spent most of this time trying to decide what design style i’d use. i tried mimicking the Wii U, then the Wii, then the PS VITA, then i read the mission requirements and realized it needs to have draggable windows… sigh…. anyway, i managed to set the base desktop for my OS with a LOT of enhancements, including:

• a CRT monitor frame, complete with shadows and gradients to create the illusion of 3 dimensions
• great responsiveness to ensure the monitor maintains its aspect ratio while fitting on practically any screen
• a custom cursor within the screen to mimic the old windows XP look
• a desktop wallpaper. it really is cool enough to have its own bullet point

problems i faced? oh, boy.
first of all, i had no idea how responsiveness actually worked, so i initially set all my units in px and the layout would break horribly on any display other than mine. so i had to learn to use cqi units instead and change EVERY. SINGLE. ONE.
then i spent about an hour trying to figure out why everything was still broken and the gradients weren’t working, only to realize i hadn’t linked my .css file in the header. AAAAA

what i’m going to add

• the welcome screen (should’ve been the first thing bruh)
• draggable windows
• Tails, because… Tails
• games? 👀👀

ok see y’all tomorrow (or probably later today yayaya)