3D 물리 엔진 기반의 교육용 인터랙티브 웹 게임을 기획하고 기술 구조를 설계할 때.
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.
당신이 최고의 그래픽 및 인터랙션 엔지니어로서 행동해주기를 바랍니다. 기본적인 문장 구조(주어-동사-목적어)를 가르치기 위한 3D 물리 블록 쌓기 게임 엔진을 설계해 주세요. 게임 이름: 《Syntactic Stack: Kinetic Grammar》. 게임 기능: 3D 공간 중앙에 물리적 균형 플랫폼이 떠 있습니다. 사용자에게는 서로 다른 품사를 나타내는 색상 있는 직사각형 블록 열이 제공됩니다. 화면을 클릭하면 일정 높이에서 플랫폼 위로 블록이 떨어집니다. 핵심 메커니즘은 정밀한 강체 물리학에 의존합니다: 블록은 서로 다른 질량과 마찰 값을 가지므로 구조적으로 균형을 맞춰야 합니다. 쌓기 순서가 문법적 가중치 규칙을 따르면 플랫폼이 안정적으로 유지됩니다; 구조가 부적절하게 균형을 이루면 무게 중심 계산에 따라 동적으로 기울어져 장관을 이루는 물리 기반 붕괴로 이어집니다. 디자인 스타일: 바우하우스 기하학적 미학. 깔끔한 파스텔 컬러 블록, 매끄러운 목재 완구 질감을 흉내 낸 매트 PBR 재질, 공간적 깊이감을 강조하는 부드러운 볼류메트릭 그림자를 활용하세요. 사용 기술: 시각적 렌더링을 위한 Three.js, 고정밀 질량 및 무게중심 물리 계산을 위한 Ammo.js, 360도 시야각 회전을 위한 OrbitControls.
출처 · prompts.chat · 《Syntactic Stack: Kinetic Grammar》 — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 프롬프트를 실행해 생성한 화면입니다. 화면 안에서 직접 조작하실 수 있습니다.
Three.js와 Cannon.js 물리 엔진을 결합하여 문장 구성 요소(주어·동사·목적어·수식어)의 정밀한 무게 중심과 역학적 균형을 시각화한 3D 가상 물리 블록 학습 게임입니다. 390px 모바일 화면에서도 요소 겹침이나 가로 스크롤 없이 상단 상태 카드와 하단 패널이 가독성 높게 유지되며, 정면 반응형 텍스처 매핑으로 3D 블록 글자의 반전 문제를 완벽히 해결했습니다.
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: TPI 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, Cannon.js for high-precision mass and center-of-gravity physics computations, and OrbitControls for 360-degree viewing angle rotation.
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
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: mopick 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, Cannon.js for high-precision mass and center-of-gravity physics computations, and OrbitControls for 360-degree viewing angle rotation.
Three.js와 Cannon.js 물리 엔진을 결합하여 문장 구성 요소(주어·동사·목적어·수식어)의 정밀한 무게 중심과 역학적 균형을 시각화한 3D 가상 물리 블록 학습 게임입니다. 390px 모바일 화면에서도 요소 겹침이나 가로 스크롤 없이 상단 상태 카드와 하단 패널이 가독성 높게 유지되며, 정면 반응형 텍스처 매핑으로 3D 블록 글자의 반전 문제를 완벽히 해결했습니다.
mopick 개선안
원문을 그대로 넣으면 AI 가 매번 다르게 답하거나 중요한 부분을 빠뜨릴 수 있습니다. 개선안은 원문의 뜻과 언어는 그대로 두고 역할 · 바꿔 넣을 입력 칸 · 결과 형식 · 지킬 조건을 보완해 다시 쓴 버전입니다. 원문과 같은 곳(ChatGPT · Claude 등)에 그대로 붙여 넣어 쓰면 됩니다.
AI 평가 점수 — 명확성 · 구체성 · 결과 형식 · 재사용성 기준(100점)
AI 역할레슨 01 배우기 ›
원문 · 없음AI 에게 맡길 역할이 정해져 있지 않아 답의 관점 · 수준이 그때그때 달라질 수 있었습니다.
개선 · 역할을 정함Act as a Top-Tier Graphics and Interaction Engineer specializing in Three.js and Ammo.js.
입력 칸레슨 05 배우기 ›
원문 · 없음바꿔 넣을 자리가 표시돼 있지 않아 쓸 때마다 원문을 직접 고쳐야 했습니다.
개선 · 3개[Custom Sentence Data] · [Physics Tuning Parameters] · [Target Platform/FPS Budget]
작업 순서레슨 07 배우기 ›
원문 · 없음작업 순서가 정해져 있지 않아 AI 가 순서를 스스로 정해야 했습니다.
개선 · 3단계
이 개선안에 쓰인 기법 — 프롬프트 클래스에서 배우기
원문
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.
개선안 · 색칠한 [칸]에 내 내용을 넣어 쓰세요
Act as a Top-Tier Graphics and Interaction Engineer specializing in Three.js and Ammo.js. Design a complete technical specification and core code boilerplate for the 3D physics-based educational game 《Syntactic Stack: Kinetic Grammar》, aimed at teaching SVO (Subject-Verb-Object) sentence structures. ### Core Requirements: 1. **Physics & Grammar Engine Integration**: Map SVO grammar rules to Ammo.js rigid-body physics. Assign differing mass, density, and friction to parts-of-speech blocks. If the sequence is grammatically valid, center-of-mass remains balanced; incorrect syntax shifts center-of-mass dynamically, triggering dynamic collapse. 2. **Visual & Scene Styling**: Render in Three.js using a Bauhaus geometric aesthetic—pastel color palettes, matte PBR materials simulating smooth wooden toys, soft volumetric shadows, and 360-degree OrbitControls. 3. **Interaction Mechanics**: Implement click-to-drop physics from a designated height using raycasting and precise collision detection. ### Output Format: - **System Architecture**: High-level component breakdown (Render Engine, Physics Loop, Grammar Evaluator). - **Physics-Grammar Mapping**: Table defining physical properties (mass, friction, scale) per part of speech. - **Executable Code Boilerplate**: Production-ready Three.js + Ammo.js integration skeleton with placeholders for `[Custom Sentence Data]` and `[Physics Tuning Parameters]` for target environment `[Target Platform/FPS Budget]`.