Royal Snooker Championship | HTML5 Game with AI and PvP

Royal Snooker Championship is a premium HTML5 snooker game featuring intelligent AI gameplay and local PvP multiplayer on the same device with no online matchmaking. It delivers a smooth and realistic cue sports experience directly in the browser with responsive controls and optimised performance — no servers, no online matchmaking.

Features

• AI opponent system
• Local PvP multiplayer (same device, no online matchmaking)
• Realistic snooker physics
• Smooth and responsive controls
• Mobile-friendly design
• Easy customization

Premium Features

• FULL SNOOKER RULES — Authentic red-colour alternation, endgame colour sequence, fouls, respotting, and complete final-phase logic without respawning.
• 3-TIER AI ENGINE — Ghost-ball geometry solver with Easy, Medium, and Expert difficulty. Expert mode enables cushion trick shots and positional play scoring.
• 4 TABLE DESIGNS — Classic Green, Midnight Blue, Burgundy Red, and Slate Grey — each a full theme with matching felt, rail, cushion, and pocket accent colours.
• 4 CUE STICKS — Classic Ash, Ebony Carbon, Crimson Maple, and Jade Oak — rendered in real-time with linear gradients that match the cue’s material finish.
• SPIN SYSTEM — 9-point cue ball spin grid with top, back, side, and diagonal English. Spin affects the cue ball’s trajectory post-contact.
• GAME CONTROLS — Pause / Resume, Main Menu, Forfeit, and Assign Win — all with premium animated confirmation popups. Zero browser dialogues.
• FULLY RESPONSIVE — Fluid canvas scaling across desktop, tablet, and mobile. Touch input with drag-to-aim and hold-to-charge power on all devices.
• FRAME END POPUPS — Score display, winner announcement, and next frame / main menu choices — all rendered in a gold-bordered premium popup dialogue.

Table Designs

• Classic Green
• Midnight Blue
• Burgundy Red
• Slate Grey

Cue Sticks

• Classic Ash
• Ebony Carbon
• Crimson Maple
• Jade Oak

How To Play — Snooker Rules

• Pot a Red — Each turn begins by potting a red ball worth 1 point. Successfully potting a red earns the right to attempt a colour.
• Pot a Colour — Any colour may be chosen. The colour respawns on its spot after being potted, and the turn reverts to potting a red.
• Fouls — Potting the cue ball or hitting the wrong target type awards your opponent a minimum of 4 points. Wrongly potted colours are respotted.
• Endgame Sequence — Once all 15 reds are potted, colours are potted in strict order: Yellow → Green → Brown → Blue → Pink → Black. No respawning in this phase.

Controls

• AIM — Desktop: Move mouse around cue ball | Mobile: Drag finger around cue ball
• CHARGE POWER — Desktop: Hold left mouse button | Mobile: Hold touch & wait
• SHOOT — Desktop: Release left mouse button | Mobile: Release finger
• SET SPIN — Desktop: Click a position on the 3×3 spin grid | Mobile: Tap a position on the spin grid
• PAUSE — Desktop: Click Pause in controls bar | Mobile: Tap Pause in controls bar

3-Tier AI Engine

The AI uses ghost-ball geometry to calculate pot angles, simulate physics outcomes, and score positional play — all running in-browser with zero server calls.

• EASY (Beginner) 45% miss chance. Ideal for casual play or learning the game. The AI will make frequent positional errors.
• MEDIUM (Recommended) Selects shots by scoring direct pot quality plus positional value for the next ball.
• EXPERT (Professional) Evaluates cushion trick shots when direct pots are unavailable. Full physics simulation per candidate shot.

Technical Details

• Engine: Vanilla HTML5 Canvas · No framework · Zero dependencies
• Platform: Web browsers (Desktop and Mobile)
• Supported Browsers: Chrome, Firefox, Edge, Opera, Safari (latest versions)
• Resolution: Fully responsive — scales from 320px to 3840px
• Balls: 22 balls — 15 reds + 6 colours + cue ball
• Audio: Web Audio API — strike, hit, pocket, cushion
• AI Simulation: 1,600 physics steps per candidate shot
• Responsive: 6 breakpoints, touch-optimised controls
• Physics: Fixed-timestep 16ms tick, elastic collisions
• Pockets: 6 pockets with radial gradient depth render
• Fonts: Cinzel Decorative, Cinzel, Cormorant Garamond
• Documentation: Included — complete setup and customisation guide