베이스볼 브레인

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

재현할 게임은 한국어 어린이용 퀴즈 게임 **'베이스볼 브레인'**이다. 화면은 밝은 하늘색 배경 위에 최대 너비 약 900px의 반응형 단일 화면 레이아웃으로 구성하고, 전체적으로 굵은 짙은 남색 외곽선, 둥근 모서리, 같은 색의 오프셋 그림자(카드가 튀어나온 듯한 효과), 흰색 패널과 큰 굵은 글씨를 사용한다. 모바일에서는 야구장 패널이 위, 퀴즈 패널이 아래에 세로로 배치되고, 데스크톱에서는 왼쪽 야구장/오른쪽 퀴즈의 2열 배치가 된다.

상단 헤더에는 야구공 이모지와 큰 제목 '베이스볼 브레인', 작은 설명 '문제를 맞히면 타자가 공을 칩니다!'를 왼쪽에 표시한다. 오른쪽에는 민트색 알약 모양 HUD 두 개를 두어 '점수 0'과 '스트라이크 0'을 표시한다. 여기서 스트라이크는 실제 야구 아웃 수가 아니라 연속 정답(streak)이며, 정답을 맞힐 때마다 1 증가하고 오답이면 0으로 초기화한다.

중앙 게임 영역의 왼쪽 야구장 패널은 둥근 흰/남색 테두리 안에 CSS 도형으로 그린 장면이다. 위쪽은 옅은 파랑 하늘 그라데이션, 아래쪽은 두 톤의 초록 외야 잔디이며, 흰 구름 두 개가 있다. 중앙에는 흰 테두리와 갈색 외곽선이 있는 큰 회전된 갈색 다이아몬드 내야를 배치한다. 홈, 1루, 2루, 3루는 작은 흰색 회전 사각형과 남색 테두리로 표시한다. 중앙 투수 마운드는 갈색 원이고, 그 위에 파란 유니폼의 단순한 투수(남색 테두리, 둥근 피부색 머리)를 둔다. 왼쪽 아래에는 빨간 유니폼의 타자(피부색 둥근 머리, 남색 테두리)가 서 있고, 노란색 배트를 오른쪽 위로 기울여 든다. 장면 왼쪽 아래에는 '정답을 고르면 타격!' 안내 라벨이 있다. 평상시 공은 숨겨져 있다. 정답 또는 오답을 선택하면 흰색/빨간 솔기가 있는 야구공이 나타나 투수 쪽에서 타자 쪽으로 이동하는 약 650ms 애니메이션을 재생하고, 정답일 때만 야구장 화면이 잠깐 밝아지는 히트 효과를 준다.

오른쪽 퀴즈 패널에는 노란색 태그(남색 테두리)로 현재 문제 유형을 표시하고, 큰 굵은 문제 문장, 그 아래 회색의 짧은 힌트, 하단에 2열 2행으로 네 개의 큰 선택 버튼을 둔다. 버튼은 연한 파랑 배경, 굵은 남색 테두리와 그림자, 큰 굵은 숫자/문자이며 눌렀을 때 살짝 이동한다. 매 라운드 문제는 무작위로 다음 네 유형 중 하나다: 1) '덧셈 훈련': 2~9 범위의 두 수를 더하는 문제(예: '5 + 7 = ?'), 힌트 '두 수를 더해 보세요.'; 2) '곱셈 훈련': 첫 수 2~7, 둘째 수 2~6 범위의 곱셈 문제(예: '4 × 3 = ?'), 힌트 '같은 수를 여러 번 더하는 것과 같아요.'; 3) '야구 상식': '타자가 공을 치고 가장 먼저 밟는 곳은?'이라는 고정 문제, 정답 '1루', 힌트 '홈에서 출발해요.'; 4) '수학 훈련': 1~9 범위의 안타 수와 홈런 수를 더하는 문제(예: '안타 8개와 홈런 3개를 합치면?'), 힌트 '두 수를 합쳐 보세요.'.

각 라운드에는 정답 하나와 오답 세 개를 무작위 순서로 제공한다. 숫자 문제의 선택지는 정답, 정답+1, 정답-1(최소 0), 정답+2이고, 야구 상식 선택지는 '1루', '2루', '3루', '홈'이다. 사용자가 한 버튼을 누르면 해당 라운드를 잠그고 모든 버튼을 비활성화한다. 정답 버튼은 초록색으로, 오답 버튼은 붉은색으로 표시한다. 오답이면 정답 버튼도 초록색으로 표시하며 메시지 '아쉬워요! 정답은 [정답]이에요.'를 보여준다. 정답이면 '정답! 타자가 힘차게 쳤어요!'를 초록색으로 보여준다.

점수 계산은 정답마다 100점에 현재 연속 정답 수×25점을 더한다(첫 정답 100점, 다음 연속 정답 125점 등). 오답은 점수를 깎지 않고 연속 정답만 초기화한다. 선택 후 약 900ms 뒤 다음 문제로 넘어간다. 총 10라운드이며 하단 푸터에는 '라운드 [현재 라운드]/10', 파란색 진행 바, '빠르게 생각하고 정확하게!'를 표시한다. 진행 바는 현재 라운드/10 비율이다. 10문제를 모두 끝내면 퀴즈 영역의 태그가 '경기 종료', 큰 문장이 '최종 점수 [점수]점!'으로 바뀌고, 점수가 800점 이상이면 '훌륭해요! 야구 지식왕이에요.'를, 아니면 '다시 도전하면 더 높은 점수를 얻을 수 있어요.'를 표시한다. 메시지는 '10문제를 모두 풀었어요.'가 되고, 선택지 대신 큰 '다시 경기하기' 버튼 하나를 제공한다. 이 버튼을 누르면 점수, 스트라이크, 라운드를 0으로 초기화하고 새 10라운드 경기를 시작한다. 게임은 문제를 맞히거나 틀리는 즉시 정답 피드백과 타격 애니메이션을 제공하는 탭/터치 중심 인터랙션이어야 한다.