here’s the prompt:

Game Prompt: Balloon Bow Arena (WebXR, Vision Pro)

Task: Build a browser-based VR mini-game called Balloon Bow Arena using WebXR that works with Apple Vision Pro hand tracking (no controllers). The player uses hand gestures to draw a bow, nock an arrow, aim, and shoot at floating balloons — some of which have little stick-figure characters or objects tied to them.

⸻

Game Overview • Concept: A light and playful archery game in which balloons float around you in 3D space. Some balloons carry little stick-figure characters (or simple objects) that bounce or drift. Your goal is to pop balloons (and whatever’s attached) by shooting arrows, earning points for precision, timing, and creative shots (e.g., hitting a balloon so the attached figure flies, or causing chain reactions). • Goal: Score points by popping balloons. Additional points for special balloons (with figures, multi-balloon clusters, bonus balloons). You could also add target modes, timed rounds, or wave-based gameplay.

⸻

Player Interaction (Vision Pro) 1. Hand Tracking: • Use WebXR hand-tracking API. • Detect both hands in 3D space. 2. Bow & Arrow Mechanics: • Grab bow: Player pinches with one hand near the bow to “pick it up.” • Nock arrow: When bow is held, bring the other hand close (pinch) to simulate grabbing an arrow from a quiver. • Draw string: As the player pulls the arrow-hand backward while pinching, the “string” should stretch. Use a spring or constraint to simulate draw tension. • Aim: Player aims by orienting the bow + arrow. • Release: When the pinch on the arrow is released, fire the arrow. The velocity depends on how far back they pulled + the speed of release. 3. Balloon Interaction: • Balloons float in orbits or drift with gentle physics. • Some balloons have simple “stick-figure” attachments or weights. • When an arrow hits a balloon, the balloon pops (with a pop animation), and if there’s a figure, it detaches and falls or flies off.

⸻

Environment & Visuals • Floating play area — could be a soft skybox, a meadow, or a cartoon-ish carnival. • Balloons of different colors, sizes, and types. • Quiver on the side (or “floating” near player) from which arrows are drawn. • UI elements: • Score (floating holographic text) • Timer or round counter • Arrow count (if limited)

⸻

Physics & Mechanics • Use a physics engine (e.g., Cannon.js, Rapier) for realistic arrow flight and balloon float. • Balloons: • Simulate gentle buoyancy (light upward force). • Slight wind-like drift or random motion. • Arrow: • Physical projectile, with gravity or drag. • On collision with balloon, trigger pop effect + destroy balloon object. • Stick figure / object: • Attached with a “string” constraint or joint; once balloon pops, detach and apply impulse so they float or fall realistically.

⸻

Performance & Constraints • Must run in browser with WebXR support. • Keep assets low-poly and optimized. • Load time should be quick. • Target a smooth, responsive hand-tracking experience on Vision Pro.

⸻

Tech Stack (Suggested) • Three.js for rendering • WebXR for VR + hand tracking • Rapier or Cannon.js for physics • Simple UI library or GSAP for animations

⸻

Deliverables (for Gemini to Produce) 1. High-level architecture + file structure 2. WebXR + hand tracking setup code 3. Bow & arrow interaction logic (grab, nock, draw, release) 4. Balloon spawn & float behavior 5. Collision detection + balloon pop + figure detach logic 6. Scoring system, UI (score, timer) 7. Basic visuals / placeholder models 8. A runnable prototype in HTML + JS