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

HTML5와 자바스크립트로 구현한 저사양 교육용 브라우저 게임 수학의 기초는 빠르고 정확한 연산 능력에서 시작됩니다. 연산은 단순히 계산을 하는 기능을 넘어, 논리적 사고의 속도를 높이고 수학적 자신감의 기틀을 잡는 중요한 과정입니다. 이번에 제작한 '연산 마스터: 매쓰 디펜더'는 아이들이 디펜스 게임이라는 긴장감 넘치는 형식을 통해 사칙연산을 놀이처럼 즐기며 숙달하도록 돕습니다. 💻 권장 플레이 환경 본 게임은 PC 브라우저 환경 에서의 플레이를 강력히 권장합니다. 화면 상단바 등으로 인해 하단 버튼이 가려질 경우 아래의 '전체 화면' 모드를 이용해 주세요. (PC는 ESC 키로 종료 가능) 🎮 게임 크게 보기 (전체 화면) 상세 조작 가이드: 문제 해결: 다가오는 몬스터에 적힌 연산 문제를 확인하고, 하단의 선택지 중 정답을 클릭합니다. 공격 및 방어: 정답을 맞히면 레일건이 발사되어 몬스터를 물리칩니다. 몬스터가 방어선에 닿기 전에 빠르게 해결해야 합니다. 성장 시스템: 획득한 점수로 레일건의 레벨을 올리거나 유도 펫을 강화할 수 있습니다. 레벨이 올라갈수록 더 강력한 공격이 가능합니다. 다양한 시도: 난이도가 서서히 높아지는 과정을 통해 자신의 한계에 도전하며 연산 속도를 자연스럽게 높일 수 있습니다. 이번 게임은 연산의 지루함을 덜어내고 몰입감을 극대화하는 데 중점을 두었습니다. 자바스크립트의 Canvas API를 활용하여 부드러운 게임 화면을 구현했으며, 실시간으로 변화하는 난이도 조절 로직을 통해 아이들이 집중력을 유지하며 연산 실력을 기를 수 있는 환경을 제공합니다.  게임 내 구현된 수학 학습 요소를 단계별로 요약한 목록입니다. 1. 덧셈 1-1: 한 자리 수 덧셈 (받아올림 없음) 1-2: 한 자리 수 덧셈 (결과 10 이상, 받아올림 있음) 1-3: 10의 보수 찾기 (빈칸 채우기 형식) 1-4: 두 자...

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