국기 색칠하기 - 퀴즈 & 색칠 게임

국기 색칠하기 - 퀴즈 & 색칠 게임 - 퍼즐 게임

Paint the Flag로 지리 지식을 테스트하세요! 200개 이상 국가의 국기를 색칠하는 재미있는 교육용 퀴즈 게임입니다. 브라우저, 모바일 및 데스크톱에서 무료로 플레이 가능합니다.

프롬프트

MODEL: Seele01-Flash

Three.js를 사용하여 "Paint the Flag" 테마의 **모바일 우선 게임**을 생성해 주세요. 먼저 다음의 상세한 게임 디자인 요구사항을 읽은 후, 그에 맞게 코드를 생성해 주세요: ### 1. 에셋 & 환경 * **시각적 스타일**: 하이퍼 캐주얼 3D 미학. 깔끔하고 선명한 색상 팔레트를 사용하세요. 배경은 스크린샷과 유사한 동적인 방사형 그라데이션(밝은 파란색에서 진한 파란색)으로, 시선을 중앙에 집중시켜야 합니다. * **메인 에셋 (깃발)**: "Flag Board"를 나타내는 `THREE.Group`을 생성하세요. 단일 텍스처 대신, 개별적인 레이캐스트 감지 및 색칠을 허용하기 위해 별도의 기하학적 기본 도형(예: 프랑스/이탈리아용 3개의 세로 박스 또는 독일용 가로 박스)을 사용하여 깃발을 구성하세요. 보드는 모서리가 둥글고 살짝 경사져 있어 고급스러운 게임 피스처럼 보여야 합니다. * **색상 팔레트 UI**: 화면 하단에 떠 있는 3D 실린더 "페인트 통" 또는 원형 색상 견본의 행. * **성능**: 반짝이는 플라스틱 느낌을 위해 공유 환경 맵이 적용된 `MeshStandardMaterial`을 사용하세요. 모바일에서 높은 FPS를 유지하기 위해 그림자 생성을 메인 깃발 객체에만 제한하세요. ### 2. 오디오 요구사항 * **BGM**: 부드럽고, 루프 가능하며, 지적인 "생각하는" 트랙—가벼운 마림바 또는 신스 피치카토. * **효과음**: * **색상 선택**: 미묘한 "팝" 또는 "버블" 소리. * **페인트 동작**: "젖은 붓" 탁! 또는 "휘익"하는 소리. * **성공**: 유쾌한 장조 화음 차임 또는 팡파르. * **오류**: 플레이어가 잘못된 깃발을 제출하려고 할 경우, 낮은 음의 "버저" 또는 둔탁한 쿵 소리. ### 3. 게임플레이 루프 * **레벨 설정**: 게임은 상단에 "Paint the Flag: [국가 이름]" (예: France)이라는 텍스트 프롬프트와 함께 초기화됩니다. 3D 깃발판은 비어 있는 상태(흰색 또는 회색)로 나타납니다. * **색칠하기 단계**: 1. 플레이어는 하단의 컬러 스워치를 탭하여 활성 색상(브러시)을 선택합니다. 2. 플레이어는 깃발의 특정 세그먼트를 탭합니다. 3. 해당 세그먼트의 색상이 즉시 활성 색상으로 변경됩니다. * **검증**: * "확인" 버튼을 포함하세요. * **승리 조건**: 모든 세그먼트가 해당 국가에 대해 미리 정의된 올바른 색상과 일치하면, 컨페티 입자 폭발을 트리거하고 다음 깃발로 전환합니다. * **실패 조건**: 올바르지 않으면, 깃발 메시에 "흔들기" 애니메이션을 재생하고 텍스트 힌트(예: "다시 시도해 보세요!")를 제공합니다. * **콘텐츠 범위**: 이 코드 생성에서는 3개의 간단한 깃발(프랑스(세로 청/백/적), 독일(가로 흑/적/황), 이탈리아(세로 녹/백/적))에 대한 로직을 구현하세요. ### 4. 모바일 컨트롤 및 상호작용 * **방향**: 세로 모드 권장(깃발과 팔레트를 세로로 맞추기 위해). * **터치 입력**: `touchstart` 이벤트에 매핑된 `THREE.Raycaster`를 구현하세요. `click`이나 `mousemove`에만 의존하지 마세요. * **컨트롤 방식**: * **선택을 위한 탭**: 팔레트 항목을 탭하여 `activeColor`를 설정합니다. * **채우기를 위한 탭**: 깃발 세그먼트에 대한 레이캐스트 히트가 해당 메시의 머티리얼에 `activeColor`를 적용합니다. * **피드백**: * **시각적**: 색상이 선택되면 스워치를 1.2배로 확대합니다. 깃발 세그먼트가 칠해지면, "촉촉한" 피드백을 위해 해당 세그먼트에 작은 `elasticOut` 스케일 트윈을 추가하세요. * **햅틱**: 세그먼트를 칠할 때 짧은 틱을 위해 `window.navigator.vibrate(20)`을 사용하세요. * **UI 크기**: 버튼과 컬러 스워치의 히트 영역이 화면 공간에서 최소 44x44 픽셀에 상응하도록 보장하세요.

게임 소개

Paint the Flag 는 지리 학습을 재미있는 색칠하기 경험으로 변화시키는 독특한 교육 퀴즈 게임입니다. 이 혁신적인 게임은 전 세계 200개 이상 국가의 국기를 식별하고 색칠하는 도전을 통해 지식 테스트와 창의적 표현을 결합합니다. 지리 애호가, 퀴즈 마니아, 또는 편안하면서도 교육적인 게임 경험을 찾는 분이든, Paint the Flag는 학습과 오락의 완벽한 조화를 제공합니다.

이 게임은 지리 교육을 상호작용적이고 시각적으로 매력적으로 만들어, 단순한 암기 학습이 아닌 세계 각국의 국기를 통한 다채롭고 직접 체험하는 모험으로 탈바꿈시킨 점에서 돋보입니다.

핵심 기능

포괄적인 국기 데이터베이스

200개 이상의 국가와 지역의 국기를 탐험하며, 모든 대륙과 지역을 아우릅니다. 잘 알려진 국기부터 덜 알려진 지역의 깃발까지, 이 게임은 포괄적인 세계 국기 백과사전을 제공합니다.

상호작용적 학습 경험

단순히 인지 능력만 테스트하는 전통적인 퀴즈 게임과 달리, Paint the Flag는 색칠을 통한 적극적인 참여를 요구하여 기억력을 강화하고 학습을 더욱 흥미롭게 만듭니다.

크로스 플랫폼 접근성

무료 플레이 : 숨겨진 비용이나 프리미엄 기능 없이 완전 무료
범용 브라우저 지원 : 다운로드 없이 모든 웹 브라우저에서 즉시 플레이
모바일 최적화 : 스마트폰과 태블릿의 터치 컨트롤에 완벽 적응
데스크탑 호환 : 컴퓨터 사용자를 위한 완전한 마우스 및 키보드 지원

교육적 가치

지리와 세계 문화에 관심 있는 학생, 교사 및 모든 이에게 완벽한 게임입니다. 이 게임은 다음을 향상시키는 데 도움을 줍니다: - 지리적 인식과 지식 - 시각적 기억과 패턴 인식 - 국가 상징을 통한 문화적 이해 - 집중력과 주의력

게임플레이 메커니즘

게임은 다양한 국기의 윤곽선 그림을 제공합니다. 당신의 임무는 올바른 국기를 식별하고 적절한 색상으로 채색하는 것입니다. 각 레벨은 일본과 프랑스의 단순한 디자인부터 부탄이나 남아프리카 공화국과 같은 복잡한 패턴의 국기까지 다양한 나라의 국기에 대한 지식을 시험합니다.

점진적 난이도

쉽게 알아볼 수 있는 국기부터 시작하여 점차적으로 더 어려운 국기로 진행됩니다. 게임은 당신의 실력 수준에 맞춰 조정되어 초보자와 지리 전문가 모두에게 만족스러운 학습 곡선을 보장합니다.

조작 가이드

컨트롤은 직관적이며 모든 기기용으로 설계되었습니다:

마우스 사용자 : 팔레트에서 색상을 클릭하여 선택한 후, 국기의 섹션을 클릭하여 채우세요
터치 기기 : 색상 옵션을 탭하고 국기 영역을 탭하여 색칠하세요
색상 선택 : 다양한 색상 팔레트에서 선택하세요
힌트 시스템 : 어려운 국기에 막혔을 때 도움을 받으세요
진행 상황 추적 : 다양한 지역과 난이도에서의 개선을 확인하세요

이 게임을 하는 이유

교육적인 엔터테인먼트

Paint the Flag는 학습을 놀이로 전환하여 지리 교육을 즐겁고 기억에 남도록 만듭니다. 다음과 같은 분들에게 적합합니다: - 지리 시험을 준비하는 학생 - 자녀를 위한 교육 게임을 찾는 부모 - 세계 지식을 다시 쌓고 싶은 성인 - 새로운 나라를 탐험하려는 여행자