Dice Kingdom Clash is a 2-player turn-based game inspired by a minigame from Super Mario Party. Engage in an epic battle where the goal is to reduce your opponent's dice tower HP to zero and claim victory! To add excitement, I've introduced Power Dice, granting special abilities that can turn the tide of the game. Immerse yourself in this thrilling experience against a worthy opponent. This project was developed as part of my coursework for GA SEI-45.
Javascript, CSS, HTML & Bootstrap
-
Access the game via https://desmondtong.github.io or https://dice-kingdom-clash.netlify.app
-
Upon arrival, familiarize yourself with the game rules outlined in the Tutorial tab.
-
Each player takes turns rolling their Cannon Dice to launch attacks against their opponent. Click the green button to roll the dice. Keep an eye out for the Power Dice Deck in the center of the screen, which provides an opportunity to unlock special abilities.
-
Enjoy and have fun exploring Dice Kingdom Clash!
Feel free to fork the project and unleash your creativity to enhance the game according to your preferences. I encourage you to engage in discussions with me and the community, as we collaborate to make Dice Kingdom Clash an even more captivating experience. Let's come together and take this game to new heights of excitement!
- Game inspiration: https://www.youtube.com/watch?v=TbRtt4X5t-8
- Game BGM: https://www.youtube.com/watch?v=ryp-CqIfeX4
- Timer function: https://codepen.io/ideaguy1974/pen/pZBBLK
- Graphics created using templates from https://www.canva.com
- CSS positioning: https://blog.hubspot.com/website/center-div-css
- Adding audio to javascript: https://stackoverflow.com/questions/45216461/play-sound-in-javascript
- Adjust audio volume in javascript: https://stackoverflow.com/questions/37115491/how-to-set-volume-of-audio-object
- ChatGPT:
- triggering Bootstrap modal windows manually:
- adding transition effects to elements:
