--- title: Reality Swipe emoji: ๐ŸŽฎ colorFrom: blue colorTo: indigo sdk: docker app_port: 7860 pinned: false --- # ๐ŸŽฎ Reality Swipe **Match gems, create cascades, and crush levels!** A delightful match-3 puzzle game built with pure JavaScript. No frameworks, no fussโ€”just pure gaming fun! ๐ŸŽฏ ## โœจ What's This? Think Candy Crush, but **way cooler** because you built it! Drag and swap colorful gems to create matches of 3 or more. Watch the magic happen as pieces cascade down and new combos form automatically. ## ๐Ÿš€ Play Now! Just open `index.html` in your browser and start swiping! No installation, no setupโ€”it just works! ๐ŸŽ‰ ## ๐ŸŽฏ How to Play 1. **Drag or click** adjacent gems to swap them 2. **Match 3+** gems in a row or column 3. **Watch the cascade** as new pieces fall into place 4. **Reach the target score** to level up! 5. **Beat your best** and see how far you can go! ๐Ÿ† ## ๐ŸŽจ Features - ๐ŸŽฒ **8ร—8 game board** with 6 colorful gem types - ๐Ÿ’ฅ **Cascade system** - matches create more matches! - ๐Ÿ“Š **Score tracking** with level progression - ๐ŸŽฏ **Move limits** for strategic gameplay - ๐Ÿ’ก **Hint system** when you're stuck - โœจ **Smooth animations** and visual feedback - ๐Ÿ“ฑ **Responsive design** - play anywhere! ## ๐Ÿ› ๏ธ Built With - **Pure JavaScript** - No dependencies, just vanilla JS - **CSS Grid** - Beautiful, responsive layout - **HTML5** - Modern web standards ## ๐Ÿ“ Files ``` crushgame/ โ”œโ”€โ”€ index.html # Game interface โ”œโ”€โ”€ game.js # Game logic & mechanics โ”œโ”€โ”€ styles.css # Styling & animations โ””โ”€โ”€ README.md # You're reading it! ๐Ÿ‘‹ ``` ## ๐ŸŽ“ For Developers Want to customize? The code is clean, well-commented, and easy to modify: - **Game logic**: Check out `Match3Game` class in `game.js` - **Styling**: Tweak colors and animations in `styles.css` - **Mechanics**: Adjust board size, gem types, or scoring in `game.js` ## ๐Ÿš€ What's Next? This is a **prototype** ready to become something bigger! Potential next steps: - ๐Ÿ“ฑ Mobile app (Unity/React Native) - ๐ŸŽจ Custom graphics & sprites - ๐Ÿ”Š Sound effects & music - ๐Ÿ’ฐ Monetization features - ๐ŸŒ Multiplayer & leaderboards ## ๐Ÿค Contributing **We'd love your help!** This project is open to contributions of all kinds: - ๐Ÿ› **Bug fixes** - Found a bug? Report it or fix it! - โœจ **New features** - Got an idea? Let's make it happen! - ๐ŸŽจ **Design improvements** - Better UI/UX? We're all ears! - ๐Ÿ“ **Documentation** - Help make the code more understandable - ๐Ÿงช **Testing** - Play the game and share feedback! ### How to Contribute 1. **Fork the repo** and clone it locally 2. **Create a branch** for your changes (`git checkout -b feature/amazing-feature`) 3. **Make your changes** and test them 4. **Commit** with clear messages (`git commit -m 'Add amazing feature'`) 5. **Push** to your fork (`git push origin feature/amazing-feature`) 6. **Open a Pull Request** and describe your changes! **No contribution is too small!** Even fixing typos or improving comments helps! ๐ŸŽ‰ ## ๐Ÿ“ License MIT License - Feel free to use, modify, and build upon this! --- **Made with โค๏ธ and lots of ๐ŸŽฎ** *Ready to level up? Start playing now!*