Skip to content

TheRealSamkit/HangMan_Game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

27 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽฎ Web-Based Hangman Game ๐ŸŽ‰
Welcome to the Web-Based Hangman Game! This interactive game combines the classic word-guessing challenge with modern web development techniques to deliver an engaging and fun experience. ๐Ÿคฉ\

๐Ÿš€ About This Project This project is a web-based Hangman game ๐Ÿ“ where players guess a word by selecting letters.
Featuring:

๐Ÿ—‚๏ธ Multiple word categories
๐ŸŽต Engaging sound effects
โœจ Fun animations
๐ŸŽฏ Interactive and user-friendly gameplay
๐Ÿ—๏ธ Structure of the Game
๐ŸŒŸ HTML & CSS
๐ŸŽจ The game's interface is crafted with responsive design to work seamlessly across devices.
๐Ÿ“ฑ Key elements include:
Word display ๐Ÿ“–
On-screen keyboard โŒจ๏ธ
Category selector ๐Ÿ”
๐Ÿง  JavaScript
The core game logic ensures an exciting experience:\

Game Initialization ๐Ÿ•น๏ธ:
Players select a category to start the game. A random word is chosen, and blank spaces represent each letter.
Letter Guessing ๐Ÿ”ค:
Players click letters to guess. Correct guesses reveal letters; incorrect guesses draw the hangman.
Game Over ๐Ÿšซ:
๐ŸŽ‰ Win: Confetti animation and celebratory sound effects.
๐Ÿ˜ข Lose: The full hangman is displayed with a message.
Sound & Animation ๐ŸŽงโœจ:
Background music, sound effects, and animations make the game immersive.
Hints ๐Ÿ’ก:
Players can request hints displayed in a popup, offering helpful clues.
๐Ÿ”‘ Key Features
๐Ÿ—‚๏ธ Categories
Choose from a variety of predefined word categories, each with:\

๐Ÿ“œ A list of words
๐Ÿ’ก Corresponding hints
๐ŸŽต Audio & Sound Effects
An audio library enhances the game:\

Correct Guess: ๐ŸŽถ Positive sound
Incorrect Guess: ๐Ÿšจ Alert sound
Background Music: ๐ŸŽต Keeps the game lively
โŒจ๏ธ Dynamic Keyboard
An on-screen keyboard is dynamically generated, letting players interact with ease.\

๐Ÿ–Œ๏ธ Canvas Drawing
Incorrect guesses add parts to the hangman, drawn on a canvas element for a visual challenge.\

๐Ÿ”„ Reset & Replay
Players can:\

Reset the game ๐Ÿ”
Select a new category to keep playing ๐ŸŽฎ
๐ŸŒŸ Why You'll Love It
๐Ÿš€ Fast and responsive design
๐ŸŽ‰ Engaging animations and effects
๐Ÿ’ก Interactive gameplay with hints
๐Ÿ“ฑ Optimized for desktop and mobile
๐Ÿ› ๏ธ Technologies Used
HTML & CSS: For responsive layout and design.
JavaScript: For game logic and interactivity.
Canvas API: For drawing the hangman.
๐ŸŽ‰ Get ready to guess, learn, and have fun! ๐ŸŽ‰\