Crazy Circle - 색상 매칭 클리커 게임

Crazy Circle - 색상 매칭 클리커 게임 - 캐주얼 게임

중독성 있는 색상 매칭 클리커 게임 Crazy Circle를 플레이해보세요! 화살표 색상을 원의 세그먼트와 3가지 난이도에서 맞춰보세요. 모바일 및 데스크톱 브라우저에서 무료로 플레이 가능합니다.

프롬프트

MODEL: Seele01-Flash

Three.js를 사용하여 "**크레이지 서클 - 컬러 리플렉스 챌린지**"를 주제로 한 **모바일 퍼스트 게임**을 생성해주세요. 다음 상세 게임 디자인 요구사항을 먼저 읽고, 그에 맞게 코드를 생성해주세요: ### 1. 에셋 & 환경 * **시각적 스타일**: 미니멀한 "플랫 3D" 미학. 깔끔한 2D 벡터 아트 스타일을 시뮬레이션하면서 3D의 부드러움을 활용하기 위해 정면을 내려다보는(탑다운 뷰) Orthographic Camera를 사용하세요. * **링**: `THREE.RingGeometry` 또는 여러 개의 원호 메시를 사용하여 세그먼트화된 링을 생성하세요. * 링은 난이도에 따라 명확한 색상 세그먼트로 분할되어야 합니다: 쉬움(4개 세그먼트), 보통(6개 세그먼트), 어려움(8개 세그먼트). * 팔레트: 선명한 대비 색상(청록색, 마젠타, 라임 그린, 주황색, 빨간색 등)을 깨끗한 아이보리 배경(`#f5f5f5`) 위에 사용하세요. * **포인터**: 가운데에 위치한 바늘 또는 화살표 메시(예: 끝에 Cone이 달린 얇은 Cylinder). 명확하게 보여야 합니다. 위치는 `(0,0,0)`. * **이펙트**: * 게임이 시작될 때 링 세그먼트에 "펄스" 이펙트를 추가하세요. * 성공적인 매치 시, 포인터 위치에 작은 폭발형 파티클 컨페티(단순한 색깔 사각형)를 생성하세요. * **최적화**: 드로우 콜을 낮게 유지하기 위해 단순한 기하학적 기본 도형을 사용하세요. 모바일 레티나 화면에서 날카로운 가장자리를 위해 높은 픽셀 밀도(`renderer.setPixelRatio`)를 보장하세요. ### 2. 오디오 요구사항 * **BGM**: 가벼운 리듬감 있는 미니멀 일렉트로닉 루프(시계 똑딱거리는 스타일)로, 점수가 올라갈수록 약간 빨라져야 합니다. * **사운드 효과 (SFX)**: * **성공**: 깔끔하고 높은 음의 "팝" 또는 디지털 "핑" 소리. * **회전 변경**: 화살표 방향이 바뀔 때 미묘한 "후슈" 소리. * **게임 오버**: 불협화음 "버저" 또는 유리 깨지는 소리. * **UI**: 메뉴 선택 시 부드러운 "클릭" 소리. ### 3. 게임플레이 루프 * **메커니즘**: 1. 포인터가 중앙을 기준으로 자동으로 회전합니다. 2. 포인터에는 특정 색상이 지정됩니다(링의 현재 색상 중에서 무작위로 할당됨). 3. 플레이어는 포인터의 색상과 일치하는 링 조각 위에 포인터가 정확하게 겹쳐졌을 때 화면을 **정확히** 탭해야 합니다. * **성공 조건**: * 탭하는 순간 `포인터 색상 == 세그먼트 색상`일 경우: * 점수 +1. * **핵심 메커니즘**: 포인터의 회전 방향이 즉시 **반대로 바뀝니다** (시계 방향 ? 반시계 방향). * 포인터가 *새로운* 무작위 색상으로 바뀝니다(현재 색상과 다른 색상). * 5점마다 회전 속도가 약간씩 증가합니다(진행형 난이도). * **실패 조건**: * 플레이어가 탭했을 때 색상이 일치하지 않는 경우 -> 게임 오버. * (선택 사항) 플레이어가 색상이 지정된 세그먼트를 완전히 놓친 경우(포인터가 클릭 없이 일치하는 색상 영역을 통과함) -> 게임 오버. * **게임 상태**: 시작 화면 (난이도 선택) -> 게임플레이 -> 게임 오버 (최고 점수 표시 및 재시작 버튼). ### 4. 모바일 컨트롤 및 상호작용 * **입력 처리**: `touchstart` (모바일) 및 `click` (데스크톱) 이벤트를 위한 전역 이벤트 리스너를 사용하세요. 게임플레이 중 전체 화면이 "액션 버튼"입니다. * **화면 방향**: **세로 모드**를 우선으로 고정하되, 캔버스가 모든 화면 비율에 맞게 반응형으로 크기 조정되도록(`window.addEventListener('resize')`) 합니다. * **UI 레이아웃**: * 점수 텍스트: 크고 굵은 산세리프 글꼴로 상단 중앙에 위치(HTML 오버레이 또는 Canvas 텍스처). * 버튼: "시작" 및 "재시작" 버튼은 큰 터치 대상(최소 44px 높이/너비)으로 만드세요. * **햅틱 피드백**: * 성공적인 매치 시 `navigator.vibrate(15)`를 트리거합니다(가벼운 탭). * 게임 오버 시 `navigator.vibrate(200)`를 트리거합니다(강한 진동). * 게임 오버 시 시각적으로 미세한 카메라 "흔들림" 효과를 구현합니다.

게임 소개

크레이지 서클 은 단순한 메커닉과 점점 더 도전적인 게임플레이가 결합된 빠른 속도의 색상 맞추기 클리커 게임입니다. 플레이어들로부터 확고한 4.2/5 점의 평점을 받은 이 흥미진진한 브라우저 게임은 재미있고 중독성 있는 형식으로 여러분의 반사 신경, 타이밍, 색상 인지 능력을 시험합니다.

핵심 게임플레이는 회전하는 화살표와 색상이 구분된 조각들로 나뉜 원을 중심으로 이루어집니다. 여러분의 임무는 화살표의 색상이 가리키는 원 조각의 색상과 일치할 때 정확하게 클릭하는 것입니다. 쉬워 보이나요? 다시 생각해보세요 - 진행할수록 화살표의 방향과 속도가 변하며, 긴장감 넘치는 도전을 만들어 여러분을 긴장하게 만듭니다.

주요 특징

다양한 난이도

크레이지 서클은 모든 플레이어에게 맞춤형 세 가지의 뚜렷한 난이도 모드를 제공합니다:

쉬움 모드 : 단 4가지 색상을 익히면 되는 초보자에게 완벽함
보통 모드 : 6가지 서로 다른 색상으로 도전을 한 단계 높임
어려움 모드 : 전문가 플레이어를 위한 8가지 색상의 궁극의 시험

역동적인 게임플레이 메커닉

Crazy Circle이 정말 매력적인 이유는 지능적인 게임 디자인 때문입니다. 성공적인 매치가 일어날 때마다 화살표는 다음과 같이 변화합니다: - 즉시 새로운 색상으로 변경됩니다 - 방향을 반대로 바꾸어 지속적인 경계를 유지시킵니다 - 단조로움을 방지하는 예측 불가능한 패턴을 유지합니다

경쟁 요소

게임에는 왕관 아이콘을 통해 접근할 수 있는 통합 리더보드 시스템이 포함되어 있습니다. 전 세계 플레이어와 점수를 비교하고 순위를 오르기 위해 노력하세요. 글로벌 경쟁을 펼치거나 개인 최고 기록을 깨려고 시도할 때, 경쟁 요소는 지속적인 재방문 가치를 더합니다.

크로스 플랫폼 호환성

HTML5 기술로 구축된 Crazy Circle은 다음과 같은 플랫폼에서 원활하게 실행됩니다: - 데스크톱 컴퓨터 (Windows, Mac, Linux) - 모바일 폰 (iOS 및 Android) - 태블릿 및 기타 터치 장치 - 다운로드 없이 모든 최신 웹 브라우저

게임플레이 지침

기본 조작법

Crazy Circle을 플레이하는 것은 직관적이고 접근하기 쉽습니다: - 클릭/탭 : 필요한 유일한 컨트롤 - 색상이 일치할 때 클릭하세요 - 타이밍 : 화살표와 세그먼트 색상이 정렬되는 완벽한 순간을 기다리세요 - 정확도 : 너무 일찍 또는 늦게 클릭하면 세션이 재시작됩니다