WackyRecipes

A rng-like website that gives you weird foods to make!

Background info

Just like I mentioned in my last devlog, I mainly focused on making the home page look better. I also worked on the rng-like mechanics of the generate page and worked a bit on the js.

What’s new

• Changed the color scheme
  • I replaced the brown with this deep red color because it looks more inviting and yummy
• New home page layout
  • I put each section into a box to keep the layout organized. I might make some tweaks to it, but I’m happy with it for now!
• Created basically on the generate page so far
  • Made the roll box, the recipe box, and made the buttons actually work (except there’s no randomizing yet </3)
• Created an array for all the recipes
• Linked the css to the other 2 pages

To-do

• Mainly focus on finishing the generate page
  • Upload images of the food
  • Work on the js to actually make the recipes appear

Extra info

I wanted to work on this project a bit more but I’m already over 4 hours for this devlog so I just decided to showcase what I have so far. Hopefully next devlog will be a bit more interesting.

That’s it for now. Until next time!

WackyRecipes - First devlog!

A rng-like website that gives you weird foods to make!

Background info

New project wooooo!! I’ve had the idea of a website that gives you absurd recipes for a while. Now that sticky streaks came out, I finally have a reason to start a new project!!

What I have so far

I was mostly focused on getting the aesthetics of the website down.

• Top/nav bar with css animations
  • I love css animations so much they’re so cool. Originally, the hovered text covered the other. However, this was quickly fixed by changing the transform from scale() to font-size
• Added text/instructions to home screen
• Linked the other pages (e.g. generate, saved) to the main/home page

To-do

• Change the top bar color to a more reddish color
• Format the text on the home page better
  • Right now it looks a bit ugly since I was just trying to get an outline of what I want. By the next devlog it should be looking a little better
• Add css to button at the bottom
• Add/link css to the other pages

Extra

This project’s looks was inspired by Flavortown’s website. Though I never participated in it, I thought the website looked really cute. I’m planning for this to be a short project (~10 hours) but I’m not the most professional expert coder, so it might take longer.

That’s it for now. Until next time!

Star-Catcher

“Catch the Stars!” - Game made for the WarioWare Mission

Background info

Sooooo yea it’s been a while lmao. Genuinely I’ve been working on the 4th mini game for the longest cause I could figure out how to connect signals properly😭. But, we’re past that now! (thankfully)

What’s new

SO most of my effort has been put into making the 4th level so not much has been added

• Created and finished the 4th minigame
  • Collect 8 stars in under 20 seconds, dodge the meteors (meteor icon hasn’t been drawn yet 💔)
• Minor bug fixes

Appreciation section

As I was making this minigame I saw that @lantyrn created a minigame similar to this! Their project really helped me fix my signal connecting issues cause I genuinely had no idea what I was doing.

So, thank you latyrn for your amazing project (Starry Scramble) – Go check it out it’s really cool and well made!

To-do

• Draw icons for meteor and new star icons
  • Also finish making sprite animation while I’m at it
• Figure out how to fade out music using tweens
• Draw some more backgrounds
• Make the game more enjoyable to play!

If you have any suggestions, let me know. That’s it for now. Until next time!

Star-Catcher

“Catch the Stars!” - Game made for the WarioWare Mission

Background info

It’s back!!! When I saw the continuation to the WarioWare mission, I decided to do it! I haven’t been able to add a lot cause I’ve been busy these days.

What’s new

• Sound effects!
  • I added a lot of sound effects to make the gameplay feel more interactive/immersive
  • Button clicks, star shines, etc.
• Added music
  • So far only the settings and level scene have music
  • I’ve been trying to find music for the levels and start screen but have been unsuccessful so far😞 I might create some custom music for it
• Updated settings
  • added volume sliders
• Created a base for the 4th minigames
  • The idea is that you catch the stars that fall from the sky while avoiding meteors. You lose the minigame if you touch the meteor

To-do

• Finish 4th minigame
• Update character sprite
• Add music to minigames

That’s it for now. Until next time!

CityTab - Last Devlog

A City Pop inspired new tab!

Background info

It’s finished!!! After working on this project for a good while, I finally decided to push through and finish it. I removed the option to hide the widgets because I couldn’t figure out how to make the button work properly, and because I’ve spent wayy too much time on this project and I just want to move on to new stuff.

What’s new

• I’ve added the rest of the song audios and images
• Music tracklist!
  • I’ve added a list that shows all the music currently on the music player
• Readme is finished!

I’m going to ship this project in a few minutes. Maybe in the future I’ll add more features. But, for now, it’s finished. Thanks for all the support on this project!

Until next time!

Citytab - It’s almost done!

A City Pop inspired new tab!

What’s new

• Music player
  • Go to it’s section to learn more about it!
• Updated name input in top bar
  • You can write your name in the settings. It’s saves, so you don’t have to rewrite it every time you enter the website!
• Added toggles to hide widgets and/or bookmarks
  • Not currently working tho😭 It’ll be coded by the next devlog

New widget: Music player

I finally made it!! Fully functioning music player with about ~10 ish songs.

• Song name and artist shows up in the top bar
• Includes a play/pause, skip, and prev buttons
• Border turns neon purple to match the other widgets!
• If you want to suggest a citypop song, write it in the comments and I’ll add it!!<3

To-do

• Code the toggles/buttons in the settings menu
  • Add css/decorate them
• Add the rest of the songs to the music player
• Add a song list to the music player
• Write Readme

That’s it for now. Until next time!

CityTab

A City Pop inspired new tab!

What’s new

• Calendar widget!!
  • Displays the current year, month, and day
  • You can look at past/upcoming months + years
• Settings button + screen
  • Will eventually have toggles to hide certain widgets/bookmarks and be able to change what browser you can use
• Hover animations!
  • Hovering over the bookmarks/widgets now gives them neon borders!
• Re-colored the top bar

To-do

The project is almost done! Just a few more things to add…

• Music player! (The main star of this project)
  • If you have a fav song from the City pop genre, feel free to suggest me them in the comments! I’ll be more than happy to add them! <3
• Add toggles to settings screen
• Change the font of the clock

That’s it for now. Until next time!

CityTab

A City Pop inspired new tab!

New widget: Weather app!

Most weather apps have a search bar where you can find your city and see the weather, but I wanted to use geolocation api so the weather automatically appears when you allow the website to access your location.
.
I was following like 3 different tutorials to get the code to work. The latitude and longitude kept showing up as “undefined” every time I ran the code. Turns out I had to set them to “const” and not as variables😐. So after that, I was able to get everything else to work. I gave it some basic styling for right now.
.
Big thanks to @nokira!! I saw that they did something similar in their project (MainTab) and their code helped me figure out what was wrong with mine. So, once again, thank you!!

What’s new

• Top bar
  • “Now playing” section with scrolling animation! Will be used when the music player is implemented
  • A welcome section on the left where you’ll be able to add your name
• Weather widget
  • Shows the current temp
  • Shows your current location under the temp

To-do

• Add a settings button to the topbar
• Customize top bar more (change colors)
• Fix weather widget font sizing (make temp font-size larger)
• Make calendar widget

That’s it for now. Until next time!

Pegboard

My personal site!

What’s new

Not much has been added. I mostly work on this website in between my other projects as a “break”, so I like to keep this website pretty simple to give my brain a break 😓

• Added image links to my socials on the top shelf
• Clicking on the vinyls/albums brings you to spotify
  • Originally, clicking on the album would play a song and a panel would show up saying what song it is, but I decided to just link it to spotify instead because it’s more convenient and would make the website less cluttered
• Added hover animations
  • Just to make the website a little more fun

To-do

• Add keychain drawing for the project’s section
• Decorate the website a little bit more

That’s it for now. Until next time!

CityTab

A City Pop inspired new tab!

Background info

New project wooooo!!! Making the basics of the website took me wayy longer than if should’ve, but at least I got it done 😭

I followed a tutorial for the search bar to get the basic searching functions. After that, I changed the look and size of it to fit the website and created a function to let you search stuff by pressing “enter”.

Bug fixes

Fixing bugs took the most time out of this session. I mainly had issues centering items. After fighting with the “justify-content” and “align-items”, I ended up just using transform to center everything.

What I have so far

• Search bar
• Bookmarks (youtube, stardance, github, and slack)
• Working clock/time

To-do

• Create a top bar
  • Will eventually display music when music player is done
• Make a weather widget
• Make clock/time more visible
  • Also just realized that it’s not centered… so yea imma go fix that

Thanks for reading! Until next time!

Star-Catcher — It’s finally here!!

“Catch the Stars!” - Game made for the WarioWare Mission

Last Devlog

Star-Catcher is done! It feels a bit bittersweet, but I’m glad that I’m finished with this project. Thank you for everyone who supported thus far!!

What’s new

• Finally drew the win screen background
• Updated the readme
• Set up the itch.io page

Extra info

Once again, I just want to thank everyone who liked or commented on my posts!

If you see this, go ahead and check it out on my ship post. Until next time!

Star-Catcher

“Catch the Stars!” - Game made for the WarioWare Mission

Background info

It’s almost done!!! My motivation has been wavering a bit which prevented me from working on this project for a while, but we pushed through😎.

New minigame!

The third and last minigame. It was originally going to be a whack-a-mole type game but I realized that was above my skill level and I decided to make a clicking/reaction game instead.

• You have to click on the star 15 times to progress
• A black hole will appear. If you click on it, you lose a life
• Text indicating when to click or stop with custom animation! (Inspired by @Gabl ’s Goose Games- Go check it out!)

What else is new

• Created lose screen with retry button
  • Lives and minigames done resets when button is clicked
• Created win screen with play again+menu buttons
  • Background hasn’t been drawn yet
• The sprite now changes directions when you move left/right
• Bug fixes

Extra info

I decided to keep the title screen image, but I might change the title design. I did have some ideas because I was way too overambitious, but I’m happy with how the game turned out! I hope you do too.

I’ll make one last devlog before shipping after I write my Readme and draw the winner’s screen

Thank you for all the support so far. Until next time!

Star-Catcher

“Catch the Stars!” - Game made for the WarioWare Mission

Background info

I haven’t been working on this game as much as I should lately, but I swear imma lock in 😭. I made some drawings for the background and made a new banner! I was going to use the banner image for the title screen of the game, but the dimensions didn’t match up so when I resized it, the image looked off.

What’s New

Mainly focused on visual aspects of the game

• Added floating animations to the stars
• Changed the background of the level/time scene and settings page
• Replaced the old font with a new pixel font

To do

• Draw title screen background
• Create win/lose screens
• Add character walking animations
• Make 3rd minigame

Until next time!

Pegboard

My personal site!

What’s new

I’ve been working on this website while I work on other projects so not much has been added so far

• Projects area

  • There will be keychains of my projects where you can hover over them to see more information

• Vinyl shelf

  • Added some of my fav albums
  • Eventually I’ll make so when you click them, music plays

• Hanging plant

  • For some greenery

What’s next

• Add keychains for projects
• Add links to my github and itch.io

Until next time!

Pegboard

My personal site!

First Devlog!

I wanted to take a little break from my other project, so I decided to make this website. I wanted to make it look like those aesthetic pinterest pegboards. Right now it’s super bare bones and doesn’t have much going on.

What I have so far

• A shelf (the gray bar)
  • I couldn’t find any shelf pngs so I made one. It’ll get a makeover soon tho
  • Links to my github and itch.io will be placed on it
• My profile pic
• About me section + programs I use section

To do

• Add links on top of shelf
• Add a projects section
• Work on the overall visuals of the website

I’ll try to make a lot of progress next time I make a devlog. Until then!

Star-Catcher

“Collect the Stars!” - Game made for the WarioWare Mission

Background info

I said I’d finish making the first minigame yesterday, but I severely underestimated how hard it would be. Building the game was easy but coding it was horrible. The timer wouldn’t work and would automatically close the player.

I ended up moving on to the second minigame (image on the right). Making it went smoothly which gave me enough motivation to finish making the first minigame.

I still don’t know what was wrong with my code, I just ended up deleting the whole script and rewriting it.

What’s New

• 2 mini games created!!
  • A platformer where you collect 3 stars in under 10 seconds
  • A clicked where you click on 5 stars in under 7 seconds

To do

Next time I work on this, I want to focus on how the game looks visually cause doing the coding this session was exhausting.

• Make/draw new background
• Make a custom title on the home page
• Change how the platforms look on the platformer minigame
• Add character walking animation

That’s all for now. Until next time!!

Star-Catcher

“Collect the Stars!” - Game made for the WarioWare Mission

Background Info

This session, I mostly worked on the coding. When I saw the code I needed to write I lowkey got scared but it all worked out in the end 😎

What’s new

Nothing has been added visually besides the “lives left” image being replaced. It’s a net now! (To catch the stars ofc)

• Timer on level scene now works
• Added level count
• Created in game timer

To do

• Create first level (platformer minigame)
• Create settings page
• Draw a background and banner

Extra

I drew the character sprite! She’s a little girl who carries an oversized net and LOVES stars. I drew a front-facing version that I’m probably not going to use but I wanted to show it off still.

It’s not perfect cause I still don’t know how to make pixel art, but I hope yall like it!!

The next devlog will be later today after I make the first minigame. Until then!