온라인 Guess Who - 멀티플레이어 보드 게임 - 퍼즐 게임

Seele01-Flash

제작자 Noah Davis

클래식 Guess Who 보드 게임을 온라인에서 무료로 플레이하세요! 멀티플레이어로 친구와 대결하거나 AI와 솔로 플레이를 즐겨보세요. 상대방의 캐릭터를 먼저 맞히기 위해 영리한 질문을 던지세요.

프롬프트

MODEL: Seele01-Flash

다음 게임 생성 프롬프트를 **Three.js**를 사용하여 **모바일 퍼스트 게임**을 생성하도록 번역합니다. 테마는 "Guess Who 온라인(3D 에디션)"입니다. 먼저 아래 상세한 게임 설계 요구사항을 읽은 후, 그에 맞게 코드를 생성해 주세요: ### 1. 에셋 및 환경 * **시각적 스타일:** 참조 이미지의 "Teal" 배경에서 영감을 받은 스타일화된, 생동감 넘치는 3D 미학. 게임은 세련된 표면에서 진행되는 디지털 보드 게임처럼 보여야 합니다. * **보드:** 똑바로 서 있는 3D "카드" 또는 "타일"로 4x6 격자를 생성합니다. 각 카드는 한 캐릭터를 나타냅니다. * **캐릭터 표현:** 외부 텍스처를 사용할 수 없을 수 있으므로, 카드에 특성을 나타내기 위해 절차적 생성 또는 간단한 도형을 사용하세요 (예: 머리 색상에 다른 색상, "안경"에는 토러스(torus), "모자"에는 원뿔(cone)과 같은 단순 프리미티브). 또는, 단순히 CanvasTexture를 사용하여 카드 면에 이름과 특정 특성(예: "남성, 금발")을 동적으로 그려넣으세요. * **애니메이션:** 가장 중요한 시각적 요소는 **카드 뒤집기**입니다. 캐릭터가 제거되면, 카드는 부드럽게 애니메이션되어(평면에 닿도록 X축 기준 90도 회전) 실제 경첩처럼 보드 위에 평평하게 놓여야 합니다. * **카메라:** 세로 모바일 화면에서 24장의 카드를 모두 팬 없이 볼 수 있도록 고정된 등각 투영 또는 높은 각도의 원근감을 유지하세요. * **최적화:** 모바일에서 60FPS를 유지하기 위해 가능하면 카드에 `InstancedMesh`를 사용하거나, 지오메트리를 단순하게 유지하세요(BoxGeometry). 그림자를 위한 간단한 HemisphereLight + DirectionalLight 설정을 사용하세요. ### 2. 오디오 요구사항 * **배경 음악(BGM):** 가볍게 반복되는 "탐정/미스터리" 느낌의 멜로디. 피치카토 현악기나 부드러운 재즈 느낌의 비브라폰을 생각해 보세요 — 장난스럽지만 생각에 집중할 수 있는 분위기. * **사운드 효과:** * *카드 뒤집기:* 타일이 제거될 때 만족스러운 나무 "딱" 또는 "휙" 소리. * *선택:* UI 요소를 터치할 때 나는 부드러운 "뽁" 소리. * *승리/패배:* 승리 시 유쾌한 트럼펫 팡파르, 패배 시 코믹한 "와아-와아" 소리. * *턴 알림:* 플레이어의 차례가 되었을 때 은은한 종소리. ### 3. 게임플레이 루프 * **설정:** * 무작위 불리언 특성(성별: 남/여, 안경: 착용/미착용, 모자: 착용/미착용, 머리색: 빨강/금발/갈색)을 가진 24개의 고유 캐릭터를 생성합니다. * 플레이어에게 "비밀 캐릭터"가 할당됩니다(HUD 영역에 표시). * 컴퓨터(AI)에게 "비밀 캐릭터"가 할당됩니다. * **턴 구조:** * **플레이어 턴:** 플레이어는 UI 목록(예: "그 사람은 모자를 쓰고 있나요?")에서 질문을 선택합니다. * **로직 확인:** 게임은 AI의 비밀 캐릭터를 질문에 대해 확인합니다. * **제거:** * 대답이 예스일 경우: 플레이어 보드 상에서 모자가 *없는* 모든 카드가 뒤집힙니다. * 대답이 노일 경우: 모자가 *있는* 모든 카드가 뒤집힙니다. * **AI 턴:** AI는 플레이어의 캐릭터에 대해 물어볼 유효한 특성을 무작위로 선택하고, 시스템은 자동으로 AI의 보드를 뒤집습니다(간단하게 시각화하거나 텍스트 로그만으로 표시). * **승리 조건:** 남은 카드가 단 하나만 남았을 때 게임이 종료됩니다. 만약 그 카드가 상대방의 카드와 일치하면 플레이어가 승리합니다. ### 4. 모바일 컨트롤 및 상호작용 * **터치 입력 (광선 투사):** * 특정 카드를 탭하여 "최종 추측"을 합니다(리스크 메커니즘). * `touchstart` 이벤트와 함께 작동하고, 화면 좌표를 3D 장면에 정확히 매핑하는 정밀한 광선 투사를 구현합니다. * **UI 레이아웃 (HTML/CSS 오버레이):** * **질문 메뉴:** 화면 하단(엄지 친화적 영역)에 위치한 스크롤 가능하거나 드롭다운식 목록으로 질문들을 포함합니다. 버튼의 높이는 최소 44px이어야 합니다. * **내 캐릭터 화면:** 플레이어가 숨고 있는 캐릭터를 보여주는 작은 Picture-in-Picture(PIP) 또는 HUD 요소를 오른쪽 상단에 배치하세요. * **화면 방향:** 세로 모드 설계를 기본으로 강제하되, 사용자가 가로 모드로 플레이할 경우 카메라의 시야각(FOV)이 조정되도록 하세요. * **피드백:** * **햅틱:** 카드가 뒤집히거나 버튼이 눌릴 때 `navigator.vibrate(50)`을 트리거하세요. * **시각:** 터치 시 선택된 카드나 버튼을 발광 효과나 색상 변경으로 강조하세요.

게임 소개

Guess Who Online 은 시대를 초월한 보드게임을 어디서나, 언제든 즐길 수 있는 짜릿한 디지털 경험으로 변모시킵니다. 이 고전 추리 게임은 상대방의 미스터리 캐릭터를 자신의 정체가 밝혀지기 전에 맞춰야 하는 도전으로, 플레이어가 논리와 전략적 질문을 활용하도록 장려합니다. 독특한 캐릭터들로 구성된 다채로운 캐스트와 직관적인 게임플레이를 통해 Guess Who Online은 퍼즐 애호가와 캐주얼 게이머 모두에게 끝없는 재미를 선사합니다.

이 게임은 원조 보드게임의 본질을 완벽히 담아내면서도 온라인 멀티플레이어 기능과 AI 상대 같은 현대적 편의성을 더해 새로운 세대의 플레이어들도 쉽게 접근할 수 있도록 했습니다.

핵심 기능

무료 온라인 멀티플레이어

전 세계 친구 및 플레이어와 실시간 멀티플레이어 매치를 즐기세요. 친구들과만 즐길 수 있는 비공개 게임을 위한 비밀번호 보호 기능의 비공개 방을 생성하거나, 공개 매치에 참여해 무작위 상대에게 도전하세요. 원활한 온라인 기능으로 렉이나 연결 문제 없이 부드러운 게임플레이를 보장합니다.

AI와의 솔로 플레이

지능적인 컴퓨터 상대와 플레이하며 추리 실력을 연마하세요. AI는 다양한 숙련도에 맞춰 적응하는 도전적인 경험을 제공하여, 게임을 배우는 초보자부터 전략적 사고를 갈고닦고자 하는 숙련된 플레이어 모두에게 이상적입니다.

다양한 캐릭터 컬렉션

독특한 신체 특징과 액세서리를 지닌 다양한 캐릭터들의 생동감 넘치는 명단을 탐험해 보세요. 안경과 수염을 낀 캐릭터부터 토끼 귀와 반다나를 착용한 캐릭터까지, 다양한 선택지로 매 게임이 새롭고 도전적으로 느껴집니다.

전략적인 질문 시스템

게임은 가능성을 효율적으로 좁혀 나가도록 도와주는 신중하게 선별된 질문들을 제공합니다. 현명한 질문이 승리의 열쇠이며, 게임은 어떤 질문이 가장 많은 캐릭터를 제거할지 전략적으로 생각하도록 장려합니다.

게임 메커니즘

턴제 추론 게임

각 플레이어는 상대방의 캐릭터에 대해 예/아니오 질문을 번갈아 하며 진행합니다. 답변에 따라 플레이어는 보드에서 캐릭터들을 하나씩 제거해 나가며, 마지막 하나의 가능성만 남을 때까지 이 과정을 반복합니다. 상대방의 캐릭터를 정확히 맞힌 첫 번째 플레이어가 해당 라운드에서 승리합니다.