용수철저울 눈금 읽기 시뮬레이터 제작을 위한 COSTAR 프롬프트
https://gemini.google.com/share/67442dc3d3d3
1. 개요 (Context)
대상: 초등학교 3학년 과학 '1. 힘과 우리 생활' 단원 학습자
학습 목표: 1. 물체의 무게에 따라 용수철이 일정하게 늘어나는 규칙성을 관찰한다. 2. 용수철저울의 작은 눈금 한 칸이 의미하는 무게(20g)를 이해하고 정확히 읽는다.
핵심 교구: 500g 용수철저울, 120g 장난감 자동차
2. 시각적 요구사항 (Visuals)
디자인: 파스텔톤의 부드러운 실험실 느낌 (Tailwind CSS 활용).
저울 구조: - 0g~500g 범위의 눈금.
100g 단위마다 숫자가 써진 큰 눈금.
큰 눈금 사이를 5등분하는 작은 눈금 (즉, 한 칸 = 20g).
애니메이션: 물체를 고리에 거는 순간 용수철이 반동을 주며 부드럽게 늘어나는 물리 효과 적용.
눈금 확대경: 바늘이 멈춘 위치를 우측에 크게 보여주어 학생들이 작은 눈금 칸수를 직접 셀 수 있게 함.
3. 기능적 요구사항 (Functionality)
인터랙티브 드래그: 하단의 실험 물체들을 드래그하여 저울 고리에 도킹(Docking)하는 기능.
눈금 계산 가이드: - 예: 장난감 자동차(120g) 측정 시 -> "100g(큰 눈금)에서 한 칸(20g) 더 내려왔어요!"라고 단계별로 안내.
원리 설명창: "100g을 5칸으로 나누었으므로 한 칸은 20g입니다"라는 설명을 시각적(나눗셈 도식)으로 제시.
영점 조절: 실제 저울처럼 사용 전 영점을 맞추는 듯한 인터랙션 포함.
4. 기술적 사양 (Technical)
단일 HTML 파일 (JS 기반 SVG 동적 생성).
터치 환경(태블릿)에서도 원활한 드래그 앤 드롭 지원.
모든 텍스트는 초등학교 3학년 수준의 쉬운 용어 사용.