Devlog #7

I made a simple start-up screen, but I spent an hour fighting image scaling and general dimension quirks until I (mostly) figured it out. I used a simple fade-in from black paired with a fading blur effect to try and recreate the intro to Rabbit and Steel, along with using a cut version of the intro OST. (except I forgot browsers block autoplaying audio)

Devlog #6

Well, now I move onto WebOS 2.

I made the windows resizable! It took way too long to figure out why scrolling content wasn’t working, since I wanted it to be able to scroll if a window was really small. But, that was really only one of the problems. After figuring that out, I still needed to readjust the apps and the other content, such as the music room animation or the timer crow. The best option I could think of? Don’t even deal with it (for now). So for the time being, the animations are gone.

I also made the app icons animated with basic CSS animations, and I think it just adds a nice touch to it.

Devlog #5

Added a timer app. This took a bit of time to figure out in terms of functionality. But I was far more frustrated with trying to position Twili (the crow) and the rings in the center. Like the music player rabbits, this is animated as well, and the rings rotate. I also added sound effects from Rabbit and Steel for the timer being started and when it goes off, since what good does a timer do if it doesn’t notify you audibly?

Devlog #4

Added a music player. This music player just uses the Spotify preview embed of a playlist containing the full Rabbit and Steel OST, which I thought was preferable than importing all the sound files. It took me some time to figure out how to make the image animated, as it was a spritesheet taken directly from the game, but I think it adds a lot more to the music player. In future apps, I definitely want to add more animated assets.
I have also expanded the settings page to include all backgrounds in Rabbit and Steel, and I have utilized local storage to save the settings and the background for future visits.

Devlog #3

Added a settings page, albeit very barebones at the moment. This allows you to change the backgrounds; matching with game area backgrounds in Rabbit and Steel. There are two settings for window blur and drop shadow.
I also spent (a lot of) time trying to add transitions but I honestly still have no clue how to use them properly.
I’ll add more backgrounds to select later, but I want to make some other app.

Devlog #2

I did some polishing and made a new app. I decided not to make a notes app as the guide directs, because I felt it to be unfitting. So, I instead made an embedded wiki (although I hate Fandom, Miraheze will not load).

A Rabbit and Steel themed WebOS?

You should steel yourself NOW!

Rabbit and Steel has been one of my favorite games to play, especially with friends. So I thought, if I were to make a WebOS for Stardance, I wouldn’t try to make one that would be useful in every single sector possible, but something that I would just have fun with. So I landed with a Rabbit and Steel themed idea.

Right now, all I’ve made is the landing window, topbar, and a background, loosely based on the white border and dark transparent background used in the Rabbit and Steel UI.

Obviously, the next course of action is following through on the guide, but then I will try to add more Rabbit and Steel themed features later.

Anyways, you should play Rabbit and Steel.