Skip to content

shadvls/skyhop

SkyHop

Vercel HTML5 CSS3 JavaScript License

Play

A side-scrolling flappy-style browser game built entirely with vanilla HTML5, CSS3, and JavaScript. Originally crafted in 2013, revived and modernized in 2026.

Project Structure

Path Description
index.html Application shell with PWA support
css/style.css Styles and layout
js/game.js Game logic and rendering
CONTROLS.md Key bindings and touch controls
LICENSE MIT license

Tech Stack

  • HTML5 — Canvas rendering, semantic markup
  • CSS3 — Responsive layout, touch optimizations
  • JavaScript — Game loop, physics, audio (Web Audio API), localStorage persistence
  • PWA — Installable web app with manifest

Features

  • Gravity-based bird physics with smooth easing
  • Procedural pipe generation with dynamic difficulty
  • High score tracking via localStorage
  • 5 unlockable bird skins (yellow, red, blue, gold, raven)
  • 5 visual themes (default, sunset, midnight, arctic, swamp)
  • 3 powerups (slow motion, shield, score multiplier)
  • 4 difficulty levels (easy, normal, hard, insane)
  • Web Audio API sound effects
  • Particle system for visual feedback
  • Screen shake, flash, and slow-mo effects
  • Top 10 leaderboard with LocalStorage persistence
  • Responsive canvas for mobile and desktop
  • Touch, mouse, and keyboard input
  • PWA installable on mobile and desktop

How to Play

  1. Tap or press Space to flap and stay airborne
  2. Navigate through the pipe gaps to score points
  3. Collect powerups to gain temporary advantages
  4. Unlock new skins by reaching score milestones
  5. Compete for the top spot on the leaderboard

Development Timeline

Period Milestone
Apr 2013 Project scaffold, canvas setup, game loop
May 2013 Bird physics, pipes, collision detection
Jun 2013 Game states, visual polish, audio system
Jul 2013 Particles, effects, performance optimization
Aug 2013 Refactoring, .gitignore, controls documentation
Sep 2013 Skin system, theme system, UI selectors
Oct 2013 Powerups, difficulty levels, dynamic scaling
Nov 2013 Leaderboard, mobile support, responsive canvas
Dec 2013 README, LICENSE, final polish, v1.0 release
Jun 2026 Revival — PWA, modern meta, Vercel deploy

License

MIT — See LICENSE.


Originally developed in 2013. Revived in 2026.

About

Side-scrolling flappy-style browser game built with vanilla HTML5, CSS3, and JavaScript

Topics

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Sponsor this project

 

Contributors