연산의 기초를 팡팡! '10 만들기 구슬 팡팡!' 게임 (10의 보수 학습)

HTML5 Canvas와 자바스크립트로 구현한 물리 조작 교육용 게임

초등 수학 연산의 첫 번째 고비이자 가장 중요한 고개는 바로 '10의 보수(더해서 10이 되는 두 수)'를 완벽하게 숙달하는 것입니다. 10의 보수 개념을 직관적으로 떠올릴 수 있는 능력은 향후 받아올림이 있는 덧셈과 받아내림이 있는 뺄셈을 빠르고 정확하게 해결하기 위한 수학적 자신감의 기틀을 잡는 핵심 과정입니다. 이번에 제작한 '10 만들기 구슬 팡팡!' 게임은 새총을 당겨 구슬을 날리는 물리적인 재미를 통해, 아이들이 지루한 반복 암기 없이 자연스럽게 10의 보수 관계를 체득하도록 돕습니다.

💻 권장 플레이 환경
본 게임은 PC 및 모바일/태블릿 브라우저 환경을 모두 지원합니다. 손가락이나 마우스로 구슬을 직접 당겼다 놓는 슬링샷 조작 방식으로 설계되어 있어 터치 스크린이 있는 모바일 기기에서도 아주 매끄럽고 재미있게 플레이할 수 있습니다. (PC는 ESC 키로 전체 화면 종료 가능)

상세 조작 가이드:

1. 구슬 장전: 화면 하단 새총에 장전된 나의 발사 구슬과 그 안에 적힌 숫자를 확인합니다.
2. 조준 및 발사: 구슬을 마우스나 손가락으로 뒤로 길게 당겨 각도와 힘을 조절한 뒤, 목표를 향해 가볍게 놓아 발사합니다.
3. 보수 매칭: 화면 상단에 떠다니는 구슬들 중, 내 구슬의 숫자와 더했을 때 정확히 '10'이 되는 구슬을 조준하여 맞힙니다. (예: 내 구슬이 '4'라면 '6'이 적힌 구슬을 사격!)
4. 점수 획득: 올바른 보수 쌍을 맞히면 구슬이 시원하게 팡 터지며 점수가 올라가고 새로운 구슬이 리필됩니다. 잘못된 구슬을 맞히지 않도록 신중하게 조준해 보세요!

📊 구슬 팡팡이 다루는 학습 범위:

초등 저학년 수학의 핵심인 '10을 활용한 연산'의 기초 체력을 확실하게 길러줍니다.

• 10의 보수 완벽 암산: (1-9), (2-8), (3-7), (4-6), (5-5) 등 합해서 10이 되는 숫자의 쌍을 시각적·물리적 자극을 통해 머릿속에 완전히 각인시킵니다.
• 공간 지각력과 수 감각 융합: 날아가는 구슬의 포물선 궤적을 예측하여 조준하는 과정에서 공간 지각 능력과 수에 대한 양감을 동시에 발달시킵니다.

이번 게임은 자바스크립트의 Canvas API를 활용하여 당기는 힘에 따라 구슬이 부드럽게 날아가는 탄성 물리 로직을 깔끔하게 구현했습니다. 정답 구슬을 맞혔을 때 번지는 화려한 파티클 이펙트와 손맛을 통해 아이들이 연산 학습을 '지루한 계산'이 아닌 '스트레스를 날리는 슈팅 게임'으로 즐길 수 있도록 제작되었습니다. 구슬을 시원하게 터뜨리며 수학 실력도 팡팡 자라나기를 바랍니다.