![]() ![]() I hope you enjoy playing it as much as I enjoyed building it. I even messed around with emojis for the play button before settling on open-source SVGs.Īnd voila! After a fun, challenging, and enlightening journey, Jumblie was born. The final steps involved adding nice-to-haves like an incorrect word section and a timer that resembles a real clock. This allowed players to compete against their past selves, keeping track of their number of games played, current streak, longest streak, and fastest times. But after some (read: a lot of) time, I managed to implement the keyboard functionality.Īfter getting the game to a playable state, I decided to create a local storage-driven leaderboard. There were multiple variables to consider like duplicate letters, backspace functionality, and checking the index of the button. This was a whole new level of complexity. My brain trust was adamant about one thing - they wanted to type. This meant getting the letters on the screen, displaying the theme at the top, and allowing players to click to play. I styled it minimally at first, focusing on the core functionality. With the words and themes sorted, it was time to build the app. After wrestling with several AI tools, and realizing that LLMs are notably terrible at counting, I finally was able to get out a smaller list of themes and words to work with. So, I thought, "What if I used AI to determine a theme for each set of words?" It proved to be a tad more difficult than I'd anticipated. The game was crying out for some sort of guidance. Turns out, picking random four, five, six, seven-letter words makes for a really tough game. When I unleashed it onto my brain trust (aka the cousin group chat), it quickly became clear that the game was too hard. It was a simple array of buttons and an unordered list of correct words. ![]() In its infancy, Jumblie was about as basic as it gets. The concept was to take all the letters from the day's words, jumble them up, and present them as clickable buttons on the screen. Not the smartest move in hindsight, but hey, live and learn. My next decision? Well, it was to build the entire app without using any frameworks - just pure HTML, CSS, and JavaScript. Some might say I over-engineered it, but I prefer the term "thoroughly thought-out". A bit of internet scraping, a Python script, and a bunch of files later, I had a varied array of four to seven letter words. The code does this by randomly choosing a number that is 0 to the length of the word -1. Then it jumbles or scrambles the word by changing the order of letters in it. ![]() I kicked off this adventure by amassing a vast collection of words to incorporate into my game. input('nnPress the enter key to exit') You can play it interactively here: The game randomly chooses a word from a list. But hey, what's a passion project without a little pain, right? You better believe this was a labor of love. I wrote about how I made my game, Jumblie! ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |