QBAT is a 3D isometric puzzle game where you navigate a maze-like grid with limited moves, collecting apples to gain additional moves and reaching a golden goal to win.

• Objective: Reach the golden goal before running out of moves
• Movement: Move around the grid using arrow keys (↑↓←→)
• Move Limit: You start with 10 moves - use them wisely!
• Apple Collection: Collect red apples to gain 3 additional moves each
• Walls: Brown walls block your path - you can only move on green floor tiles
• Goal: Reach the golden cylinder to win the game

• 3D Top-Down View: Classic puzzle game perspective with Three.js rendering
• Integrated UI: Game state displayed directly over the game canvas for immersive experience
• Grid-Based Movement: Simple tile-based movement system
• Resource Management: Limited moves create strategic gameplay
• Apple Collection: Red apples scattered around the maze provide bonus moves
• Win/Lose Conditions: Clear victory and failure states
• Restart Functionality: Easy game restart with a single button click
• Smooth Animations: Hop-based movement with bounce effects
• Responsive Controls: Arrow keys are captured to prevent page scrolling

• Backend: Deno with Hono framework
• Frontend: Vanilla JavaScript with Three.js for 3D rendering
• Build: No build step required - runs directly with Deno

• 3D Scene: Three.js scene with top-down camera positioning
• Grid Generation: Maze-like grid with walls and floor tiles
• Apple System: Random apple placement with collection mechanics
• Move Management: Limited moves with apple-based bonus system
• Animation System: Smooth hop animations with bounce effects
• Input Handling: Keyboard event management with preventDefault for arrow keys
• Game State: Win/lose conditions with status tracking

/
├── index.ts              # Deno/Hono server
├── deno.json             # Deno configuration
└── frontend/
    ├── index.html        # HTML template
    ├── index.tsx         # Game implementation
    ├── style.css         # Styling
    └── favicon.svg       # Game icon

1. Install Deno (if not already installed):

   curl -fsSL https://deno.land/install.sh | sh

2. Start the server:

   deno run --allow-net index.ts

3. Open your browser to http://localhost:8000

4. Play: Use arrow keys to navigate the maze and collect apples!

• Camera: Top-down view positioned at (0, 10, 0) for classic puzzle game perspective
• Lighting: Ambient + directional lighting optimized for top-down view
• Player: Red sphere that hops between floor tiles
• Environment: Green floor tiles and brown walls create a maze-like appearance
• Collectibles: Red apples scattered around the maze
• Goal: Golden cylinder marking the victory location
• Animations: Smooth hop movements with bounce effects

The game is built with modern web technologies and requires no build process. Simply run the Deno server and open in any modern browser. Three.js handles all 3D rendering and animations.