동물 던전 퀴즈

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

한국어 UI의 단일 화면 캔버스 게임 ‘동물 던전 퀴즈’를 재현하세요. 게임은 브라우저 전체를 채우는 반응형 HTML canvas(어두운 네이비 배경 #111827, 시스템 산세리프 글꼴, 둥근 패널과 테두리, 이모지 아이콘)를 사용하며, 마우스/터치 pointer 입력으로 화면과 버튼을 조작합니다. 상단에는 각 화면의 제목과 부제목이 있고 오른쪽에 현재 골드, 무기 레벨, 별을 표시합니다(예: 💰 30, ⚔️ 1, ⭐ 0). 초기 화면은 ‘동물 던전 퀴즈’가 아니라 코드상 ‘동물 던전 퀴즈’ 게임의 ‘동물 던전 퀴즈’ 벙커 화면이며 제목은 ‘동물 던전 퀴즈’, 부제목은 ‘처음 시작하는 곳 · 벙커’입니다. 중앙 상단에 어두운 카드와 🏚️ 아이콘, ‘안전한 벙커에서 준비하세요’, ‘퀴즈를 맞히면 동물을 길들일 수 있습니다.’를 보여주고, 세로 버튼으로 ‘🐾 동물 길들이기’, ‘🛒 상점’, ‘🗺️ 숨겨진 던전’을 배치하세요. 길들인 동물이 없으면 오른쪽 카드에 ‘아직 동물이 없어요’, ‘쉬운 토끼부터 도전!’을 표시하고, 있으면 이모지, 이름, ‘힘 N · 진화 N’을 표시합니다. 화면 하단에는 상태 메시지가 노란색으로 표시됩니다.

‘동물 길들이기’ 화면 제목은 ‘동물 길들이기’, 부제목은 ‘원하는 동물을 고르고 퀴즈에 도전하세요’이며 ‘강한 동물일수록 퀴즈가 어려워요’를 노란색으로 보여줍니다. 가로로 세 개의 동물 카드를 배치하세요: 토끼 🐰(분홍 테두리, ‘빠르고 귀여운 초급 동물’, 난이도 ★, 무료, 파란 ‘도전하기’ 버튼), 여우 🦊(복숭아색 테두리, ‘영리한 중급 동물’, 난이도 ★★, 가격 35G), 호랑이 🐯(노란 테두리, ‘강력한 상급 동물’, 난이도 ★★★, 가격 80G). 처음에는 유료 카드 버튼이 ‘구매 후 도전’처럼 비활성 회색으로 보일 수 있고, 게임 규칙상 골드가 충분하면 구매 비용을 차감한 뒤 도전합니다. 카드의 도전 영역과 하단 ‘← 벙커로’ 버튼을 터치할 수 있게 하세요.

동물 퀴즈 화면은 제목 ‘퀴즈 도전’, 부제목에 ‘[동물 이름] 길들이기 · 문제 [현재]/[총 문제]’를 표시합니다. 큰 어두운 질문 패널과 3개의 가로 선택 버튼을 세로로 보여주세요. 제공되는 문제 풀은 정확히 다음 8개입니다: ‘3 + 4 = ?’(5, 7, 9; 정답 7), ‘하루는 몇 시간일까요?’(12시간, 24시간, 48시간; 정답 24시간), ‘무지개 색은 보통 몇 가지일까요?’(3가지, 5가지, 7가지; 정답 7가지), ‘10에서 6을 빼면?’(2, 4, 6; 정답 4), ‘지구가 태양 주위를 도는 데 걸리는 시간은?’(약 1일, 약 1달, 약 1년; 정답 약 1년), ‘물은 얼면 무엇이 될까요?’(얼음, 불, 바람; 정답 얼음), ‘삼각형의 변은 몇 개일까요?’(2개, 3개, 4개; 정답 3개), ‘우리나라의 수도는?’(서울, 부산, 제주; 정답 서울). 토끼는 무작위로 섞은 첫 1개, 여우는 첫 2개, 호랑이는 첫 3개 문제를 사용하고 모두 맞혀야 길들여집니다. 선택을 누르면 즉시 다음 문제로 가며, 마지막에 성공하면 벙커로 돌아가 ‘정답 N/N! [동물]이(가) 친구가 되었습니다!’를, 실패하면 ‘정답 N/N. 다시 도전해 보세요!’를 표시합니다. 유료 동물은 아직 동물이 없을 때만 구매 비용을 차감하며, 실패해도 환불하지 않습니다. 골드가 부족하면 퀴즈를 시작하지 않고 ‘골드가 부족합니다. 던전에서 보상을 받아오세요!’를 표시합니다.

‘상점’ 화면은 제목 ‘벙커 상점’, 부제목 ‘보상으로 동물과 무기를 진화하세요’입니다. 현재 골드를 크게 표시하고, ‘⚔️ 무기 진화’ 카드에서 ‘나무 검 · 레벨 1’ 및 ‘진화 (25G)’ 버튼을 보여주세요. 구매 시 골드를 차감하고 무기 레벨을 올리며 이름을 순서대로 나무 검, 철 검, 불꽃 검, 전설의 검으로 변경합니다. 두 번째 ‘🐾 동물 진화’ 카드에는 길들인 동물의 이름과 단계, 또는 ‘먼저 동물을 길들이세요’를 표시하고, 버튼은 ‘진화 (40G)’부터 시작해 현재 진화 단계×40G입니다. 구매 성공 시 단계가 1 증가하고 힘이 2 증가합니다. 하단에 벙커 복귀 버튼을 둡니다.

‘숨겨진 던전’ 화면은 제목 ‘숨겨진 던전’, 부제목 ‘현재 1층 · 동물과 함께 탐험’(층은 진행에 따라 증가)입니다. 갈색/주황색 패널에 🗿, ‘오래된 지하 던전’, ‘퀴즈를 풀어 함정을 피하고 보물을 찾으세요.’를 표시합니다. 동물이 없으면 탐험 버튼은 회색 ‘동물을 먼저 길들이세요’, 있으면 주황색 ‘⚔️ 탐험 시작’입니다. 아래 기록 카드에는 ‘던전 기록’, ‘깊이 1층 · 최고 보상 20G’를 표시합니다. 탐험은 무작위 문제 1개를 사용하는 퀴즈로 이어지며, 정답이면 보상은 현재 층×20G + 무기 레벨×5G, 별 1개를 얻고 층이 1 증가합니다. 오답이면 골드/별/층 변화 없이 ‘함정에 걸렸지만 무사히 돌아왔습니다. 다음엔 맞혀보세요!’를 보여줍니다. 이후 ‘탐험 결과’ 화면에서 🎁, 메시지, ‘현재 골드 NG · 별 N’을 보여주고 ‘벙커로 돌아가기’ 버튼을 제공합니다.

초기 상태는 골드 30, 별 0, 무기 레벨 1/‘나무 검’, 길들인 동물 없음, 던전 1층, 체력 3(상태에 유지하되 화면에 별도 체력 HUD는 만들지 않음)입니다. 모든 화면을 매 프레임 다시 그리는 간결한 2D UI로 구현하고, 카드/버튼은 어두운 회색, 파랑·보라·주황 강조색과 밝은 테두리를 사용하세요. 화면은 세로형 모바일 레이아웃과 넓은 화면 모두에서 반응형으로 배치되며, 실제 코드처럼 게임 플레이 중 별도의 전투 애니메이션이나 적 스프라이트는 사용하지 말고 퀴즈와 메뉴 전환 중심으로 구현하세요.