Browser Games Gallery

Tiny self-contained browser games in vanilla JavaScript. No install — just open and play.

Читать на русском · Läs på svenska

🎮 Games

World Aviation Cockpit-view flight simulator and airline career: from Swedish domestic hops out of Arlanda to the whole world. Push back, taxi, fly the ILS, land and park at the gate. ▶ Play · Source	Fish Frenzy Eat-and-grow arcade: eat plankton and smaller fish, dodge bigger ones and jellyfish, and climb the food chain to the Sea King. ▶ Play · Source
Fun Training A training game for school kids: answer tasks in time to water a flower, stop the zombies or keep a panda fed, then spend the coins on your own character. ▶ Play · Source	Flight Simulator First-person arcade flight: pop balloons with the twin gun for points and land on the highlighted airport's runway. ▶ Play · Source

✨ Highlights

• Zero install — runs straight in the browser on desktop and mobile, and installs to the home screen as an app.
• Touch controls — on-screen joysticks and buttons on phones and tablets, keyboard and mouse on desktop.
• Pure web platform — Canvas 2D and WebGL for graphics, Web Audio for synthesized sound. No frameworks, no build step.
• Self-contained — each game lives in its own folder and still works when copied out of the repo.

🛠️ For developers

Run locally

git clone https://github.com/gray0072/ivan.git
cd ivan
npx serve .        # or just open any index.html in a browser

Deploy

There is no build step. GitHub Pages serves the main branch root directly (Settings → Pages → Deploy from a branch → main / (root)), so pushing to main is the whole deploy.

Project structure

/
├── index.html, manifest.webmanifest   # the gallery page (an installable PWA)
├── assets/                  # gallery styles and scripts, icons, flags, showcase.gif, social preview
├── tools/                   # cdp.js (headless Chrome), i18n-check.js, pwa-icons.sh
├── README.md / README_RU.md / README_SV.md
├── SPEC.md                  # repo-wide spec and conventions
├── AGENTS.md                # instructions for AI coding agents (CLAUDE.md points here)
└── <game>/                  # one folder per game: world-aviation, fish-frenzy, fun-training, flight-simulator
    ├── SPEC.md              # spec of this game
    ├── index.html, styles.css, constants.js, game.js
    ├── core/, data/, sim/, render/, ui/, …   # the code, by role
    ├── README.md / README_RU.md (/ README_SV.md)
    ├── icon.svg, manifest.webmanifest, PWA icons
    └── screenshot.png

Roadmap

• More mini-games and experiments
• Search/filter on the gallery page
• Light/dark toggle on the gallery page

📄 License

MIT