Perya Color Game Using HTML, CSS and JavaScript with Source Code

Language

Welcome to the Perya Color Game! 🎲✨ This interactive web-based game brings the excitement of the traditional Filipino carnival right to your screen. Built using HTML, CSS, and JavaScript, the Perya Color Game lets you experience the thrill of rolling colorful dice and testing your luck. With smooth animations, a clean design, and an engaging gameplay experience, it’s a fun way to enjoy a classic game from the comfort of your home.

The game features an intuitive interface where you can roll three dice and see the results displayed in vibrant colors. Each roll is recorded in the spin history section, allowing you to track past outcomes. Whether you’re playing for fun or practicing your luck, the Perya Color Game is easy to use and entertaining. Simply click the "Roll Dice!" button and watch the dice spin. Will your lucky color win? Try it out and enjoy the game!

You may also check this simple HTML, CSS and JavaScript project:

Features

✅ Dice Roll Animation – A visually appealing dice roll animation adds excitement to the game.
✅ Betting System – Users can place bets on different colors before rolling the dice.
✅ Winning Logic – The game determines the winning color based on the dice result.
✅ Game History – Displays previous rolls and results for better tracking.
✅ Interactive UI – A clean and responsive interface ensures a seamless user experience.

Technologies Used

  • HTML – Structure of the game elements.
  • CSS – Styling and animations for a visually appealing UI.
  • JavaScript – Game logic, dice rolling, and betting system implementation.

How to Play

  1. Select a color to place your bet.
  2. Click the "Roll Dice" button to roll the dice.
  3. If the dice lands on your chosen color, you win!
  4. View game history to track past results.

Sample Screenshots of the Project

Landing Page

Sample Result

How to Run?

  • Download the provided source code zip file.
  • Extract the downloaded zip file.
  • Open the html file and you are now ready to go!

Video Demonstration for Installation/Setup:

Conclusion:

In conclusion, the Perya Color Game offers a fun and interactive way to experience the thrill of a traditional Filipino carnival game. With its vibrant design, smooth animations, and easy-to-use interface, it’s perfect for casual gameplay and testing your luck. Built using HTML, CSS, and JavaScript, this project showcases how simple web technologies can create an engaging and enjoyable game. Roll the dice, track your results, and immerse yourself in the colorful excitement—try the Perya Color Game today!

That's it! I hope this "Perya Color Game Using HTML, CSS and JavaScript" will assist you on your  programming journey, providing value to your current and upcoming projects.

For additional tutorials and free source codes, explore our website.

Enjoy Coding :>>

Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.

Virus note: All files are scanned once-a-day by SourceCodester.com for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.

FOR YOUR OWN SAFETY, PLEASE:

1. Re-scan downloaded files using your personal virus checker before using it.
2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.

Add new comment