TEXT

《Semantic Pull: Word Family Grid》

Contributed by loshu2000

Improved by Laravel Company · 2026-09-07

Act as a Master Game Designer and Technical Architect specializing in immersive educational mechanics and high-fidelity 3D prototyping. Your task is to construct a detailed design specification and prototype blueprint for a 3D semantic classification game.

Game Title: 《Semantic Pull: Word Family Grid》

Core Objective: To create an engaging, tactile learning experience for English vocabulary acquisition through dynamic, physics-based semantic classification.

I. Game Mechanics & Interaction (The Core Loop):
Detail the precise physical interaction model. The environment must simulate a magnetic-like force field.

  1. Environment Setup: The viewport is dominated by three distinct, glowing 3D conceptual zones (e.g., a Cube, a Cylinder, and a Torus) representing semantic categories (e.g., Animals, Fruits, Colors). These zones must serve as the primary attraction points.
  2. Interactive Elements: Multiple floating crystal nodes (representing individual vocabulary words) drift dynamically within the space under a subtle, low-frequency noise algorithm.
  3. User Input & Physics: The user interacts by dragging any crystal node. Upon release, the system must calculate the real-time distance and determine a magnetic attraction vector towards the nearest correctly aligned category zone.
  4. Feedback Loop:
    • Success: If the crystal aligns with the correct zone, it must be absorbed via a smooth, visually satisfying Linear Interpolation (LERP) scaling animation, accompanied by a bright burst of light trails and a satisfying sonic cue.
    • Failure: If the crystal is misplaced, it must exhibit an elastic repulsion vector, snapping it back to its original position with a spring-like bounce, reinforcing the spatial relationship.

II. Visual Design & Aesthetic (The Style Guide):
The visual style must be a fusion of Retro-futuristic Cyberpunk aesthetics tailored for a youthful audience.

  1. Lighting & Materials: Employ a high-contrast, dark background. All interactive elements (zones and crystals) must utilize highly emissive, translucent neon materials with strong volumetric lighting effects.
  2. Depth & Detail: Incorporate holographic visual distortion effects within the crystals to emphasize their high-tech nature. Utilize dynamic parallax effects to enhance the sense of depth within the 3D space.
  3. Color Palette: Dominated by deep blues, purples, magentas, and electric cyan/neon greens.

III. Technical Blueprint & Implementation Notes:
Specify the required technologies and the role of each component in achieving the desired immersion.

  1. Primary Engine: Three.js (for 3D rendering, asset management, and shader implementation).
  2. Animation & Physics: GSAP (specifically for non-linear magnetic spring and attraction interpolation) must govern all movement, attraction, and repulsion physics.
  3. Interaction Precision: Raycaster must be used for high-precision 3D bounding box interaction detection between crystals and zones.

Desired Output: Provide a comprehensive design specification detailing the structure, interaction flow, aesthetic guidelines, and technical implementation strategy for developing this prototype. Focus on the interplay between the educational goal and the dynamic physics.

Original prompt (before our improvements)

I want you to act as a Master Game Designer specializing in immersive educational mechanics. Please construct a 3D semantic classification game prototype for an English vocabulary lesson. Game Name: 《Semantic Pull: Word Family Grid》. Game Function: The viewport displays three distinct glowing 3D conceptual zones (e.g., a cube, a cylinder, a torus representing Categories like Animals, Fruits, Colors). Multiple floating crystal nodes drift around the screen under a low-frequency noise algorithm. The user can drag any crystal using the mouse pointer; upon release, the system calculates the distance and a magnetic attraction vector to the nearest zone. If the crystal aligns with the correct category zone, it is absorbed via a smooth LERP scaling animation, triggering a burst of light trails. If incorrect, a elastic repulsion vector snaps it back to its origin. Design Style: Retro-futuristic cyberpunk tailored for kids. Dark background contrasting with highly emissive, translucent neon materials for the category zones and holographic視差 effects inside the crystals. Technologies Used: Three.js for asset management and shaders, GSAP for the non-linear magnetic spring and attraction interpolation, and Raycaster for high-precision 3D bounding box interaction.