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

HTML5 Canvas와 자바스크립트로 구현한 몰입형 정서·어휘 교육 게임 초등 국어 및 인성 교육에서 가장 먼저 선행되어야 할 것은 자신의 감정을 정교한 단어로 인지하고 표현하는 능력입니다. 단순히 '좋다', '나쁘다'를 넘어 '뿌듯하다', '억울하다', '서운하다'와 같이 세분화된 감정 어휘를 다채롭게 구사하는 과정은 정서적 안정감과 대인 관계를 위한 공감 능력의 기틀을 잡는 핵심 단계입니다. 이번에 제작한 '감정 단어 뱀 피하기' 게임은 스릴 넘치는 회피 액션 장르를 빌려, 시시각각 밀려오는 뱀들을 피하며 상황에 맞는 올바른 감정 단어를 직관적으로 학습하도록 돕습니다. 💻 권장 플레이 환경 본 게임은 PC 브라우저 환경 에서의 플레이를 강력히 권장합니다. 화면 좌측의 감정 일러스트 패널과 우측의 실시간 전장 상황을 한눈에 파악하고, 방향키를 이용해 정밀한 무빙으로 뱀을 회피해야 하므로 키보드가 구비된 환경이 가장 적합합니다. (PC는 ESC 키로 전체 화면 종료 가능) 🎮 게임 크게 보기 (전체 화면) 상세 조작 가이드: 감정 상태 인지: 화면 좌측 패널에 제시되는 직관적인 감정 이미지와 힌트를 보고, 현재 타겟이 되는 마음의 상태를 빠르게 파악합니다. 조작 및 회피: 방향키(← ↑ ↓ →)를 움직여 플레이어 캐릭터를 조작합니다. 전장을 무작위로 복잡하게 기어 다니는 뱀들을 교묘하게 피해 다녀야 합니다. 어휘 매칭: 화면 곳곳에 나타나는 단어 아이템 중, 좌측의 목표 감정과 일치하는 올바른 '감정 단어'를 안전하게 찾아 획득합니다. 기록 갱신: 오답 단어를 먹거나 무서운 뱀의 몸체에 부딪히면 체력이 소실됩니다. 하트가 모두 닳기 전에 최대한 많은 감정 단어를 모아 최고 점수에 도전해 보세요! 📊 감정 단어 게임이 다루는 필수 학습 범위: 초등 교육 과정 ...

HTML5와 자바스크립트로 구현한 저사양 교육용 브라우저 게임 아이들이 가장 좋아하는 스포츠 중 하나인 '야구'를 생동감 넘치는 3D 환경으로 구현했습니다. 투수와 타자의 시점에서 한글 단어의 구성 원리를 퀴즈로 풀며 경기를 진행하는 방식입니다. 단순히 문제를 푸는 것을 넘어, 박진감 넘치는 야구 경기를 즐기다 보면 어느새 한글 문해력의 기틀을 확실하게 잡게 됩니다. 💻 권장 플레이 환경 본 게임은 PC 브라우저 환경 에서의 플레이를 강력히 권장합니다. 마우스 드래그로 경기장을 회전하거나 휠로 화면을 당겨볼 수 있어, 큰 화면에서 플레이할 때 가장 생동감이 넘칩니다. (PC는 ESC 키로 전체 화면 종료 가능) 🎮 게임 크게 보기 (전체 화면) 상세 조작 가이드: 난이도 선택: 시작 화면에서 아이의 수준에 맞는 단계(1~4단계)를 선택합니다. 공격과 수비: 총 3이닝 동안 진행되며, 플레이어(공격)와 상대 팀(수비)이 번갈아 가며 경기를 펼칩니다. 단어 퀴즈: 화면 하단의 퀴즈 패널에서 이미지 힌트를 보고, 빈칸에 들어갈 알맞은 자음/모음/받침을 선택합니다. 안타와 홈런: 정답을 맞히면 시원한 타격 연출과 함께 주자가 진루합니다. 특히 낮은 확률로 터지는 '기적의 홈런'은 경기의 분위기를 단번에 바꿉니다. 경기 종료: 3이닝 종료 후 더 높은 점수를 얻은 팀이 승리합니다. 📊 단어 야구가 다루는 학습 범위 (단계별 체계적 학습): 본 게임은 한글의 구조를 4단계로 세분화하여 체계적인 학습을 돕습니다. 1단계 (기초 자모): 단어 속의 기본 자음과 모음을 구별하며 기초 어휘를 익힙니다. 2단계 (받침 학습): 한글 학습의 핵심인 '받침'이 있는 글자들을 집중적으로 연습합니다. 3단계 (이중 모음): ㅐ, ㅖ, ㅘ 등 아이들이 헷갈리기 쉬운 복합 모음들을 확실히 마스터합니다. 4단계 ...

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

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

HTML5와 자바스크립트로 구현한 저사양 교육용 브라우저 게임 우리말 어휘의 70% 이상을 차지하는 한자는 국어 문해력을 기르는 가장 핵심적인 열쇠입니다. 한자의 뜻과 음을 바르게 이해하는 것은 새로운 어휘를 접했을 때 그 의미를 스스로 유추해낼 수 있는 독해력과 사고력의 기틀을 잡는 매우 중요한 과정입니다. 이번에 제작한 '한자 대결: 타워 디펜스'는 지루한 암기식 한자 공부에서 벗어나, 퀴즈를 풀며 밀려오는 적들을 막아내고 자신의 진지를 진화시키는 디펜스 게임을 통해 한자를 즐겁게 마스터하도록 돕습니다. 💻 권장 플레이 환경 본 게임은 PC 브라우저 환경 에서의 플레이를 강력히 권장합니다. 실시간으로 전개되는 디펜스 전장 상황을 파악하고 하단의 한자 퀴즈 선택지를 신속하게 클릭해야 하므로, 넓은 화면과 마우스 조작이 가능한 환경에서 가장 쾌적하게 즐길 수 있습니다. (PC는 ESC 키로 전체 화면 종료 가능) 🎮 게임 크게 보기 (전체 화면) 상세 조작 가이드: 설정 및 시작: 메인 화면에서 자신의 실력에 맞는 게임 난이도와 학습하고자 하는 한자 급수 범위를 선택한 후 시작합니다. 상황 파악: 실시간으로 아군 기지를 향해 다가오는 적들의 공세를 확인하고 전장을 방어할 준비를 합니다. 한자 퀴즈 해결: 화면에 제시되는 한자 카드를 보고, 올바른 뜻과 음을 가진 선택지를 빠르게 클릭합니다. 기지 방어 및 진화: 퀴즈를 맞힐 때마다 강력한 방어 능력이 발동하며, 자원을 모아 원시 시대부터 점차 미래 시대로 기지를 진화시킬 수 있습니다. 적의 공격을 완벽히 막아내며 최종 승리를 거두어 보세요! 📊 한자 대결이 다루는 실제 학습 범위 (총 50자): 게임 내 내장된 정밀 데이터에 기반하여 초등 필수 한자 단계를 명확하게 구분해 학습합니다. 8급 범위 (1번 ~ 30번 한자): 기초 숫자: 一(한 일), 二(두 이), 三(석 삼), 四(넉 ...

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

HTML5와 자바스크립트로 구현한 저사양 교육용 브라우저 게임 수학 학습의 첫 단추는 눈으로 보이는 사물의 개수와 추상적인 숫자를 일치시키는 '수세기'에서 시작됩니다. 구체적인 개수를 하나씩 세어보며 수의 크기를 체득하는 과정은 향후 사칙연산을 배우기 위한 가장 중요한 기틀을 잡는 단계입니다. 이번에 제작한 '수세기 지렁이' 게임은 아이들이 지렁이를 조작하여 제시된 숫자와 일치하는 개수의 아이템을 찾아 먹으며, 즐겁게 기초 수 개념을 완성하도록 돕습니다. 💻 권장 플레이 환경 본 게임은 PC 브라우저 환경 에서의 플레이를 강력히 권장합니다. 방향키를 이용해 지렁이를 세밀하게 조작해야 하므로 키보드가 있는 환경에서 플레이할 때 가장 쾌적하고 학습 효과가 좋습니다. (PC는 ESC 키로 전체 화면 종료 가능) 🎮 게임 크게 보기 (전체 화면) 상세 조작 가이드: 미션 확인: 화면 상단에 제시된 '목표 숫자'와 '남은 정답 개수'를 확인합니다. 지렁이 조작: 방향키(← ↑ ↓ →)를 움직여 지렁이를 조작합니다. 화면에 무작위로 배치된 아이템 중, 점의 개수가 목표 숫자와 똑같은 아이템을 찾아 기어갑니다. 성장과 기록: 정답 아이템을 먹을 때마다 지렁이의 몸길이가 25cm씩 자라나고 몸집도 커집니다. 아이들은 길어지는 지렁이를 보며 직관적인 성취감을 맛볼 수 있습니다. 실수 주의: 목표 숫자와 개수가 다른 아이템을 먹거나 외곽 벽, 혹은 지렁이 자신의 몸에 부딪히면 실수가 카운트됩니다. 10번의 기회 동안 지렁이를 최대한 길게 키워보세요! 📊 수세기 지렁이가 다루는 학습 범위: 초등 수학의 기초가 되는 1부터 10까지의 구체물 수세기를 집중적으로 훈련합니다. 직관적 수량 인지: 숫자를 단순히 기호로만 보는 것이 아니라, 아이템 내장 도트(Dot)의 개수를 직접 세어보며 수의 실제 크기를 인지합니다. ...

HTML5와 자바스크립트로 구현한 저사양 교육용 브라우저 게임 국어 학습의 기초는 문장을 구성하는 단어들의 성격, 즉 '품사'를 이해하는 것에서 시작됩니다. 움직임을 나타내는 말(동사), 성질이나 상태를 나타내는 말(형용사), 이름을 나타내는 말(명사)을 정확히 구분하는 능력은 올바른 문장 쓰기와 독해력의 기틀을 잡는 매우 중요한 단계입니다. 이번에 제작한 '단어 지렁이'는 아이들이 지렁이를 조작해 제시된 품사에 맞는 사과를 찾아 먹으며, 자신의 어휘 실력만큼 길어지는 지렁이를 보며 재미있게 문법 기초를 익히도록 돕습니다. 💻 권장 플레이 환경 본 게임은 PC 브라우저 환경 에서의 플레이를 강력히 권장합니다. 화면 상단바 등으로 인해 하단 버튼이 가려질 경우 아래의 '전체 화면' 모드를 이용해 주세요. (PC는 ESC 키로 종료 가능) 🎮 게임 크게 보기 (전체 화면) 상세 조작 가이드: 미션 확인: 화면 상단에 제시된 '목표 품사(동사/형용사/명사)'와 '남은 정답 개수'를 확인합니다. 지렁이 조작: 방향키(← ↑ ↓ →)를 이용해 지렁이를 움직입니다. 화면에 배치된 여러 개의 빨간 사과 중 정답 단어가 적힌 사과를 찾아 먹어야 합니다. 성장과 기록: 정답 사과를 먹을 때마다 지렁이의 몸길이가 25cm씩 자라나고 몸집(두께)도 함께 커집니다. 내가 얼마나 많은 단어를 정확히 분류했는지 지렁이의 크기를 통해 직관적으로 확인할 수 있습니다. 실수 주의: 목표 품사와 맞지 않는 단어를 먹거나 벽, 혹은 자신의 몸에 부딪히면 실수가 카운트됩니다. 10번의 기회 안에 최대한 많은 단어를 학습하며 가장 크고 긴 지렁이를 만들어 보세요! 📊 단어 지렁이가 다루는 학습 범위: 본 게임은 초등 교육 과정의 필수 어휘를 품사별로 체계적으로 분류하여 다룹니다. 움직임을 표현하는 말 (동사): ...

HTML5와 자바스크립트로 구현한 저사양 교육용 브라우저 게임 학교 생활을 처음 시작하는 초등학교 1학년 아이들에게 상황에 맞는 올바른 인사말을 배우는 것은 국어 공부를 넘어 사회성의 첫걸음이 됩니다. 만나는 대상과 처한 상황을 고려하여 바른 언어 예절을 실천하는 능력은 올바른 의사소통과 문해력의 기틀을 잡는 매우 중요한 과정입니다. 이번에 제작한 '상황별 인사말 찾기' 게임은 다양한 일상 속 순간들을 매칭 퀴즈 형식으로 구성하여, 아이들이 상황에 알맞은 다정한 표현들을 직관적이고 재미있게 학습하도록 돕습니다. 💻 권장 플레이 환경 본 게임은 PC 브라우저 환경 에서의 플레이를 강력히 권장합니다. 화면 상단바 등으로 인해 하단 버튼이 가려질 경우 아래의 '전체 화면' 모드를 이용해 주세요. (PC는 ESC 키로 종료 가능) 🎮 게임 크게 보기 (전체 화면) 상세 조작 가이드: 상황 확인: 화면에 제시된 일상생활 속 다양한 상황 카드의 내용을 차분히 읽고 파악합니다. 선 연결하기: 해당 상황에 가장 어울리는 올바른 인사말 카드를 찾아 마우스로 클릭하거나 드래그하여 선으로 매칭합니다. 진행 및 피드백: 정답을 맞히면 두 카드가 선으로 부드럽게 연결되며 상단의 진척도(0/4)가 올라갑니다. 만약 오답일 경우 카드가 가볍게 흔들리며(Shake) 부담 없이 다시 도전할 수 있는 기회를 줍니다. 미션 완료: 한 라운드에 주어진 4가지 상황을 모두 올바르게 연결하면 완벽하게 미션 클리어 성공입니다! 📊 상황별 인사말 찾기가 다루는 학습 범위: 본 게임은 초등 1학년 국어 과정 및 통합교과에서 강조하는 핵심 관계 예절을 체계적으로 다룹니다. 만나고 헤어질 때의 인사: 친구나 선생님, 이웃 어른을 만났을 때와 헤어질 때 쓰는 올바른 높임 표현과 인사말 구분 고마움과 미안함의 표현: 타인에게 도움을 받았을 때 감사를 전하는 말과 ...

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

HTML5와 자바스크립트로 구현한 저사양 교육용 브라우저 게임 아이들이 처음 숫자를 접할 때 가장 중요한 것은 '양'에 대한 감각, 즉 수 개념 을 익히는 것입니다. 단순히 숫자를 쓰는 법을 배우기보다, 직접 눈으로 보고 손으로 조작하며 수량을 맞추는 과정이 훨씬 효과적입니다. 이번에 제작한 '피자 만들기 숫자 게임'은 이러한 기초 학습을 돕기 위해 담백하게 설계되었습니다. 💻 권장 플레이 환경 본 게임은 PC 브라우저 환경 에서의 플레이를 강력히 권장합니다. 화면 상단바 등으로 인해 하단 버튼이 가려질 경우 아래의 '전체 화면' 모드를 이용해 주세요. (PC는 ESC 키로 종료 가능) 🎮 게임 크게 보기 (전체 화면) 상세 조작 가이드: 주문 확인: 왼쪽 상단 '손님의 주문서'에 적힌 각 재료의 숫자를 확인합니다. 재료 선택: 아래 팔레트에서 원하는 재료를 클릭하면 마우스에 재료가 붙습니다. 재료 배치: 피자 도우 위를 클릭해 재료를 놓습니다. 이때 주문서의 숫자가 자동으로 카운트됩니다. 재료 삭제: 만약 숫자를 넘겼다면, 도우 위의 재료를 다시 클릭해 삭제할 수 있습니다. 요리 완성: 모든 숫자를 정확히 맞춘 뒤 '요리 완성!' 버튼을 누르면 성공입니다. 이번 게임은 DOM 조작 과 드래그 앤 드롭 로직을 활용해 순수 HTML/JS로 제작되었습니다. 아이들이 재료를 너무 촘촘하게 배치하지 않도록 최소 거리를 계산하는 로직을 넣어 조작감을 높였으며, 시각적인 수량 인지에 최적화된 SVG 아이콘을 사용했습니다. 또한 0.01%의 확률로 등장하는 '황금 피자' 이스터 에그를 통해 소소한 즐거움도 담았습니다.