Skip to content

itzMaximee/Magical-Slot-Machine

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

✨ Magical Slot Machine

GitHub repo size GitHub issues GitHub stars GitHub forks License


🎮 Overview

The Magical Slot Machine is a fun, interactive web-based slot machine game built with HTML, CSS, and vanilla JavaScript. It features animated reels, weighted probabilities, glowing particle effects, and a fantasy-inspired design.

Players can choose different egg types (Common, Rare, Ultra), pull the lever, and reveal magical creatures with varying drop chances and values.


✨ Features

  • 🎰 Interactive slot machine with animated spinning reels
  • 🐾 Collectible magical creatures with custom rarity and pricing
  • 🎨 Fantasy-styled UI/UX with glowing gradients and particle effects
  • 📱 Responsive design – works on desktop & mobile
  • Lightweight – no frameworks, only pure HTML/CSS/JS
  • 🔒 Accessible controls – keyboard + screen reader friendly

🛠️ Tech Stack

  • HTML5 – structure
  • CSS3 – styled with gradients, animations, and responsiveness
  • JavaScript (Vanilla) – game logic, randomization, and animations

🚀 Live Demo

👉 You can host this game for free on GitHub Pages or Vercel.

  1. Push the repository to GitHub.
  2. Go to Settings → Pages.
  3. Set branch to main and folder to / (root).
  4. Access the game via https://your-username.github.io/magical-slot-machine/.

⚙️ Installation

Clone the repository:

git clone https://github.com/your-username/magical-slot-machine.git
cd magical-slot-machine

Open index.html in your browser — no build process required.


📂 Project Structure

magical-slot-machine/
│── index.html        # Main game file
│── README.md         # Project documentation
│── assets/           # (Optional) images, logos, sounds

🕹️ Usage

  1. Select an egg type from the dropdown:

    • 🟢 Common Egg
    • 🔵 Rare Egg
    • 🟣 Ultra Egg
  2. Click PULL LEVER or press Enter/Space.

  3. Watch the reels spin and reveal your magical creature!

  4. View its value and drop chance.


🤝 Contributing

Contributions are welcome!

  1. Fork the repo
  2. Create a new branch (git checkout -b feature/new-feature)
  3. Commit your changes (git commit -m "Added feature")
  4. Push to your fork (git push origin feature/new-feature)
  5. Open a Pull Request

📜 License

This project is licensed under the MIT License – see the LICENSE file for details.


🌟 Future Improvements

  • 🎵 Add sound effects for lever pulls & winnings
  • 🏆 Create a leaderboard or high-score system
  • 🎨 Add custom creature images instead of text
  • 📊 Export results to a player collection system

👉 Do you want me to also generate this as a README.md file and put it alongside your index.html so you can upload directly to GitHub?

About

The Magical Slot Machine is a fun, interactive web-based slot machine game built with HTML, CSS, and vanilla JavaScript. It features animated reels, weighted probabilities, glowing particle effects, and a fantasy-inspired design.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages