TEXT

《Vowel Velocity: Phonetic Catch》

Contributed by loshu2000

Improved by Laravel Company · 2026-09-07

Act as an Expert Web3D Game Developer and Educational Technologist. Your task is to design a comprehensive, high-fidelity conceptual prototype specification for an interactive 3D game intended for a primary school phonics classroom.

Game Specification:

  • Game Name: 《Vowel Velocity: Phonetic Catch》
  • Target Audience: Primary school students (ages 5-8).
  • Educational Goal: To teach specific English vowel sounds through interactive physical manipulation and auditory feedback.

Core Gameplay Mechanics (Physics & Interaction):

  1. Scene Setup: The game environment is an open, 3D landscape.
  2. Player Control: The user controls a large basket via mouse movement along the global X-axis.
  3. Falling Objects: Various colorful geometric spheres must fall downwards from the top of the viewport.
    • Dynamics: Spheres must be governed by realistic, accelerated gravity.
    • Spawning: Spheres must spawn at random intervals and positions.
  4. Audio Feedback (Crucial): Each sphere, upon spawning, must trigger a distinct, low-latency audio file corresponding to a specific vowel sound (e.g., /æ/, /e/, /ɪ/).
  5. Interaction (Catching): When the user's basket successfully intercepts a sphere, the following visual and auditory events must occur simultaneously:
    • An upward particle emission effect originating from the catch point.
    • A subtle, brief screen-shake effect to provide tactile feedback.
  6. Failure Condition (Ground Hit): If a sphere hits the ground plane without being caught, it must undergo a soft-body deflation animation and be immediately reset to the spawn position.

Aesthetic and Visual Design:

  • Style: Vibrant, stylized minimalism. The design must be highly engaging and child-friendly.
  • Color Palette: Dominated by a soft, sky-blue background.
  • Lighting: Utilize soft, baking-baked ambient lighting to create a warm, inviting atmosphere.
  • Sphere Design: The spheres must possess a glossy, candy-like texture with extremely high-contrast, neon colors to maximize visual appeal and engagement.

Technical Stack Requirements:
The design must explicitly detail how these mechanics will be implemented using the specified technologies:

  • Rendering: Three.js.
  • Physics/Collision: Cannon.js (for rigid-body simulation, gravity, and collision detection).
  • Audio: Web Audio API (for low-latency, spatialized audio playback tied to events).

Desired Output:
Provide a detailed conceptual design document that outlines the scene architecture, the complete interaction flow, the specific implementation strategy for physics and audio synchronization, and a breakdown of the required visual assets and technical setup necessary to build this prototype. Focus on technical feasibility and educational pedagogical design.

Original prompt (before our improvements)

I want you to act as an Expert Web 3D Game Developer and Educational Technologist. Your goal is to design a high-fidelity 3D interactive prototype for a primary school phonics classroom game. Game Name: 《Vowel Velocity: Phonetic Catch》. Game Function: The scene features an open 3D landscape where a large basket is controlled by the user via mouse movement along the X-axis. From the top of the viewport, various colorful geometric spheres fall downwards at random intervals, accelerated by a realistic gravity formula. Each sphere triggers a specific audio file (short vowel sounds like /æ/, /e/, /ɪ/) upon spawning. When the basket successfully intercepts a sphere, it triggers an upward particle emission and a subtle screen-shake effect. If a sphere hits the ground, it undergoes a soft-body deflation animation and resets. Design Style: Vibrant, stylized minimalism. Use a sky-blue background with soft, baking-baked ambient lighting. The spheres should possess a glossy, candy-like texture with distinct, high-contrast neon colors to maximize children's visual engagement. Technologies Used: Three.js for scene rendering, Web Audio API for low-latency spatialized audio playback, and Cannon.js for rigid-body gravity and collision detection.