HTML5 Canvas와 자바스크립트로 구현한 고감도 액션 교육용 게임 디지털 시계에 익숙한 요즘 아이들에게 아날로그 시계를 읽는 법은 생각보다 까다로운 과제입니다. 시침과 분침의 관계를 이해하고 정확한 분 단위까지 읽어내는 능력은 수학적 사고력과 시간 관리 능력의 기초가 됩니다. 이번에 제작한 '시계 괴물 잡기'는 아이들이 용사가 되어 괴물의 가슴에 달린 시계 시간을 맞히고, 강력한 레이저 공격을 피하며 자연스럽게 시계 보기 능력을 마스터하도록 설계되었습니다. 💻 권장 플레이 환경 본 게임은 PC 브라우저 환경 에서의 플레이를 강력히 권장합니다. 방향키 이동과 점프, 스페이스바 조작이 동시에 이루어져야 하므로 키보드 사용이 필수적입니다. (PC는 ESC 키로 전체 화면 종료 가능) 🎮 게임 크게 보기 (전체 화면) 상세 조작 가이드: 이동 및 점프: 방향키 좌우(← →)로 이동하고 위(↑) 키로 점프하여 4개의 발판을 자유롭게 오갑니다. 시간 파악: 화면 중앙 괴물의 가슴에 표시된 아날로그 시계의 시간을 빠르게 읽습니다. 공격하기: 정답 시간이 적힌 발판 위에 올라가 스페이스바를 누르면 괴물을 공격합니다. (오답일 경우 플레이어의 체력이 깎이니 주의하세요!) 위험 회피: 10초마다 날아오는 조준 레이저와 괴물의 체력이 낮아졌을 때 쏟아지는 발악 패턴을 점프로 피해야 합니다. 📊 시계 괴물 잡기가 다루는 학습 범위: 학습자의 수준에 따라 3단계로 난이도를 조절하여 체계적인 연습이 가능합니다. 1단계 (정각): 시침이 가리키는 시간(정각) 위주로 읽으며 시계의 기본 구조를 익힙니다. 2단계 (30분 포함): 30분 단위(한 시간의 절반) 개념을 추가하여 시침의 위치 변화를 관찰합니다. 3단계 (5분 단위): 5분 단위의 세밀한 눈금까지 읽어내며 아날로그 시계 보기를 완벽하게 마스터합니다. 이번 게임은 자바스크립트의 Ca...

HTML5 Canvas와 자바스크립트로 구현한 물리 조작 교육용 게임 초등 수학 연산의 첫 번째 고비이자 가장 중요한 고개는 바로 '10의 보수(더해서 10이 되는 두 수)'를 완벽하게 숙달하는 것입니다. 10의 보수 개념을 직관적으로 떠올릴 수 있는 능력은 향후 받아올림이 있는 덧셈과 받아내림이 있는 뺄셈을 빠르고 정확하게 해결하기 위한 수학적 자신감의 기틀을 잡는 핵심 과정입니다. 이번에 제작한 '10 만들기 구슬 팡팡!' 게임은 새총을 당겨 구슬을 날리는 물리적인 재미를 통해, 아이들이 지루한 반복 암기 없이 자연스럽게 10의 보수 관계를 체득하도록 돕습니다. 💻 권장 플레이 환경 본 게임은 PC 및 모바일/태블릿 브라우저 환경 을 모두 지원합니다. 손가락이나 마우스로 구슬을 직접 당겼다 놓는 슬링샷 조작 방식으로 설계되어 있어 터치 스크린이 있는 모바일 기기에서도 아주 매끄럽고 재미있게 플레이할 수 있습니다. (PC는 ESC 키로 전체 화면 종료 가능) 🎮 게임 크게 보기 (전체 화면) 상세 조작 가이드: 구슬 장전: 화면 하단 새총에 장전된 나의 발사 구슬과 그 안에 적힌 숫자를 확인합니다. 조준 및 발사: 구슬을 마우스나 손가락으로 뒤로 길게 당겨 각도와 힘을 조절한 뒤, 목표를 향해 가볍게 놓아 발사합니다. 보수 매칭: 화면 상단에 떠다니는 구슬들 중, 내 구슬의 숫자와 더했을 때 정확히 '10'이 되는 구슬을 조준하여 맞힙니다. (예: 내 구슬이 '4'라면 '6'이 적힌 구슬을 사격!) 점수 획득: 올바른 보수 쌍을 맞히면 구슬이 시원하게 팡 터지며 점수가 올라가고 새로운 구슬이 리필됩니다. 잘못된 구슬을 맞히지 않도록 신중하게 조준해 보세요! 📊 구슬 팡팡이 다루는 학습 범위: 초등 저학년 수학의 핵심인 '10을 활용한 연산'의 기초 체력을 확실하게 길러줍니...

HTML5와 자바스크립트로 구현한 저사양 교육용 브라우저 게임 수학 공부의 시작은 숫자를 암기하는 것이 아니라, 수의 양적인 변화를 직관적으로 이해하는 것입니다. 캣타워에 고양이가 들어오고 나가는 과정을 눈으로 보며 전체 마릿수를 계산하는 경험은 덧셈과 뺄셈의 원리를 몸소 깨닫는 매우 중요한 단계입니다. 이번에 제작한 '캣타워 수학 놀이'는 아이들이 좋아하는 고양이와 함께 놀며 자연스럽게 연산의 기틀을 잡도록 설계되었습니다. 💻 권장 플레이 환경 본 게임은 PC 브라우저 환경 에서의 플레이를 강력히 권장합니다. 화면 구성상 모바일보다는 큰 화면에서 고양이들을 관찰하는 것이 학습 효과에 더 좋습니다. (PC는 ESC 키로 전체 화면 종료 가능) 🎮 게임 크게 보기 (전체 화면) 상세 조작 가이드: 상황 관찰: 현재 캣타워에 있는 고양이 수와 새로 들어오거나 나가는 고양이의 움직임을 확인합니다. 수식 파악: 우측 패널의 수식(현재 수 +/- 이동 수 = ?)을 보고 정답을 생각합니다. 정답 입력: 하단 입력창에 숫자를 적고 [정답 확인] 버튼을 누릅니다. (엔터 키 사용 가능) 연속 도전: 정답을 맞히면 새로운 고양이들이 등장하며 다음 단계로 넘어갑니다. 연속으로 몇 문제를 맞힐 수 있는지 도전해 보세요! 📊 캣타워 수학 놀이가 다루는 학습 범위: 본 게임은 최대 20마리의 고양이를 활용하여 초등 저학년 수준의 기초 연산을 다룹니다. 수량 인지(양감): 캣타워 곳곳에 배치된 고양이들을 보며 수의 크기를 직관적으로 인지합니다. 덧셈 로직: 고양이가 추가로 들어오는 상황을 통해 '합'의 개념을 익힙니다. 뺄셈 로직: 고양이가 타워에서 뛰어내려 도망가는 연출을 통해 '차'의 개념을 시각적으로 학습합니다. 이번 게임은 총 20종의 다양한 고양이 이미지를 사용하여 아이들이 지루하지 않게 반복 학습을 할...

HTML5와 자바스크립트로 구현한 저사양 교육용 브라우저 게임 수학적 사고의 가장 기초는 수의 크기를 비교하고 양감을 익히는 것입니다. 큰 수와 작은 수를 구별하고 부등호(>, <, =)의 개념을 명확히 하는 과정은 수학적 논리력을 키우는 매우 중요한 단계입니다. 이번에 제작한 '공포의 수학 미로'는 자칫 지루할 수 있는 수 비교 학습에 '미로 탈출'과 '호러'라는 테마를 입혀, 아이들이 긴장감 속에서 집중력을 발휘해 수학 개념을 완벽하게 다지도록 돕습니다. 💻 권장 플레이 환경 본 게임은 PC 브라우저 환경 에서의 플레이를 강력히 권장합니다. 화면 상단바 등으로 인해 하단 버튼이 가려질 경우 아래의 '전체 화면' 모드를 이용해 주세요. (PC는 ESC 키로 종료 가능) 🎮 게임 크게 보기 (전체 화면) 상세 조작 가이드: 미션 확인: 화면 상단에 제시된 '더 큰 수', '더 작은 수', 혹은 '알맞은 부등호' 미션을 확인합니다. 길 선택: 세 개의 문(길) 중 정답에 해당하는 숫자가 적힌 문을 클릭합니다. 미로 통과: 정답을 맞히면 미로 안으로 빨려 들어가는 듯한 1인칭 연출과 함께 다음 방으로 이동합니다. 연속으로 10개의 방을 통과하면 탈출 성공! 실패 주의: 오답을 선택하면 무시무시한 유령이 나타나며 게임이 종료됩니다. 정신을 바짝 차리고 숫자를 비교해 보세요! 📊 수학 미로가 다루는 학습 범위: 본 게임은 학습자의 수준에 맞춰 단계별로 수의 범위를 확장하여 구성되었습니다. 0단계 (시각적 수량): 숫자를 점(Dot)의 개수로 시각화하여 양의 개념을 직관적으로 이해합니다. 1단계 (1자리 수): 한 자리 수의 크기를 비교하며 기초적인 수 관계를 익힙니다. 2단계 (2자리 수): 십 단위 숫자를 비교하며 자리값의 개념을...

HTML5와 자바스크립트로 구현한 저사양 교육용 브라우저 게임 수학을 처음 시작하는 아이들에게 가장 필요한 것은 숫자가 나타내는 '실제 양'을 인지하는 능력입니다. 연산 기호와 숫자만 나열된 문제집 대신, 눈으로 직접 개수를 세어보며 계산하는 과정은 수학적 직관력을 키우는 가장 확실한 방법입니다. 이번에 제작한 '시각적 연산' 게임은 모든 사칙연산 과정을 귀여운 아이콘으로 시각화하여, 아이들이 계산의 원리를 쉽고 재미있게 이해하도록 돕습니다. 💻 권장 플레이 환경 본 게임은 PC 브라우저 환경 에서의 플레이를 강력히 권장합니다. 화면 하단의 입력창과 버튼 조작, 그리고 시각화된 아이콘들을 한눈에 확인하기에 가장 적합합니다. (PC는 ESC 키로 전체 화면 종료 가능) 🎮 게임 크게 보기 (전체 화면) 상세 조작 가이드: 문제 확인: 화면 상단에 제시된 연산 문제(덧셈, 뺄셈, 곱셈, 나눗셈)를 확인합니다. 시각적 탐색: 중앙 영역에 나타나는 사과, 별, 하트 아이콘의 개수를 세어보며 수의 크기를 가늠합니다. 정답 입력: 계산된 결과값을 하단 입력 칸에 적고 [정답 확인] 버튼을 누릅니다. 연속 학습: 정답을 맞히면 즉시 다음 문제로 넘어가며 점수가 쌓입니다. 틀려도 다시 시도하며 정답을 찾아낼 수 있습니다. 📊 시각적 연산 게임이 다루는 문제 유형: 본 게임은 기초부터 심화까지 사칙연산의 전 과정을 시각적으로 총망라합니다. 덧셈: 두 집단의 아이콘이 합쳐지는 과정을 통해 '전체'의 개념을 익힙니다. 뺄셈: 전체에서 일부가 사라지는 시각적 연출로 '남은 양'을 계산합니다. 곱셈: 같은 수의 묶음이 반복되는 것을 확인하며 배수의 원리를 이해합니다. 나눗셈: 전체를 일정한 묶음으로 나누어 보며 '몫'의 개념을 체득합니다. 나머지 있는 나눗셈: 똑같이 나누고...