# 🎲 Dice Roller 3D

![Dice Roller Preview](preview.png)

Welcome to **Dice Roller 3D** – a fun and interactive 3D dice game on the web!  
Roll one or two dice with realistic physics and beautiful graphics using your keyboard or mouse.

[![🔗 Live Demo](https://img.shields.io/badge/TRY%20IT%20NOW-Dice%20Roller-blue?style=for-the-badge)](https://hamzasayed596.github.io/Dice/)

---

## 🌟 Features

- 🎲 Roll 1 or 2 dice in real-time 3D
- ⌨️ Click or press spacebar to roll
- 🔋 Hold spacebar for more power
- 📊 Live stats: total rolls, highest roll, average score
- 🌄 Animated environment: grass, sun, butterflies, and mountains
- 🎨 Smooth and modern UI design
- 📱 Fully responsive – works on desktop and mobile

---

## 🧪 Technologies Used

- **HTML5**, **CSS3**
- **JavaScript (ES6+)**
- [Three.js](https://threejs.org/) – for 3D rendering
- [Cannon-es](https://pmndrs.github.io/cannon-es/) – for physics simulation

---

## 🚀 Getting Started

To run this project locally:

1. Download or clone this repository  
2. Open the `index.html` file in your browser

✅ No installation or setup needed!

---

## 📚 Use Cases

- Explore 3D physics in the browser
- Simulate real dice for board games
- Learn math and probability interactively
- Practice WebGL and creative front-end design

---

## 🙌 Credits

Made with 💻 and ☕ by **Hamza Sayed (Asyut Hack Club)**  
Special thanks to open-source projects: **Three.js** and **Cannon-es**

---

## 📄 License

This project is licensed under the **MIT License**.  
You are free to use, modify, and improve it — just give credit where it's due.

---