QBAT

QBAT is a 3D isometric puzzle game inspired by Q*BERT, where you jump between pillars of different heights on an ortholinear grid.

• Objective: Navigate around an 8x8 grid of pillars using arrow keys
• Movement: Jump between adjacent pillars using arrow keys (↑↓←→)
• Jumping Rules:
  • You can always jump down to lower pillars
  • You can only jump up if the height difference is 1 block or less
• Visual Feedback: Failed jump attempts show a "trying" animation

• 3D Isometric View: Clean isometric perspective with Three.js rendering
• Height-Based Colors: Pillars are color-coded by height for easy identification
  • Height 1: Dark brown
  • Height 2: Peru color
  • Height 3: Chocolate color
• Smooth Animations: Arc-based jumping with bounce effects
• Edge Definition: Dark edge lines on pillars for better 3D clarity
• 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 isometric camera positioning
• Pillar Generation: Random height generation (1-3 blocks) with color coding
• Animation System: Custom jump animations with easing and arc trajectories
• Input Handling: Keyboard event management with preventDefault for arrow keys

/
├── 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 jump between pillars!

• Camera: Isometric view positioned at (4, 8, 4) for optimal overview
• Lighting: Ambient + directional lighting for realistic 3D appearance
• Player: Red sphere that sits on top of pillars
• Animations: Smooth arc jumps with bounce effects and failed attempt feedback

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.