교육용 게임)오싹하게 배우는 수의 크기! '공포의 수학 미로' 게임

HTML5와 자바스크립트로 구현한 저사양 교육용 브라우저 게임

수학적 사고의 가장 기초는 수의 크기를 비교하고 양감을 익히는 것입니다. 큰 수와 작은 수를 구별하고 부등호(>, <, =)의 개념을 명확히 하는 과정은 수학적 논리력을 키우는 매우 중요한 단계입니다. 이번에 제작한 '공포의 수학 미로'는 자칫 지루할 수 있는 수 비교 학습에 '미로 탈출'과 '호러'라는 테마를 입혀, 아이들이 긴장감 속에서 집중력을 발휘해 수학 개념을 완벽하게 다지도록 돕습니다.

💻 권장 플레이 환경
본 게임은 PC 브라우저 환경에서의 플레이를 강력히 권장합니다. 화면 상단바 등으로 인해 하단 버튼이 가려질 경우 아래의 '전체 화면' 모드를 이용해 주세요. (PC는 ESC 키로 종료 가능)

상세 조작 가이드:

1. 미션 확인: 화면 상단에 제시된 '더 큰 수', '더 작은 수', 혹은 '알맞은 부등호' 미션을 확인합니다.
2. 길 선택: 세 개의 문(길) 중 정답에 해당하는 숫자가 적힌 문을 클릭합니다.
3. 미로 통과: 정답을 맞히면 미로 안으로 빨려 들어가는 듯한 1인칭 연출과 함께 다음 방으로 이동합니다. 연속으로 10개의 방을 통과하면 탈출 성공!
4. 실패 주의: 오답을 선택하면 무시무시한 유령이 나타나며 게임이 종료됩니다. 정신을 바짝 차리고 숫자를 비교해 보세요!

📊 수학 미로가 다루는 학습 범위:

본 게임은 학습자의 수준에 맞춰 단계별로 수의 범위를 확장하여 구성되었습니다.

• 0단계 (시각적 수량): 숫자를 점(Dot)의 개수로 시각화하여 양의 개념을 직관적으로 이해합니다.
• 1단계 (1자리 수): 한 자리 수의 크기를 비교하며 기초적인 수 관계를 익힙니다.
• 2단계 (2자리 수): 십 단위 숫자를 비교하며 자리값의 개념을 학습합니다.
• 3단계 (3~4자리 수): 큰 수의 크기 비교와 부등호 사용법을 마스터합니다.

이번 게임은 시각적인 몰입감을 위해 CSS를 활용한 3D 원근감 연출과 동적 조명 효과를 적용했습니다. 자바스크립트로 난이도별 무작위 문제 생성 로직을 구현했으며, 특히 5번째 방에서 희박한 확률로 등장하는 '황금 방' 이스터 에그를 통해 아이들에게 예상치 못한 성취감을 선사합니다.