지레 시뮬레이터 제작을 위한 COSTAR 프롬프트
https://gemini.google.com/share/4358e34b34d4
1. Context (맥락)
대상: 초등학교 3학년 학생 (과학 '힘과 우리 생활' 단원 학습 중)
상황: 학생들이 지레의 원리(받침점의 위치에 따른 힘의 크기 변화)를 실험실 밖에서도 직관적으로 체험할 수 있는 디지털 학습 도구가 필요함.
기존 배경: 수평 잡기 원리는 이미 학습했으나, 받침대를 움직여 물체를 들어 올리는 도구로서의 '지레' 개념에 집중해야 함.
2. Objective (목표)
사용자가 받침대의 위치를 자유롭게 조절할 수 있는 인터랙티브 시뮬레이터를 제작함.
받침대가 물체에 가까워질수록 필요한 힘이 줄어든다는 핵심 원리를 시각적으로 증명함.
3. Style (스타일)
디자인: 초등학생 눈높이에 맞춘 밝고 친근한 테마. (예: Jua 폰트, 파스텔톤 배경, 이모지 활용)
어조: 친절하고 격려하는 말투. (예: "와! 아주 가벼워요!", "조금 더 힘을 내봐요!")
시각화: 수치보다는 직관적인 '게이지'와 '아이콘 크기 변화'를 우선시함.
4. Tone (톤)
재미있고 탐구 중심적인 분위기.
복잡한 물리 공식보다는 "움직이면 변한다"는 현상에 집중하게 함.
5. Audience (청중)
과학적 용어(작용점, 힘점 등)가 아직 낯선 10세 어린이.
따라서 '물체', '받침점', '누를 때 드는 힘'과 같은 쉬운 용어를 사용함.
6. Response (응답 형식 및 요구사항)
기술 스택: 단일 HTML 파일 (Tailwind CSS, Vanilla JS 포함).
핵심 UI 요소:
삼각형 모양의 명확한 '받침점'.
무게를 나타내는 '물체(📦)'와 힘을 나타내는 '손(✋)'.
실시간으로 변하는 '힘 게이지'와 큰 숫자 표시.
인터랙션 규칙:
슬라이더로 받침대 위치 조절.
필요한 힘의 크기에 따라 '손(✋)' 아이콘의 크기를 비례적으로 확대/축소.
힘의 크기에 따라 게이지 색상 변경 (초록-노랑-빨강).
학습 효과를 높이는 실시간 메시지 창 포함.