'직각삼각형 사각형 미션': 초등 3학년 직각의 개념을 완벽하게 다지는 시간

이미지
HTML5와 자바스크립트로 구현한 저사양 교육용 브라우저 게임 초등학교 3학년 수학에서 배우는 평면도형은 앞으로 배울 모든 수학적 사고의 기틀이 됩니다. 이 시기는 단순히 도형을 구별하는 것을 넘어, 각 도형의 특징을 명확히 이해하고 개념을 확실히 잡아야 하는 중요한 시기입니다. 이번에 제작한 '직삼사 미션'은 아이들이 서두르지 않고 스스로 고민하며 도형의 성질을 완벽히 이해하도록 돕습니다. 💻 권장 플레이 환경 본 게임은 PC 브라우저 환경 에서의 플레이를 강력히 권장합니다. 화면 상단바 등으로 인해 하단 버튼이 가려질 경우 아래의 '전체 화면' 모드를 이용해 주세요. (PC는 ESC 키로 종료 가능) 🎮 게임 크게 보기 (전체 화면) 📱 1분 만에 보는 플레이 영상 (쇼츠) 상세 조작 가이드: 미션 확인: 화면 상단에 표시된 '만들어야 할 도형의 종류'와 '필요한 개수'를 확인합니다. 도형 제작: 제한 시간이나 속도 제한이 전혀 없습니다. 정해진 개수만큼 화면의 점판을 활용해 해당 도형을 직접 만듭니다. 자유로운 탐색: 빠르게 정답을 맞힐 필요 없이, 이리저리 다양하게 시도해 보며 도형의 특징(직각, 변의 길이 등)을 스스로 발견해 나갑니다. 미션 완료: 요구하는 수량을 모두 정확하게 채우면 미션 성공입니다. 이번 게임은 아이들이 정답에 대한 압박 없이 충분히 탐색할 수 있도록 설계되었습니다. 자바스크립트 로 각 점의 좌표를 계산하여 직사각형과 직각삼각형의 성질을 판별하는 로직을 구현했으며, 실패에 대한 두려움 없이 마음껏 시도할 수 있는 환경을 제공하는 데 중점을 두었습니다.

아이들의 첫 숫자 공부를 위한 '피자 만들기' 웹 게임 (수 개념 익히기)

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

하단광고