Skip to content

karthiknvd/flappyneo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

9 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽฎ Flappy Neo โ€” Futuristic Flappy Game

Flappy Neo is a futuristic neon-style arcade game inspired by Flappy Bird, rebuilt with modern cyberpunk visuals, glowing effects, drone physics, and smooth animations. Play as Neo, a glowing cyber orb, and glide through neon towers while chasing high scores.

Built using HTML5 Canvas, Vanilla JavaScript, and CSS3 โ€” fully responsive and runs smoothly in browsers.


๐Ÿš€ Features

๐ŸŸฆ 1. Two Game Modes

  • OG Mode โ€“ Classic Flappy Bird gravity + tap-to-jump gameplay
  • Drone Mode โ€“ WASD free-movement with acceleration, friction, and velocity trails

๐ŸŸฉ 2. Neon Cyberpunk Visuals

  • Glowing player
  • Smooth energy trail
  • Animated futuristic obstacle towers
  • Dynamic background scanlines

๐Ÿ”Š 3. Full Audio System

  • Background music
  • Score sound effects
  • Custom sound for every +10 score milestone
  • Crash sound
  • In-game Audio Controller (Music ON/OFF & SFX ON/OFF)

โšก 4. Smooth Gameplay

  • Optimized physics
  • Dynamic gap reduction
  • Speed increase as score rises
  • Screen shake on collision
  • LocalStorage high scores (OG & Drone separately)

๐Ÿ“ฑ 5. Only For PC Users

  • Not Optimized for Mobile

๐Ÿ“ Project Structure

/
โ”œโ”€โ”€ music/                 # Background music (retro-gaming-271301.mp3)
โ”œโ”€โ”€ favicon.png            # Game icon used as website & tab icon
โ”œโ”€โ”€ index.html             # Main HTML file
โ”œโ”€โ”€ script.js              # Full game logic (canvas drawing, physics, audio)
โ””โ”€โ”€ style.css              # Styling, fonts, neon effects, layout

๐ŸŽฎ Controls

OG Mode

Action Control
Jump SPACE / Tap / Click
Start Game SPACE / Tap / Click
Switch Mode M

Drone Mode

Action Control
Move Up W
Move Down S
Move Left A
Move Right D
Start Game SPACE / Tap / Click
Switch Mode M

๐Ÿ”ง How to Run Locally

  1. Download or clone this repo:
git clone https://github.com/karthiknvd/flappyneo.git
  1. Open the folder:
cd flappyneo
  1. Just open index.html in your browser.

No frameworks, no Node.js โ€” everything runs natively in the browser.


๐ŸŒ Deployed on Vercel

You can checkout the live game here:

https://flappyneo.vercel.app/


๐ŸŽต Audio Credits

Background Music: Retro Gaming โ€“ Pixabay (Free License) https://pixabay.com/music/upbeat-retro-gaming-271301/

Sound Effects: Google Actions Free SFX Library (wood plank flick, beep, crash)


โ˜• Support

If this project helped you or inspired your work:

๐Ÿ‘‰ Buy me a coffee: https://buymeacoffee.com/webnate

Every bit of support helps keep projects like this open-source and evolving.


๐Ÿ“˜ License

This project is free for personal or portfolio use. You may modify and publish your version, but please credit the original assets where required (Pixabay music).

About

A neon-themed futuristic Flappy Birdโ€“style browser game ๐Ÿš€๐Ÿฆ

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors