@rinimee

CSS Time!
A couple of updates! First off, I added a feature to import images (trying to do PDFS took forever!) so that the user can paste in pictures of their character to develop characterstics and other needs for the story! I also made sure all of the files are saved locally! After that I did a quick fix with the whole “nameless” chat by allowsing users to change it. Now that all the technical stuff is complete, I decided to start working on the CSS! My plan is a little bit complex, which is why I am working on the chat window first. I found this reall cool gothic font on Google Fonts and this really pretty background. Attached is how it looks right now. Since I’m wokring on the chat box, the other features are pretty plain, and the notes features is at the complete bottom…hopefully I’ll look much nicer!

very quick updates ;)
so, i fixed up starry’s yapping problem by developing a better addition to her prompt that basically says to stop yapping and stop using asterisks and hashtags since HTML can’t pick up those as actual formatting commands. i also added local storage to it which was pretty easy since i’ve done it a bajillion times. this was applied to the notes the user can write for and the chats that starry has. that too, when you “flip to a new page” or start a new chat, starry is reset for that specific page and your notes are refreshed too. when you go to the previous page, all your previous work stays. while it might sound complicated, HTML provides functions that are quite literal and allow you to use them anywhere you want!

updates!
today i started to format the next part of my platform, the new chats, or in this case, pages! each page is a new story, and basically how it works is that each chat is assigned a chat id, and therefore is attached to each page. every time you go to a previous page, it is connected to its specific chat id. now, starry is a bit of a yapper, she loves to yap… we are going to fix starrys chatting and also fix her formatting so that she isnt yapping in asterisks 24/7!

ps: i had no idea ← and → meant being rendered as left and right arrows…html rules!!

first devlog: first thoughts!
if you haven’t read through my project details yet, starlit stories is a platform where an ai can help you write a plot without it writing it for you! you can see previous chats and take your own, human notes! this time around, i got my ai api key and used it in a python script as the backend while the html is at the frontend. I’ve decided to work on the css last, since it takes up the least time. after running some errors, talking with real life refs, and getting help from the amazing google gemini, i was finally able to get my ai to work successfully! here’s a snapshot from below!

FINALLY DONE YAYYY!!
some updates! first off, I fixed the calculator format because it was weird, remember? now the calculator is in a landscape format! I also added a notes spot so you can write notes, save them, and when reloaded, you can still see them. I learned how to do this in a previous project, if you’d like to see it its on my projects page! anyway, heres a final snippet of how it looks like when you open the OS, and I’m just so excited to see what I can do next!

ps: yes this is pushed to github so if you wanna see the code GO NOWWW!!!

calculator yumm

yaya complicated app! not much about this one, vscode really knows me so well because it filled up my CSS so nicely! i just need to fix up some css issues that it tdidn’t catch, like this photo you can see below: see how “stormy’s words of wisdom” is at the top of one bar but pusheen’s calculator isnt? i’m pretty sure that I’ll have to change the calculator format first before getting to the next part, but we’ll see tommorow. Anyway, I have the SAT to take tommorow so wish me luck~!

finished some simple apps
YAYAYA I made some simple notes! these feature a guide and some encouragement from pusheen’s siblings, stormy and pip! there were some issued with layering windows, as when you click on one it does not come to the front, but with some help from copilot, I was able to finally figure out the problem, which was a very simple one! here’s how it looks like, i’m so excited since our final step is to create a complicated app!

BOOM BOOM FIRST APP
yayy first app in the making! i tweaked some styling with the format of my OS, like making the handle actually attached to the welcome screen, and closing/opening said screen. I made my first app, stormy’s forecast, which is basically a weather app where pusheen’s sister, stormy, shows you the weather! here’s how it looks!

ps: totally unrelated note: ordered my rpi zero 2w!

welcome screen done!
I’ve finally completed the welcome screen! It looks really adorable, and I really love how its coming together so very nicely. The tutorial is extremely easy to follow, and now that this tutorial is thorough enough, I feel like I am actually understanding how html and css works! js…not so much…anyway here is a snippet of the UI!

its coming together! slowly hehe…

my pusheenOS is coming together! I got a bunch of help from the amazingly thorough hackclub tutorial! I finally was able to set the time up and now it works like a real clock! below is how the ui looks like: i love the background and specifically how pusheen’s marshmallow is burnt and pip is on the side just chewing his marshmellow happily! and stormy looks adorable as always!

first devlog!
a new OS is coming to town and its pusheenOS, created by yours truly! considering I learned a lot about html during the website stardance mission, this is going to be really fun! here’s a snapshot of what it looks like right now! i am so excited to see what its going to look like!

alright now im done ;)

so update! apparently there was an error when i was testing my code: the winning scene wasn’t even loading after minigame 2! I had to change the global miniagme count to 2 since I only have 2 minigames. and I had to take too much time to fix it sighh, but now I’ll be publishing this goofy game so that you can finally help ryder get to nasa hq~

here’s a very hilarious ryder art for you guys while you wait for this ship!

ALL DONE!!
finally! after a good 7 hours of coding, I have finished the game! there were a lot of errors along the way and a whole lot more crashouts, but now that the game is done, I’ll be testing it next, making a READme on my repo, and publishing the game! while i didn’t have the motivation to draw ryder showing up to NASA HQ as the winning/loosing scenes, you can see that I ended up drawing memes instead. here they are! PS: there’s also a bonus third pic of me playing the game hehe

HOLY CHEESE I FIXED IT!!
with some awesome-sauce help from the hack-club slack, I finally fixed the first minigame!!!! YAYY!! it still says level 0 but i think i can fix that easily, now the second minigame is buggin a little but I’ll work on that! ill also need to make the winning and loosing scene (DRAWING!) later on. heres the snippet of the second minigame!

NEED GODOT VETS :(
updates! I completed the first minigame and its working, but the level screen timer errors are still haunting me. It took a full 1:30 hours just to get the timer to work. I’m crashing out over these errors and I just hope they’ll get fixed soon ;-;
while I have finished the first minigame, I’ll be doing the next one: a clicker. I hope to god I dont run into any errors this time…

MOVING TIME!! (literally)
yep! after some annoying moments of me repeatedly crashing out before ryder wouldn’t move, but after enabling game inputs and making the velocity negative, ryder can finally jump around on fountains and telephone boxes (although in Ryder’s timeline I doubt he needs telephone boxes.) Here’s a quick snippet below, Ill update you all on the next things!

its comin together!
first devlog! its been like 40 mins but I was able to get the title/timer screen done, working on the level itself now, the ryder sprite is so adorable! let me know if you want the plot drop, its pretty simple. Anyway, I’m creating barriers right now for the sprite but heres a couple snippets! I really love how the title screen turned out!