Skip to content

Swon404/gd1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

1 Commit
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Neon Geometry Dash

A neon-styled HTML5 canvas game inspired by Geometry Dash, featuring glowing effects, smooth animations, and challenging obstacle-based gameplay.

Features

  • ๐ŸŒˆ Neon Visual Style: Glowing effects, vibrant colors, and a dark cyberpunk aesthetic
  • ๐ŸŽฎ Classic Gameplay: Jump-based platformer mechanics similar to Geometry Dash
  • ๐Ÿš€ Progressive Difficulty: Game speed and obstacle spawn rate increase over time
  • โญ Visual Effects: Particle systems, glow effects, and smooth animations
  • ๐ŸŽฏ Score System: Earn points by surviving obstacles
  • ๐Ÿ”„ Restart Function: Quick restart after game over

How to Play

  1. Open index.html in your web browser
  2. Press SPACE or CLICK to make the neon cube jump
  3. Avoid the glowing obstacles (spikes and blocks)
  4. Try to get the highest score possible!

Controls

  • Space Bar or Mouse Click: Jump
  • Restart Button: Start a new game after game over

Game Mechanics

  • Player: A cyan glowing cube that responds to gravity
  • Obstacles: Pink spikes and orange blocks that move from right to left
  • Ground: Green neon platform with dashed line pattern
  • Particles: Background effects and jump/collision particles
  • Scoring: +10 points for each obstacle successfully passed

Technical Details

  • Built with HTML5 Canvas and vanilla JavaScript
  • CSS3 animations and neon glow effects
  • Orbitron font from Google Fonts for futuristic styling
  • Responsive particle system for visual feedback
  • Progressive difficulty scaling

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! ๐ŸŽฎโœจ

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published