Paw Catch

A fun reflex-testing game where you catch a bouncing paw before it escapes!

Play Now · Report Bug · Request Feature

Screenshot

About

Paw Catch is an engaging browser-based clicking game where players test their reflexes by catching a bouncing paw on a starry night canvas. Each successful catch earns points and increases the paw's speed, creating an increasingly challenging experience. No dependencies, no build step — just pure HTML, CSS, and JavaScript.

Features

• Click-to-catch gameplay with real-time score tracking
• Progressive difficulty — paw speeds up with every catch
• Hand-drawn paw rendered with the Canvas API
• Starry night background with a glowing canvas aesthetic
• Fully responsive and works in any modern browser

Tech Stack

Layer	Technology
Structure	HTML5
Styling	CSS3 (Flexbox, Gradients, Box Shadow)
Logic	Vanilla JavaScript (ES6+)
Rendering	Canvas API (requestAnimationFrame)
Hosting	GitHub Pages

Architecture

┌─────────────────────────────────┐
│           Browser               │
│  ┌───────────────────────────┐  │
│  │      index.html           │  │
│  │  ┌─────────┐ ┌─────────┐ │  │
│  │  │style.css│ │ game.js │ │  │
│  │  └─────────┘ └────┬────┘ │  │
│  │                    │      │  │
│  │         ┌──────────▼───┐  │  │
│  │         │  Canvas API  │  │  │
│  │         │  - Draw paw  │  │  │
│  │         │  - Stars BG  │  │  │
│  │         │  - Collision │  │  │
│  │         │  - Animation │  │  │
│  │         └──────────────┘  │  │
│  └───────────────────────────┘  │
└─────────────────────────────────┘

Project Structure

paw-catch-game/
├── index.html       # Game page and canvas element
├── style.css        # Dark theme styling and layout
├── game.js          # Game loop, rendering, and input handling
├── screenshot.png   # App screenshot
└── README.md        # Project documentation

Getting Started

Prerequisites

• Any modern web browser (Chrome, Firefox, Safari, Edge)

Installation

# Clone the repository
git clone https://github.com/alfredang/paw-catch-game.git

# Open in browser
open paw-catch-game/index.html

No build tools or dependencies required.

How to Play

1. Open the game in your browser
2. Click anywhere on the canvas to start
3. Click the bouncing paw to score points
4. The paw speeds up with each catch — how high can you score?

Deployment

The game is deployed on GitHub Pages via GitHub Actions and available at:

https://alfredang.github.io/paw-catch-game/

Pushing to main automatically triggers a deployment workflow.

To deploy your own fork:

1. Fork this repository
2. Go to Settings > Pages
3. Set source to GitHub Actions
4. Push to main and the workflow will deploy automatically
5. Your site will be live at https://<your-username>.github.io/paw-catch-game/

Contributing

Contributions are welcome!

1. Fork the repository
2. Create a feature branch (git checkout -b feature/awesome-feature)
3. Commit your changes (git commit -m 'Add awesome feature')
4. Push to the branch (git push origin feature/awesome-feature)
5. Open a Pull Request

Have questions or ideas? Join the Discussions.

Collaborator

• Openclaw

Developed By

alfredang

Co-created by Openclaw

Acknowledgements

• Built with the Canvas API
• Hosted on GitHub Pages

License

Distributed under the MIT License.

---

If you enjoyed this game, give it a star!