404 pageInteractiveGame
An interactive Bug Game 404 page where users play as a bug jumping through clouds to reach safety. Features score tracking, increasing difficulty, and a "victory" state upon reaching score 404.
Preview
Installation
1Run the following command in your terminal:
npm terminal
npx 404lab@latest add buggameThis will add the BugGame component to your project automatically.
Usage
Import and render the component in your not-found.tsx file:
not-found.tsx
import BugGame from "@/components/404/BugGame"
export default function NotFoundPage() {
return Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | — | Additional CSS classes for styling the container. |
This component requires no props by default. Just drop it in and it works!
Features
Interactive Gameplay
Play as a bug jumping through clouds with smooth physics.
Score & Logic
Real-time score tracking with high score persistence.
Difficulty Scaling
Game speed and difficulty increase as you progress.
Victory State
Reach score 404 for a special thematic victory screen.
Responsive Engine
Custom canvas engine with touch support and high DPI scaling.