Flag-Matcher - a fun flag game that runs in your browser - Devlog 5
Thank you so much for all the feedback, I really appreciate it!! <3

Today I improved the UI of the landing page a little bit. Should feel way more straightforward now!! (I am planning to add pics to the front page in the future but I kinda suck at designing stuff)

I then looked through the feedback I got and one of the most common complaints was that the design of the timer was kinda annoying so I replaced it with a circular SVG timer. When time runs out it also changes the color and starts to blink as a small little visual indicator.
It was kinda my first time actually doing stuff with SVG instead of just downloading them lol and it was kinda exciting figuring all of it out.

For the next devlog, I am planning to add a few sound indicators to the timer.
Other suggestions I got, that I definitely want to implement:

• Custom timer options (also no timer)
• Easy mode
• Mobile version (working on it!!)

(PS: the first pic shows the new landing page, and the other ones show the new timer design)

Flag-Matcher - a fun flag game that runs in your browser - Devlog 4
(How I spent 2 hours trying to fix a bug that did not exist)

I thought I had discovered a bug in my browser game about flags. The game uses a seed system to generate random challenges as well as daily challenges.
So yesterday, I tried taking the daily challenge and opened the website right around midnight. But, to my surprise, the challenge was the same one as the day before..

After panicking quite a bit, I tried to find the bug. I think I spent like two hours in total trying to find it. But, just as I was about to rewrite the code, it hit me: Maybe I opened the site right before 0:00 (like probably two seconds before). My PC’s clock is a bit out of sync so that was most likely the cause of it all.

But fixing imaginary bugs wasn’t the only thing I did that day as I then changed up the scoring system a little bit:
Previously, I just simply took the difference of the target and the guess HSL values and put them in a non-linear formula. This kinda sucked because HSL works like this: A hue of 0 is the color red, BUT a hue of 359 is also red (kinda like a circle). So, as you can probably guess, that lead to some weird scores in the past.

To fix it, I now convert the HSL to RGB values, take the difference of those and then calculate the scores. I added two parameters to tweak the algorithm: punishFactor and curveFactor. The higher the punishFactor, the harder the game will be and if you lower the curveFactor, it will be more forgiving for close guesses.

Those modifications should make the scoring system feel way better now.

Planned additions for the next day:

• Mobile version
• Finally fix some of those buggy flags

I am currently building a website that shows you random Wikipedia articles as a preparation for another project :)

Today, I spent like twenty minutes implementing a language system which allows the user to select their target content language.
It was kinda annoying because I chose to stick to html select and option elements. The problem is that the styling options for option elements are limited. Like really really insanely limited. So it looks kinda.. not good rn

That’s why I plan on switching to an alternative that does not rely on these HTML elements in the future

Flag-Matcher - a fun flag game that runs in your browser - Devlog 3

Ugghhhhh I hate writing readmes so much but I finally wrote one for my project today :))

I then spent like 30 minutes trying to improve the scoring system but all my ideas kinda sucked so I gave up. (Please contact me if you have any idea on how to implement a better one!!)

And that was kinda it for the day..

Oh and also I removed a lot of buggy flags to it should be playable now:
https://floopus44.github.io/Flag-Matcher/

I finally implemented the scoring system (needs some improvements but still) and added a round-end and game-end screen showing the user some stats about how they performed.

I had to temporarily remove some flags as they were kinda buggy but they will be added back in the future :)

Heyy,

I am kinda obsessed with flags so that is why I’m working on a fun little browser game about them.

Here is how it works: You will be presented a random country flag, but one color is missing. Your mission is to then recreate the missing color within a set time by using HSL sliders. Each game consists of 5 rounds and you will be rewarded points depending on the accuracy of your recreation.

I spent the first two days setting up some boilerplate code and preparing the flag SVGs.
I then implemented a seed system which allows users to challenge their friends. This system can also be used to generate daily challenges.

Then I spent some time trying to fix up some flags because some of the SVGs were kinda buggy but I still did not find a real solution. BUT the game is kinda playable already.

Next steps:

• implement a scoring system
• fix up the buggy flags
• make it FUN 🌟 to use
• maybe add none-country flags (?)

Today, I wanted to gain some familiarity with the Wikipedia API in preparation for another project I am working on.

So I programmed this little website that shows you a random Wikipedia article with the press of a button.

Today I wrote all the basic HTML, CSS and JavaScript code, added functionality to actually show you the article and pushed to GitHub. I then spend what feels like an eternity trying to make the website work for mobile users (was relatively easy tho once I figured out how lol)

The project is almost finished, I just need to implement some functionality to show articles in other languages :)

Heyy

I am currently working on a Tinder-like app but with Wikipedia articles.
Just press ♡ or ✗ to tell the app if you like an article or not. The app will recommend new articles to you based on your interests.

Day 1:
Nothing exciting happened - Just set some stuff up and wrote some helper/utility classes

Got it to work and added two commands yay