Horror Main Menu
Horror-themed game main menu with atmospheric effects and smooth animations.
Screenshots
1Item Description
Nightmare - Horror Game Main Menu===================================
A lightweight, interactive horror-themed game main menu built with pure HTML5, CSS3, and JavaScript. Features atmospheric visual effects, smooth animations, and user-friendly interactions for an immersive horror gaming experience.
PROJECT OVERVIEW----------------- Type: Frontend Web Application- Technology: HTML5, CSS3, JavaScript (Vanilla)- Framework: None (Pure JavaScript)- Dependencies: None (Zero dependencies)- License: MIT- Author: Ronobir Roy
KEY FEATURES------------
VISUAL EFFECTS:• Animated Background - Pulsing dark gradient with flickering effects• Particle System - 30+ floating red particles creating eerie atmosphere• Blood Drips - Random animated blood drips falling from screen top• Glitch Effects - Distorted text animations on horror-themed title• Screen Flicker - Random brightness changes for added horror tension• Creepy Shadows - Moving red shadows across the screen• Sound Waves - Visual wave effects at screen bottom
INTERACTIVE ELEMENTS:• Watching Eyes - Four animated eyes in corners that follow mouse cursor• Corner Buttons - Circular buttons in all four corners:- Top Left: Menu ()- Top Right: Settings ()- Bottom Left: Help (?)- Bottom Right: Exit ()• Main Menu Buttons - Compact, stylish buttons:- New Game- Settings- Exit• Hover Tooltips - Descriptive tooltips on all interactive elements• Keyboard Navigation - Arrow keys and Enter key support• Ripple Effects - Click animations with visual feedback
HORROR ATMOSPHERE:• Whisper Text - Random floating messages ("they're watching...", "don't look back...")• Text Distortion - Random skew effects on text elements• Intense Glitch - Periodic glitch effects on title• Red Flash - Flash effects when clicking corner buttons• Parallax Movement - Particles move dynamically with mouse movement
TECHNICAL SPECIFICATIONS------------------------- File Size: ~50KB (single HTML file)- Browser Support: Chrome, Firefox, Edge, Safari, Opera- Responsive: Yes (Desktop, Tablet, Mobile)- Performance: Optimized animations with CSS keyframes- Accessibility: Keyboard navigation support- No Build Process: Works directly in browser
USAGE-----Simply open index.html in any modern web browser. No installation or build process required.
CUSTOMIZATION-------------- Colors: Edit CSS color values (#ff0000 for red theme)- Effects: Adjust particle count, animation speeds- Buttons: Add/remove menu items easily- Text: Modify whisper messages array
FILE STRUCTURE--------------index.html - Main application file (all-in-one)README.md - Full documentationLICENSE.md - MIT Licensepackage.json - NPM configuration (optional).gitignore - Git ignore rulesproject.des - This file
Features
- PROJECT FEATURES
- =================
- VISUAL EFFECTS
- Animated Background
- Pulsing dark gradient with flickering effects
- Creates immersive horror atmosphere
- Particle System
- 30+ floating red particles
- Creates eerie atmospheric effect
- Particles move with parallax effect
- Blood Drips
- Random animated blood drips
- Falls from screen top
- Dynamic timing and positioning
- Glitch Effects
- Distorted text animations on horror-themed title
- Periodic glitch interruptions
- RGB color separation effects
- Screen Flicker
- Random brightness changes
- Adds horror tension
- Simulates old monitor effect
- Creepy Shadows
- Moving red shadows across screen
- Dynamic positioning
- Radial gradient effects
- Sound Waves
- Visual wave effects at screen bottom
- Animated repeating patterns
- Subtle background movement
- INTERACTIVE ELEMENTS
- Watching Eyes
- Four animated eyes in screen corners
- Eyes follow mouse cursor movement
- Realistic pupil tracking
- Blinking animation
- Corner Buttons
- Circular buttons in all four corners
- Top Left: Menu (☰)
- Top Right: Settings (⚙)
- Bottom Left: Help (?)
- Bottom Right: Exit (✕)
- Hover tooltips with descriptions
- Red flash effect on click
- Scale and glow animations
- Main Menu Buttons
- Compact, stylish button design
- New Game button
- Settings button
- Exit button
- Hover glow effects
- Smooth transitions
- Hover Tooltips
- Descriptive tooltips on all interactive elements
- Appears on hover
- Styled with horror theme
- Arrow indicators
- Keyboard Navigation
- Arrow keys (Up/Down) to navigate
- Enter key to activate
- Full keyboard accessibility
- Focus indicators
- Ripple Effects
- Click animations with visual feedback
- Expanding circle effect
- Red color theme
- Smooth fade-out animation
- HORROR ATMOSPHERE
- Whisper Text
- Random floating messages
- Examples: "they're watching...", "don't look back...", "it's too late..."
- Fade in/out animations
- Dynamic positioning
- Multiple messages cycle
- Text Distortion
- Random skew effects on text elements
- Periodic distortion
- Creates unsettling feeling
- Applied to title and buttons
- Intense Glitch
- Periodic glitch effects on title
- RGB color channel separation
- Random timing
- Creates digital horror effect
- Red Flash
- Flash effects when clicking corner buttons
- Full-screen red overlay
- Quick fade-out
- Adds impact to interactions
- Parallax Movement
- Particles move dynamically with mouse movement
- Creates depth perception
- Smooth tracking
- Enhances interactivity
- RESPONSIVE DESIGN
- Desktop Support
- Full experience with all effects
- Optimized for large screens
- All features enabled
- Tablet Support
- Optimized layout
- Adjusted button sizes
- Maintained visual effects
- Mobile Support
- Compact design
- Smaller buttons
- Touch-friendly interactions
- Responsive corner buttons
- PERFORMANCE FEATURES
- Zero Dependencies
- Pure HTML, CSS, JavaScript
- No external libraries required
- Fast loading time
- Optimized Animations
- CSS keyframe animations
- Hardware-accelerated transforms
- Smooth 60fps performance
- Lightweight
- Single HTML file
- ~50KB total size
- Minimal resource usage
$ 100
- Verified source code
- Join 35191+ buyers which trust us!
- Download code immediately
100% Guarantee For Item!
Satisfaction guarantee policy.
Satisfaction guarantee policy.
Information
| Category | Scripts & Code / JavaScript |
| First Release | 22 November 2025 |
| Files included | .html |
| File Size | 1 MB |
| Frameworks | JavaScript |
Similar Items
FlyINBOX
$400
