Kids' Web Games

A collection of simple 2D web games designed for kids to play on smartphones.

Game Ideas

1. Fireworks: Touch/click anywhere to spawn beautiful fireworks
2. Maze: Randomly-generated touchscreen-optimized maze game
3. Bouncing Balls: Physics-based bouncing balls with sound effects and motion controls

Technology Stack

• Game Engine: Phaser - A fast, free, and open source HTML5 game framework
• Build System: Vite - Simple bundler and development server
• Language: TypeScript (optional) or JavaScript
• Deployment: Local Raspberry Pi hosting via rsync/scp

Getting Started

1. Clone this repository
2. Install dependencies: npm install
3. Start development server: npm run dev
4. Build for production: npm run build

Deployment

To deploy to your Raspberry Pi:

rsync -avz ./dist/ pi@raspberrypi:/path/to/webroot/

Or use scp:

scp -r ./dist/* pi@raspberrypi:/path/to/webroot/

Project Structure

games/
├── public/          # Static assets
├── src/              # Source code
│   ├── games/        # Individual game implementations
│   │   ├── fireworks/ # Fireworks game
│   │   ├── maze/      # Maze game
│   │   └── balls/     # Bouncing balls game
│   ├── main.ts        # Main application entry point
│   └── styles.css     # Global styles
├── index.html        # Landing page with game links
└── package.json      # Project configuration

Game Requirements

All games should:

• Be touchscreen friendly (mobile-first design)
• Work on Firefox and Safari
• Include appropriate sound effects when possible
• Be visually appealing for kids
• Have simple, intuitive controls

TOOL_NAME: create_new_file
BEGIN_ARG: filepath
src/games/maze/index.html"