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

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

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

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

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

HTML5와 자바스크립트로 구현한 저사양 교육용 브라우저 게임 국어 학습에서 어휘력은 모든 공부의 시작입니다. 특히 비슷한 말(동의어)과 반대되는 말(반의어)을 구분하는 능력은 독해력과 표현력을 풍부하게 만드는 어휘력의 기초 기틀을 잡는 과정입니다. 이번에 제작한 '동의어 반의어 승부차기'는 아이들이 승부차기라는 형식을 빌려 다양한 단어의 관계를 자연스럽고 확실하게 체득하도록 돕습니다. 💻 권장 플레이 환경 본 게임은 PC 브라우저 환경 에서의 플레이를 강력히 권장합니다. 화면 상단바 등으로 인해 하단 버튼이 가려질 경우 아래의 '전체 화면' 모드를 이용해 주세요. (PC는 ESC 키로 종료 가능) 🎮 게임 크게 보기 (전체 화면) 상세 조작 가이드: 문제 확인: 화면 중앙에 제시된 '기준 단어'와 파악해야 할 '단어 관계(비슷한 말/반대말)'를 확인합니다. 선택지 선택: 제시된 3개의 선택지 중에서 정답이라고 생각하는 단어를 클릭합니다. 순차적 진행: 정답을 맞히든 틀리든 흐름이 끊기지 않고 순서대로 다음 문제로 진행됩니다. 아이들이 결과에 연연하지 않고 다양한 단어의 쓰임을 충분히 경험해 볼 수 있습니다. 자유로운 탐색: 제한 시간에 쫓기지 않고 단어의 뜻을 충분히 생각하며 다양하게 시도해 볼 수 있습니다. 이번 게임은 아이들이 단어 간의 유기적인 관계를 차분하게 배울 수 있도록 설계되었습니다. 3지 선다형 로직을 통해 사고의 폭을 넓혔으며, 정·오답 여부와 관계없이 끝까지 완주하며 성취감을 느낄 수 있는 학습 환경을 제공하는 데 중점을 두었습니다.