Neon Geometry Dash

A neon-styled HTML5 canvas game inspired by Geometry Dash, featuring glowing effects, smooth animations, and challenging obstacle-based gameplay. Now with a Rubik's Cube visual theme!

Features

• 🌈 Dual Visual Themes: Neon cyberpunk glow or colorful Rubik's Cube style
• 🎮 Three Game Modes: Cube (jump), Ship (fly), and Wave (diagonal movement)
• 🏆 High Score Tracking: Persistent high scores via localStorage
• 🔧 Practice Mode: Auto-checkpoints every 2%, manual checkpoints with Z/X keys
• ⭐ Visual Effects: Particle systems, glow effects, wave trails, and smooth animations
• 🎯 Fixed Level Design: Predefined level with portals that switch between game modes
• 📱 Touch Support: Works on mobile with touch events

How to Play

1. Open index.html in your web browser (or run python -m http.server 8080)
2. Press SPACE or CLICK to jump/fly
3. Avoid obstacles including spikes, blocks, sawblades, and bars
4. Pass through portals to switch between Cube, Ship, and Wave modes
5. Reach 100% to complete the level!

Controls

Control	Action
Space / Click / Touch	Jump (Cube), Fly up (Ship), Move diagonally (Wave)
Hold	Continuous jump (Cube), Sustained flight (Ship/Wave)
Z	Place manual checkpoint (Practice mode)
X	Delete last checkpoint (Practice mode)

Game Modes

• Cube: Classic jump-based platformer. Tap or hold to jump.
• Ship: Hold to fly upward, release to fall. Navigate between ceiling and floor barriers.
• Wave: Hold to move diagonally up, release to move diagonally down. Leaves a glowing trail.

Visual Themes

• Neon: Dark background with glowing cyan, pink, and green neon effects
• Rubik's Cube: Colorful 3x3 grid blocks, multi-colored obstacles, falling cube particles

Technical Details

• Built with HTML5 Canvas and vanilla JavaScript (no dependencies)
• CSS3 animations and neon glow effects
• Orbitron font from Google Fonts for futuristic styling
• localStorage for persistent high scores
• Responsive particle system for visual feedback
• Fixed predefined level design with portals
• Forgiving hitboxes for fair gameplay

File Structure

├── index.html      # Main game page
├── style.css       # Neon styling and animations  
├── game.js         # Core game logic and rendering
└── README.md       # This documentation

Browser Compatibility

Works in all modern browsers that support HTML5 Canvas:

• Chrome 4+
• Firefox 2+
• Safari 3.1+
• Edge 9+

Customization

You can easily customize the game by modifying:

• Colors: Change the neon color palette in style.css and game.js
• Difficulty: Adjust gameSpeed, obstacleSpawnRate, and gravity values
• Player Size: Modify the player dimensions and jump force
• Obstacle Types: Add new obstacle shapes and behaviors

Development

The game uses a simple game loop with:

1. Update: Physics, collision detection, and game state
2. Render: Drawing all game objects with neon effects
3. Input: Keyboard and mouse event handling

Enjoy the neon geometric challenge! 🎮✨