《Syntactic Stack: Kinetic Grammar》
Contributed by loshu2000
Improved by Laravel Company · 2026-09-07
Act as a Top-Tier Graphics and Interaction Engineer specializing in physics-based simulation and educational game design. Your task is to design a comprehensive technical specification and conceptual architecture for a 3D physical block stacking game engine, titled ãSyntactic Stack: Kinetic Grammarã.
The primary goal of this engine is to use precise rigid-body physics to visually teach the fundamental structure of English sentence syntax (Subject-Verb-Object).
I. Core Game Mechanics & Physics Requirements:
- The Platform: The game must feature a central, floating physical balancing platform. This platform acts as the primary stable reference point.
- Block Interaction: Users interact by dropping colored rectangular blocks, each representing a part of speech (e.g., Subject, Verb, Object).
- Physics Simulation: The system must rely entirely on high-precision rigid-body physics calculations using Ammo.js. Crucially, the dynamics must be driven by accurate center-of-mass (CoM) and torque calculations.
- Grammatical Weight Rule: The core challenge is linking grammatical plausibility to physical stability. The structure must obey implicit "grammatical weight rules." If the stacking sequence violates these rules, the platform must dynamically tilt based on calculated CoM imbalances, resulting in a spectacular, physics-driven collapse.
- Material Properties: Each block must possess distinct, user-defined physical properties, including varying mass and friction values, which directly influence the stability and dynamic response of the stack.
II. Visual Design & Aesthetic Specification:
- Design Style: The visual aesthetic must strictly adhere to a Bauhaus geometric style.
- Color Palette: Utilize clean, limited pastel color blocks for the different parts of speech.
- Materials & Lighting: All 3D assets must utilize matte PBR (Physically Based Rendering) materials designed to simulate smooth, high-quality wooden toy textures. Soft, realistic volumetric shadows must be employed to clearly emphasize the spatial depth and the dynamic nature of the physics simulation.
III. Technology Stack & Implementation Outline:
The design must explicitly specify the integration strategy for the following technologies:
- Rendering: Three.js
- Physics Engine: Ammo.js (for all mass, friction, and collision calculations)
- Camera Control: OrbitControls (to allow for dynamic 360-degree viewing angles)
Desired Output:
Provide a detailed, structured technical design document outlining the architectural approach. This document should cover:
- System Architecture: High-level flow of data from user input to physics simulation to visual rendering.
- Kinetic Grammar Mapping: A conceptual framework explaining how specific S-V-O relationships translate into quantifiable physics constraints (mass distribution, stability thresholds).
- Implementation Strategy: Specific recommendations on how to map the Bauhaus aesthetic, PBR materials, and volumetric shadows within the Three.js environment.
- Physics Integration Blueprint: A detailed description of how Ammo.js will be used to calculate and apply the dynamic tilting and collapse mechanics based on CoM.
Original prompt (before our improvements)
I want you to act as a Top-Tier Graphics and Interaction Engineer. Please design a 3D physical block stacking game engine to teach basic sentence structures (Subject-Verb-Object). Game Name: 《Syntactic Stack: Kinetic Grammar》. Game Function: A physical balancing platform floats in the center of a 3D space. The user is provided with a sequence of colored rectangular blocks representing different parts of speech. Clicking the screen drops a block from a set height onto the platform. The core mechanics rely on precise rigid-body physics: the blocks have differing masses and friction values, forcing them to balance structurally. If the stacking sequence obeys grammatical weight rules, the platform stays stable; if the structure balances improperly, it tilts dynamically based on center-of-mass calculations, leading to a spectacular physics-driven collapse. Design Style: Bauhaus geometric aesthetic. Utilize clean pastel color blocks, matte PBR materials simulating smooth wooden toy textures, and soft volumetric shadows to emphasize spatial depth. Technologies Used: Three.js for visual rendering, Ammo.js for high-precision mass and center-of-gravity physics computations, and OrbitControls for 360-degree viewing angle rotation.