Royal Under / Over 7 – HTML5 Casino Dice Game

Experience the thrill of a casino-style dice game built entirely with pure HTML5, CSS3, and Vanilla JavaScript. Royal Under / Over 7 is a premium, fully responsive browser-based dice game featuring realistic 3D dice physics, professional casino visuals, and smooth gameplay mechanics.

This product is ideal for entertainment websites, web-based gaming platforms, learning projects, or standalone browser games. No frameworks, no external libraries, and no server-side setup required.

Key Features

Realistic Casino Experience

• Realistic 3D dice physics with smooth rotations and animations
• Professional casino-style UI with gold accents and felt-inspired backgrounds
• Dynamic lighting, shadows, and modern glass-morphism interface elements
• Fully responsive layout optimized for mobile, tablet, and desktop devices

Complete Game Management

• Smart balance system with persistent storage using localStorage
• Automatic game history tracking (last 20 rounds with timestamps)
• Multiple chip denominations: 5, 10, 25, 50, and 100
• Bet persistence across rounds (win or lose)
• Real-time balance updates and status feedback

Engaging Gameplay Mechanics

• Three betting options:
  • Under 7 – 2.3x payout
  • Equal 7 – 5.8x payout
  • Over 7 – 2.3x payout
• Visual chip stacking with smooth animations
• Dynamic win and loss messages with visual feedback
• Professional splash screen with animated loading sequence

Technical Excellence

• Built with pure Vanilla JavaScript (no frameworks or dependencies)
• Optimized for high performance with smooth 60 FPS animations
• Modular and well-structured codebase for easy maintenance
• Cross-browser compatibility (Chrome, Firefox, Safari, Edge)
• Full support for mouse, touch, and mobile interactions

Easy Customization

• CSS variables for quick customization of colors, fonts, and layout
• Configurable game settings including balance, payouts, and chip values
• Well-documented code with clear separation of logic and UI
• No build process required, ready to deploy instantly

How to Play

1. Select a bet type: Under 7, Equal 7, or Over 7
2. Choose chip values to place your wager
3. Click the “DEAL” button to roll the dice
4. Win payouts based on the dice result

Files Included

• index.html – Main game interface
• style.css – Full styling with animations and variables
• game-state.js – Balance handling and localStorage logic
• game-logic.js – Dice rolling and game rules
• ui-controller.js – UI updates and event handling
• doc.html – Detailed documentation and customization guide
• LICENSE.txt – License information

Quick Installation

1. Download the ZIP file from CodeCanyon
2. Extract the files to your local machine or web server
3. Open index.html in any modern browser
4. No server, database, or installation required

Customization Options

• Change color themes using CSS variables
• Adjust initial balance and chip values
• Modify payout multipliers
• Replace fonts, icons, and visual assets
• Edit game rules and messages

Technical Specifications

• Platform: HTML5 Web Application
• Technology: Pure JavaScript (no dependencies)
• Data Storage: localStorage
• Animations: CSS3 3D transforms and keyframes
• Browser Support: Chrome 80+, Firefox 75+, Safari 13+, Edge 80+
• Responsive Design: 320px to 4K displays
• Optimized file size for fast loading

Important Notice

This product is intended for entertainment and educational purposes only. It does not support real-money gambling and should not be used for such purposes without proper licensing, compliance, and secure server-side validation.

Royal Under / Over 7 delivers a polished, professional casino-style experience that enhances user engagement and retention.