Hangman Game, playable in a web browser.
This version of Hangman is exactly like the pencil-and-paper game (local multiplayer), just made into a webapp. See the Hangman Wikipedia article for more details.
Note, this webapp has been designed for English alphabet
Maximum Number of Guesses: the maximum positive integer number of guesses before losing. Enter 0 for infinite lives.
Word: Words must be 30 characters or less. Punctuation, numbers, and special characters are allowed, but will not be hidden.
Category: Ideally, the chosen word should belong to the chosen category, however, this is not enforced by the webapp.
Upon loading the game, players are presented with:
- The hangman
- Blanks corresponding to the letters in the hidden word/phrase (punctuation and whitespace shown)
- Wrong letter guesses
- Options for next letter guess
Players may then begin selecting letters. The webapp will keep track of right and wrong guesses. Try to save the hangman by guessing correctly before running out of tries!
- (Enhancement) Safe For Work version: current version is a tad bit macabre...
- (Enhancement) Audio & Music: some air vibrations could really help with the immersion
This is my first serious attempt to develop a fully-functioning, well-tested webapp using Svelte. I figured implementing hangman was a good place to start, but it turned out to be much more complicated than I thought. Front-end webdev is a bizarre world, but I'm getting used to it.
Hangman: Instead of filling in the hangman as you would on pencil and paper, the webapp shows a live hangman on a platform. If players run out of lives, the platform drops, and then the hangmang suspends and dies (┬┬﹏┬┬)
It would be cool if the rope was tied to the 'g' in 'Hangman', and when the rope drops, the background fades to black and you only see a spot light on the hanged man and a 'Play Again' button. Not sure how to implement that just yet.
Tech Stack:
Last update: June 30, 2022