Add Interactive Marble Game with Physics and Progressive Levels

[Copilot]

Overview

Created a fully functional, browser-based marble game for Abundance Marble & Ceramic Works. The game features realistic physics, progressive difficulty, and an engaging user experience.

What's New

🎮 Marble Game (marble-game.html)

A complete HTML5 game implementation featuring:

• Physics Engine: Realistic marble movement with gravity, friction, and wall bouncing
• Collision Detection: Accurate hit detection between player marbles and targets
• Progressive Difficulty: Each level increases the number of targets and score multipliers
• Scoring System: Points awarded for successful hits (10 points × level multiplier)
• Game Mechanics:
  • Start with 10 marbles
  • Click on canvas to shoot marbles toward targets
  • Clear all targets to advance to the next level
  • Gain 5 bonus marbles when leveling up
• Visual Effects: Particle explosions on successful hits, marble shine effects, smooth animations
• Responsive UI: Beautiful gradient background, polished controls, and clear instructions

📄 Additional Files

• index.html: Redirect page for easy access to the game
• Updated README.md: Comprehensive documentation with gameplay instructions and features list

Game Screenshots

Initial State

The game loads with a clean interface showing score, marble count, and level information along with instructions.

Game Started with Targets

Multiple colored target marbles appear on the canvas when the game starts.

Active Gameplay (Level 2)

Advanced gameplay showing level 2 with increased difficulty, more targets, and visible particle effects from successful hits.

How to Play

1. Open marble-game.html in any modern web browser
2. Click "Start Game" to begin
3. Click anywhere on the canvas to shoot marbles from the bottom
4. Hit the colored target marbles to score points
5. Clear all targets to advance to the next level
6. Use strategy to maximize your score with limited marbles

Technical Details

• Self-Contained: No external dependencies or CDN links required
• Pure HTML5/JavaScript: Uses Canvas API for rendering
• Security: No use of eval, innerHTML, or other dangerous patterns
• Performance: Efficient game loop using requestAnimationFrame
• Cross-Browser Compatible: Works in all modern browsers

Company Branding

The game prominently displays Abundance Marble & Ceramic Works contact information:

• 📱 Phone/WhatsApp: 08137665702
• 📧 Email: abundancemarble@gmail.com
• 📍 Location: Osogbo, Osun State, Nigeria

Original prompt

Marble

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.