This is a simple browser game I created in order to display some of my web application development capabilities. I decided on a web application project that would serve a list of purposes for me.
- Demos some of my HTML/CSS capabilities.
- Demo some creativity
- improve on my writing skills.
The original idea for this project was the game Hangman but while making plans for its HTML canvas illustration, I felt that it was not the best idea. Reason being, the imagery of a hanging man could be viewed as offensive. Therefore making it inappropriate.
Although I wanted to move away from Hangman I did not want to abandon the game concept entirely. Still attached to the rules of Hangman, I decided to continue with the general rules of the game just change the rewards, and consequences.
So instead of preventing a person from hanging, I removed the graphics and what was left was a simple word guessing game. A fan of the “word of the day” by the NEW YORK TIMES and Merriam Webster’s online dictionary I thought it would be a good idea to use some my favorite words from their publications for the game. This also gave me a chance to improve my vocabulary.
How to play
The game is simple. Like in H
- Store a dictionary of words.
- Select a random word, and display its hidden characters.
- Track user attempts. Track each letter attempt or word entry attempt.
- Reveal letter(s) multiple letters on letter correct button clicks.
- Check for a win. Check for word submission match or if all letters are revealed.
- Check for a lost.
- Reset game.
- Display Content.
This game uses a few web application technologies and some of their popular libraries.
- Font Awesome 5.6.3 (graphics)
- Dictionary (object) – All of the vocabulary words for the game.
- Max (Num) – The max number of words in the dictionary.
- Word (object) – The chosen word.
- Random (Num) – Random number between 0 and max number.
- Attempts (array) – A list of attempted words and letters.
- CheckWinner(); – Check if the player has discovered the secret word.
- checkGameOver(att); – check how many attempts are left for the player.
- hideWords(); – hide the letters of the secret word.
- Newgame(); – reset word and set up a new game.
This game took me an estimated 8 hours to complete, not including 30 to 45 minutes to plan development. This was short but quite satisfying. I plan on using this game for studying new vocabulary words I explore as I work on my writing skills.
Feel free to try the game out for yourself. Please email or comment any bugs or suggestions. I will even accept vocabulary words to add to the game.
This is my first edition of the game. I will work to improve the game over time. There are a few things I thought of changing while working on this rendition. Some example of these updates include…
- Phrases: Introduce spaces for words phrases and punctuations.
- Groups/Categories – Group words together for example like Important People, Cities, or Words.
- Add a Point System – I would like to add points to the game. for example additional points for solving letters in a row. Also, points deduction for wrong guesses.
- Create Difficulty Levels – Add a degree of difficulty (ie easy, normal, hard. ) that will use words with low, or higher, character lengths and attempts depending on the set difficulty.
- Introduce Animation/graphics: Add graphics, animations or memes for after submissions.
- Add rules: Two attempts for guessing incorrect vowels.