deltea

updated some projects, posted some blog posts, and added the page to the hack club “page webring”!!!

Changelog

• updatre birb descript
• update starbird description
• add starbird project
• publish new post
• change project name
• fix error
• update projects
• add lain gif button
• use pure white for foreground

LET’S GOO i added the black text on the side! it took a lot of trial and error with a bunch of differnet methods, but it works now!

also, i write a lil blog post about the process making this thing, check it out here!

Changelog

• make the red part expand with animation
• more responsivness
• add the side text finally!!!
• Update +page.svelte
• add padding to warning
• improve layout
• add mobile warning
• fix options layouting
• move stuff right
• add vercel stuff
• add readme
• oops
  …and more

i organized the project structure more, so it’ll be easier for me later on! i also got track info to display, but not pretty.

Changelog

• get song data working!
• add back player controls
• better organization! (and fixing stuff)
• fix errors
• move some files around and stuff
• player serial controls
• yesss playlist loading!!

mochi_os now looks in the playlist folder for playlist files, then indexes the tracks into the library!
i still need to smooth out some rough parts of the code organization, but going pretty smooth so far!

Changelog

• yesss playlist loading!!

let’s gooo we got cover art now!!!

Changelog

• get album art working!!

organized the code a bunch so that everything is neatly organized into their respective files
i also made it so the player will fill the buffer in the background when it needs to

Changelog

• listing the directories
• move the sd card code to a different place
• feed the music player buffer without useinterrupt
• move the audio code to a separate file
• separate display code
• remove beep

(here’s me playing americon idiot on it ig )

finally FINISHED!!
added a bunch of stuff, like sound effects, music, and the little pink thingy and little red thingy that follows you selection!
i’m still really sad i couldn’t get the side text to work tho… :(
i might try later

Changelog

• add red following thingy
• add more sfx
• add keyboard shortcuts
• add sound effects
• add music
• add some stuff to starting screen
• add offsets
• animate the pink thingy
• add the pink part

LET’S GOOOO I DID IT!!
i finally got the red thingy to work!!! yess!!! this took me like 3 hours and i wanna di-
anyway, now i need to add back the pink pulsing thingy and then i think i’m done.
i don’t think i’ll do the huge text on the left side, because i genuinely can’t think of a good way to do it. (right now it’s just covering the 3d model)

Changelog

• make interaction bounding boxes reasonable
• YESS FINALLY

RAHHHHH i’m almost done!! i’m literally so close!
i added the controls on the bottom right, and tried to add the red and text on the left side. these 2 are the hardest things to add.
first, the red part on the overlapping parts of the options text is hard to do, and i can pretty much only do it in a svg text element, instead of an html text element
second, the huge text on the left side of the screen is partly behind makoto’s head, HOWEVER i’m just using a video for the background, which means i can’t layer his head on top of the text. i originally thought i could just make the white part transparent by using davinci resolve, but it looked terrible so i decided i’m gonna just do a screen recording of the actual menu, with the text already behind it, then just edit out the number and add it in code. pheww.

Changelog

• readjust side text
• add left side text
• small changes
• add each description
• make the text shadows better
• add the text shadows
• add the bottom right controls
• try using svg clip path
• small adjustments

uploaded the build to itch! i hope it does well in voting!

Changelog

• set the main scene
• add title text

fixed the death screen, and made some small aesthetic changes. my friend finished the snow area, and it looks great!

Changelog

• change snow elevation
• make cards look better
• add 2 more upgrade cards
• fix death screen

honestly didn’t do that much
i added the pink background selector, and added a pulsing animation. it looks really cool!
i spent like 2 hours trying to make the offsets and rotations look good, and its SO HARD to get the selector offset and size to look right.

i tried to get the red overlapping text in each option to work, but it’s really complicated, so that’ll be for next time

Changelog

• small adjustments
• add the pulsing background selector
• small changes
• selection cursor scaling!
• much better selection cursor placement
• small chagnes
• make the code a bit cleaner
• small position adjustments
• make the background video seamless
• some random stuff
• add the pink background selector

i added sfx! also i fixed a few pesky bugs.

Changelog

• use roommananger in the main menu
• golem sprite sheet import
• add sfx
• better main menu button font
• main menu is main scene
• main menu art
• ml shadows
• mountain lion flipping

added a bunch of stuff, like making upgrades actually work, and adding a death screen. we’re almost done! only 14 HOURS TO GOO AHHHHHHH

Changelog

• reset player health
• fix upgrade bug
• finish death screen
• fixed player walking animations
• idle animation wrapping mode fix
• animatino code and imports
• get upgrade panel going
• upgrade cards
• made golem scene
• folliage sprites
• shadows and random env scale
• environment sprites
• main menu background
• main menu
• ground folds increased
• ground shader
• heavy attack speed decreased
• heavy attacks do more damage

gng i might be cooking!! i got the selection logic all good, and it allows for me to maybe add keyboard navigation later on.
everything i need to do next:

• add the pink background selector cursor
• animate the pink background selector to ping at certain intervals
• slightly randomly offset the options horizontally
• add the huge text on the left side of the screen
• add the ui on the bottom right, showing what button to press
• add some banger background music!

started by finding the font used in the pause menu. turns out, it uses rodin pro, with super tight tracking. i downloaded the background video off reddit, but i have to figure out some way to remove the white background, so i can put some text behind makoto’s face.

Changelog

• add a cool title screen
• add the background video
• init all

i added a nice looking upgrade panel! next up is getting the upgrades to actually work, and to have different upgrade rarities! i also need to draw some art for the different upgraades.

Changelog

• stuff
• lion strafing fixed!
• make upgrade panel more opaque
• make the cards look even cooler
• lions are faster
• wind back animation
• fixed attack delay
• charge up attack fixed (mind the terrible code)
• add an upgrade panel
• heavy attacks push you forwards
• attack cooldown level up
• attack cooldown
• fixed UI issue and “added” light attack
• compensate dashSpeed for speed increase
• fix the mountain collider
  …and more

the game is finally coming together! my friend did the art, and it looks great! i added xp dropping, so later we can implement an upgrade system.

Changelog

• working tree changes
• environmental stuff unfinished
• updating sprites in mountain script
• environment item script
• better player scale
• add a nice cloud sky shader
  …and much more

i changed the layout! (kinda) i added a bit of padding on the left and right side of all sections, so it kidnda looks centered now. i also added more squiggly dividers!
i have sort of left the minimalistic style i was originally going for, but idk, this looks pretty cool!
(btw the reason this devlog has more time than the previous one is becase i added a new hackatime project)

Changelog

• add more dividers, and center eveyrthing!
• make the page width wider
• make it more mobile friendly
• make some things not pixelated

jeez i gotta make my devlogs shorter :heavysob:
in this devlog:

• added a cool crt effect
• added the hack club pagering
• added my socials links
• added cool sunglasses

Changelog

• change project divider again
• change socials
• add some decorations to projects section
• change color of spiky divider
• add hackatime link
• make arrows smaller
• add my antipixel button
  …and so much more

the vs1053 breakout board from adafruit arrived! it took like 3 hours to get working, but it finally works now!
for some reason, the demo code from the adafruit library just didn’t work, and for the life of me i couldn’t figure out why. it turns out, you had to specify a reset pin in code, or else it would just break?!?! like bruh it literally said it’s an optional pin smh
anyway, the important thing is i got audio working so now its time for the ui and filesystem stuff!
heres how it looks now

• got arena set up and shrinking when you go around it
• mountain lion enemies!

Changelog

• better damage checks
• enemy damaging
• cell spawning
• backpack and cell scenes
• use impulse in the enemy
• fix enemy knockback
• half done health bar
• remove palette filter
• mountain shrinking
• take damage function for player
• mountain lion behavior variety
• better mountain lion attacks
• mountain lions take knockback + stop at attack range
• make mountain bigger
• mountain lion basic behavior
  and much more…

holyyyy this is another long one…
the theme is JOURNEY! we’re going to make a 20 minutes till dawn style game, where you’re hiking up a mountain. i made a simple system for melee attacks!

Changelog

• juicy melee
• basic melee attack
• elevation bar
• generic mountain sprite and script cleanup
• elevation adjusted for rotations
• get mountain center to player
• dash fixes
• player movement speed adjusted and added move and slide
• add a bottle
• some comments and half fixes
• player has a sprite
• better naming conventions in player movement script
• player movement script with dashing

… and a bunch more commits

some basic godot setup for when the theme is announced tomorrow! ts gonna be fire!

Changelog

• wakatime stuff
• add a tilemap and some other stuff
• typical stuff
• init godot

this is a NEW START for my mp3 player!!!
i redesigned the banner and design for the ui! from now on, this project will be known as the MOCHI player!
since i learned a lot more about PCB design from making my own mechanical keyboard, i realized that using a separate DAC might not be the best idea… that’s why i decided to use the VS1053B codec instead! it handles all the decoding, so i don’t need to deal with that.
i started by making a new platformio project and setting a much better filesystem. this is gonna be FIRE!!!
(i just gotta wait until the VS1053B devboard comes so i can actually start playing audio

mostly bug fixes and small styling changes! somehow i accidentally put the wrong link for the slack button, and i also tried to do get some kind of hack club authentication flow going

Changelog

• small styling changes
• fix the slack link
• auth stuff

oops… this devlog is way to big 😭
i redesigned the whole website! i decided to keep going with the fl studio theme (cuz why not), and i added a section explaining what the ysws is.
i thought the hero section looked a bit bland, so i spent like 1.5 hours making a weird spiinny-box thingy for the background of the description. idk what that thing is it looks trippy (i was trying to make ui like persona, except i ended up with this)

Changelog

• fix button interactability bug
• update fl-chan dialogue
• Update TODO.md
• update todo
• new title
• much better responsiveness
• better responsiveness
• oops missed a url
• add more spacing on hero
• fix image urls
• fix flag animation
• weird ahh boxy animation thing
• loopy arrow in the description!
• faq + footer + and hero sections done!

there was a slight issue with export codecs again lmao

Changelog

• finally fix export codecs for the last time 😭

oh god finallyyy
I’M FINALLY DONE!!!
i fixed every single export and gif bug (that i know of), and added a progress bar!! export performance is also significantly increased for gifs that have a transparent background
oh i also made the info button actually work lmao (i lowk forgot it was there when i shipped)
so yeah, super smooth, really happy with how it turned out!

FINAL DEVLOG!!!
finally finished this project! honestly there is still a bunch of features i want to add, but i think its pretty good at where it’s at right now. (i also want to move on to a new game project :D)
this devlog is mostly bug fixes, such as syncing the canvas preview with what you actually get when you export it as a video. i also added a little indicator next to the frame offset slider label so you know exactly how many frames it’s offset by. and yeah, mostly internal stuff! i also added a little title thingy to the sample selection modal.

it was actually really fun adding samples, so i might add some more in the future. but yeah, time to ship!

ooff this one’s a long one
EXPORT OFFICIALLY WORKS!!! (mostly)
i finally understand mediabunny! i figured out one the biggest issues with exporting, which is the codec configuration. i used the utility function built-in to mediabunny to find the best video codec to use. now all gifs (should) work!
i think i’ve really nailed down the visual style of the app, so adding new ui is a no-brainer.
i added a sample library! you can now pick one of the predefined gif or audio track to use! rn theres only 5, so i’ll probably add more (give me suggestions).
but yeah, next up:

• syncing the gif with the current song time (when they’re offset)
• add frame offset number indicator somewhere
• export progress bar
• better speed multiplier controls
  soooo here’s miku ig

small updates!
first, i added a cool spike thingy at the top of the page so it looks cool
then, i added drag and drop support! you can now drag and drop images to add them
andddd uhhh yea thats basically it, this was mostly an experiment so i might just ship it

it’s going really well!!
for the website, i added some dotted dividers (idk if it looks good), and made fl-chan actually have a typewriter effect!
#fruity will now be for any DAW, so i had to update the site to change that.
oh also i added a mockup shop page
join fruity!
(the site lowk looks kinda ugly to me idk what do you guys think)

finally finished it!
i added a little projects page where you can see all the projects i’ve worked on, with status.
i added a hover interaction with the last.fm music now listening thingy, so it takes you to my last.fm page
also updated my status! i’m working on #fruity!!!

WE ARE SO BACKKKK!
i redesigned the entire site from the ground up, with a way more consistent style and design choices. i think it looks way better now!!
i fixed the issue with the preview section being weird with sizing, and made it so you can just pan and zoom around!
i moved the audio and gif file picker boxes to the sidebar, cuz honestly idk even know why they weren’t there in the first place
but yeah, next up: fixing the gif preview issues, and making export actually work!! (yipeeeeeeeeeee)

the landing page is done! check it out at https://fruity.deltea.space!
things i did:

• i made a nice little logo based on the fl studio logo
• i added fl-chan to guide you
• added a faq section with accordion dropdowns (it took like 2 hours to get the animation to work 😭)
• added hack club flag to the top-left

JOIN FRUITY!!!!

i just did some small changes:

• fixing the color of the spikes so that its the same as the background
• making stuff load asynchronously
• add types for the data
• pearto

ui redesign!!!!! (for like the fourth godamn time)

i literally just moved some stuff around and added an actual layout. i also made all the text smaller, because it fits more stuff. i added a sidebar!!!!! i still need to make the sidebar button to get it out of collapsible mode tho.

one of the main reasons i wanted to do this redesign along with better ux was to also improve the exporting feature, cuz it was really really buggy, and really terrible before.
so yeah

oh yeah i also really want to add a cool settings dialog menu thingy where you can change the theme and volume and stuff

heres a lil video of spamton below, along with a screenshot of the ui before the redesign:

i worked on some code organization and housekeeping cuz my code is actually terrifying
to be specific, i made playlist loading and playlist indexing two separate things, and basically improved the file management system.
i also started on the playlist selection screen, and worked on a cool animation thingy for the selection box thing.
next to do: bug fixing (yayyyyyyyyyy)
so yeah, since nothing visual really changed, here’s a short clip of the player screen below ig.
(also i tried to change the jumper wires to actual solid-core wires, but then just gave up after like 8 wires lol)

ok i kinda just changed the layout a little bit (moved the bar to the top) and also changed the logo to be less bad.
i added error handling so that the app doesn’t just break permanently every time there’s a 404 error, so that’s good.

after finishing the base prototype, its lookin good!
however…
i realized that you can clear all the data just by clearing the cookies and cache!!!! nooooooooooooo
i have to somehow figure out a way to back up the data.

i also want to give peridot an actual style, because rn its looking kinda bland. minimalistic, but bland.

oh also i gotta redo the logo, its so ass.