TEMPO SURGE

DEVLOG: #16

MORE INSTRUCTIONS + TRANSITION EFFECT

i have completed the remaining instruction pop ups that were missing from the rest of the minigames, and also added a fade-in / fade-out transition effect! its pretty basic and i dont know how to feel about it, but its there! it was really hard figuring out why everything went pitch black, and i thought i had lost all of my progress for a second lol. i figured out that the node being a canvaslayer caused it to go pitch black, so i modified it so itd only work when it had to transition scenes and stuff. im not sure what else to add… but i want to keep working on it. maybe a new minigame?

MARY WEBSITE

DEVLOG #7

small additions

okay it’s been a while, but i added a few little things to make it a bit more lively!

Additions:

• Navbar animation + color change on hover
• Footer
• maryGOAT on click toggles purple or white color
• Changed cursor to a blue one

it was way harder than i was expecting to make an animation that looks good, and i still dont quite like it but its good for now lol

TEMPO SURGE

DEVLOG: #15

INSTRUCTIONS POP-UP

alrighty, so after looking at my feedback, i decided to start with the instructions before a minigame. i have added a simple instruction box, with a button with the text “start” for whenever the player is ready to play. it was a bit difficult knowing how to tie in the button and make it so you can’t move the guitar while in the instructions page, but I found a good enough solution by adding a barrier that disappears on click. excited to improve this project!

HACKPAD!

DEVLOG: #2

making the case

okay . . . it took me an EMBARRASSING long amount of time to figure out how to make the plates. . . id insert the plate and then it’d be oriented some different shape, and that took me HOURS to figure out.

i actually dropped the project cause i was just so confused, but i tried another plate and it . . . worked better. it was finally in the right orientation! i had to manually adjust it, but i got it eventually!

i got the basic case done now, and now i gotta go onto the firmware!

now that i got things done, im pretty proud that i figured this out! ive been wanting to do this mission for a while, so coming back to it and not giving up completely is sweet!

DEVLOG 8!

SEARCH BAR

• i have added a searchbar, and I think i’m ready to ship!
• I searched it up on how to add a search bar, and I got some code thanks to: https://stackoverflow.com/a/42926071
• it was a bit funky at first, since when i tested the code, it’d search what I put in but then add “site:example . com”, and i didn’t want that, so I figured out how to remove that added value so it’d only search up what the user put in.
• i think the search bar was a nice added feature, especially since i think every webOS should have one!

DEVLOG 7!

CALCULATOR

• i have made a calculator for my webos!

• it was difficult learning the javascript in order for the text display to change properly, just like a calculator, but i was able to do it with the help of this guide: https://zellwk.com/blog/calculator-part-1/

• i spent a lot of time figuring out how to stylize the calculator and also implementing the proper javascript in order to make it divide, multiply, and calculate. i had a small issue of just mispelling textContent, so it prevented the clear button from working.

redesigned entire game!

i have made all of my assets into the pixel art style, and i think im ready to ship?? it took me a long time having to go over each asset and making the edges look crisp without any fuzzy pixels. i have six working minigames! i was wanting to add more, but… no ideas are coming to me and i also want to work on other projects! i can always just ship again lol. this has been SUCH a fun project to work on, and i have learned a lot about godot and art in the process of making this! i hope this brings you as much fun as it brought me!

redesign!

ive redesigned the timer screen to have that pixelated art style, and i have also added instructions too all of my minigames just incase it was unclear on what you were supposed to be doing. i have also tweaked my sixth minigame so that when you play all four notes, you can have some time to spam some notes for fun, disabling the green highlights. the font has also changed to a pixeled one :)

trumpet playing! sixth minigame done!

wowzies… ts took me a bit. this is the sixth minigame i have come up with, where you have to press on the selected keys with your keyboards to play the note. i really like how this turned out, but it took a bit to figure out how i wanted to make this. i went with the press down to play way since it made the most sense on how a trumpet works, and i thought itd be cool to have a functioning trumpet to play with in this minigame! it took me some problem solving to figure out how i wanted to layout the if functions for when two / one key(s) were pressed, but i managed in the end! :D (the fingerings ARENT correct for you trumpet enthusiasts…. i picked two notes that had NO fingerings… so i had to make sum up. sorry!)

string the harp… done???

okay im REALLY proud of this one. i have tried doing some proper pixel art… and i think its lowkey fire?? :D i wanna try to pixelate the whole game if possible now.. but that might take forever. ive designed the minigame, where you have to click the gray rectangles on the harp to string it. you must click buttons that are across form each other, otherwise it won’t work. this has to be my favorite minigame even though the script really didnt take that long, just a few booleans going from false to true.

fifth minigame: string the harp!

i came up with a minigame where you have to string a harp by clicking on two buttons. i might do more buttons later, but i have put only two buttons in for simplicity. i came up with this yesterday late at night so i was overthinking on how to do this… but really, all you gotta do is have two buttons and make a line appear once true, and repeat if you want more strings. i think this will be a nice addition, since harps need to be strung and such. i chose a harp cause… why not? its a pretty cool instrument! no visuals yet… but i will be making some soon :D i THOUGHT of making it a drag from one point to another… but uhhh thats a bit out of my skill level right now. i have searched it up but i got no clear answer or guide, but i might come back if i figure it out!

fourth minigame done!

this took a lot of time thinking and figuring out how to do this… i was thinking it could be a drag and drop system but i found that too complicated, so then i thought of swapping the positions. i had to use some math to find the center of each piece and so that theyd be centered when swapped, and added a slight highlight to see what youre doing better. i used ai to help me figure out how to debug my swapping system, since it was taking a long time and i was getting pretty frustrated.

minigame 4 start!

came up with an idea for my fourth minigame! what i have in mind is that it’ll be a puzzle, where you have to put the xylophone parts in descending order, aka largest piece left to smallest piece right. im not sure how to script this though, so ill have to do some googling ! i am pretty excited for this last minigame though, and im planning on redesigning my third minigames background cause i think i chose some really ugly colors lol.

adding options screen, music!

i am starting to make the options scene, since it wasnt actually functional and only has a guitar png… but now i will make it so it toggles the music on and off! i have also added music to the game that loops, a retro game vibe. i have also made the third minigame more obvious, adding a “SPAM” text so that the user knows you have to spam click, as well as making the first minigame easier by adding more time since the only way you could beat it is if you had a perfect run, which could get frustrating.

DEVLOG #2!

animation + stylized page!

i have done some stylizing, such as adding some fonts and adding a background image ( yes… the image looks a bit funky in the video but shhh)
i have also add a one second fade in animation to the API NASA title, image, and paragraph to make it a bit more appealing!

DEVLOG #1

base format done!

so i got the basic javascript and html done, now i will move onto styling it and adding a new feature! what new feature? not sure yet, but i will be looking at some projects or search things up for inspo.

nav bar change!

i have replaced credits and facts with projects and contact, and now i think the whole website looks way better than before! im not sure what to add to it now, as i am pretty content how it looks. its pretty simple but nice:)