스롤라인 카페 챌린지

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.

제목은 '스롤라인 카페 챌린지'인 모바일 친화형 3D 카페 주문 처리 아케이드 게임을 처음부터 재현하세요. 전체 UI 텍스트는 한국어로 표시합니다.

화면과 카메라: 따뜻한 크림색 배경과 안개가 있는 아늑한 카페 3D 장면을 만들고, 고정된 3인칭 정면 사선 카메라를 사용합니다. 카메라는 대략 (0, 5.5, 8.2) 위치에서 카페 바를 내려다보며 중앙의 바리스타를 바라봅니다. 바닥은 코랄/라테 브라운, 뒷벽은 연한 크림색, 중앙에는 짙은 갈색 목재 카운터와 연한 복숭아색 상판이 있습니다. 좌우 뒤쪽에 작은 원형 카페 테이블 두 개와 의자를 배치하고, 카운터 위 왼쪽에는 커피 머신을 둡니다. 중앙 카운터 뒤에는 귀여운 판다 바리스타 캐릭터가 서 있으며, 유휴 애니메이션으로 자연스럽게 움직이고 게임 중에는 아주 약간 좌우로 흔들립니다. 조명은 부드러운 따뜻한 환경광, 주황빛 포인트 조명, 그림자가 있는 방향광으로 구성하여 파스텔 색상의 포근한 3D 장난감 같은 분위기를 냅니다. 카운터에는 주문을 진행하면 컵이 나타나는 간단한 시각 피드백을 보여 주세요.

시작 화면: 게임 장면 위에 반투명한 따뜻한 크림색 오버레이를 깔고, 중앙에 흰색 패널(둥근 모서리, 복숭아색 테두리, 아래쪽 부드러운 그림자)을 배치합니다. 상단에 노란색 알약 모양 태그 '3분 카페 아케이드', 큰 갈색 제목 '스롤라인\n카페 챌린지', 설명 '따뜻하고 아늑한 카페에서 손님의 주문을 빠르게 완성해 보세요!'를 표시합니다. 그 아래 3개의 연한 노란색 카드에 각각 '1️⃣ 컵 고르기', '2️⃣ 주문대로 만들기', '3️⃣ 서빙하기'를 보여 주세요. 민트색 안내 박스에는 '쉬운 조작: 아래 버튼을 순서대로 톡톡 눌러 주세요.'를 표시하고, 분홍색 큰 버튼 '게임 시작'과 민트색 버튼 '게임 방법'을 제공합니다. 버튼은 두꺼운 둥근 모서리와 눌렀을 때 살짝 내려가는 효과가 있어야 합니다.

게임 방법 화면: 같은 패널 스타일로 '게임 방법' 제목, '손님 주문에 맞는 음료를 만들어 주세요.' 설명을 보여 줍니다. 3개 카드에 컵을 먼저 고르기, 커피/우유/차 중 알맞은 재료 버튼 누르기, 하트 아이콘으로 서빙하기를 설명합니다. '주문을 빨리 맞히면 점수와 콤보가 올라갑니다. 틀리면 콤보가 끊겨요.'를 표시하고 '돌아가기' 버튼으로 시작 화면으로 돌아가게 하세요.

실제 게임 규칙: 시작하면 3분(180초) 카운트다운이 시작됩니다. 화면 상단에 '남은 시간', 시간(3:00 형식), '점수', 점수값, '콤보', 콤보값을 각각 흰색 둥근 필로 표시합니다. 화면 상단 중앙에는 '손님 주문' 카드가 있고, 현재 주문의 아이콘과 이름, 현재 해야 할 단계 설명, 진행률 바를 표시합니다. 주문은 다음 세 가지 중 무작위로 선택합니다: '☕ 따뜻한 커피'의 순서 ['cup','coffee'], '🥛 달콤한 라떼'의 순서 ['cup','coffee','milk'], '🍵 향긋한 차'의 순서 ['cup','tea'].

화면 하단 중앙에는 터치 가능한 둥근 버튼 5개를 배치합니다: '🥤 컵 고르기', '☕ 커피 넣기', '🥛 우유 넣기', '🍵 차 우리기', '💝 손님에게 서빙'. 컵 버튼은 첫 단계에서만 활성화하고, 주문에 필요한 재료 버튼만 정확한 순서에 활성화하세요. 아직 준비되지 않았거나 필요 없는 버튼은 흐리게 비활성화합니다. 컵을 고른 뒤 주문에 맞는 재료를 순서대로 누르면 진행률을 갱신하고 카운터의 컵 시각물을 표시합니다. 모든 재료가 들어간 뒤에만 서빙 버튼을 활성화하세요. 서빙을 누르면 주문을 완료하고 다음 무작위 주문을 즉시 시작합니다. 정확히 서빙할 때마다 기본 100점에 현재 콤보×25를 추가하고, 콤보와 완성 주문 수를 1 증가시킵니다. 잘못된 버튼을 누르면 점수에서 15점을 차감하되 0점 아래로 내려가지 않게 하고 콤보를 0으로 리셋합니다. 안내 문구를 잠시 '앗, 주문과 달라요! 다시 확인해 주세요.'로 바꾼 뒤 원래 단계 안내로 복귀시킵니다.

시간이 0이 되면 게임을 중단하고 결과 화면을 표시합니다. 결과 화면에는 노란 태그 '시간 종료', 제목 '아쉬워요, 바리스타', 점수(예: '0점'), '다음에는 더 빠르게 주문을 완성해 보세요!', '완성한 주문: N잔'을 표시하고 '다시 도전'과 '처음 화면' 버튼을 제공합니다. 현재 구현의 성공 완료 분기는 정상적으로 노출되는 별도 승리 조건이 아니라 시간 종료와 같은 게임 흐름을 유지하되, 결과 구성은 성공/실패 문구를 지원할 수 있게 만드세요. 전체 게임은 주문을 빠르게 맞히는 것, 점수, 콤보, 남은 시간, 완성 잔 수가 핵심입니다. 브라우저 전체 화면과 모바일 세로 화면에 맞게 반응형으로 만들고, UI가 3D 장면 위에 겹쳐지되 버튼만 입력을 받도록 하세요.