스롤라인 카페 챌린지

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의 캐주얼 카페 바리스타 타이밍/순서 클릭 게임으로 만들어 주세요. 플레이어는 3분(180초) 동안 주문서에 표시된 음료 재료를 정확한 순서로 클릭해 최대한 많은 음료를 완성하고 점수를 올립니다. 마우스와 터치 입력을 모두 지원하고, 모바일 세로 화면에서도 읽기 쉽도록 반응형으로 구성하세요.

화면과 분위기: 전체 배경은 Three.js 3D 카페 장면으로, 따뜻한 복숭아색 안개와 조명을 사용합니다. 카메라는 정면에 가까운 약간 높은 시점의 원근 카메라로 카페 카운터를 바라보며, 부드러운 그림자와 은은한 앰비언트/방향광을 사용하세요. 장면에는 갈색 바닥, 크림색 뒷벽과 왼쪽 벽, 긴 주황빛 나무 카운터와 밝은 크림색 상판, 카운터 패널 장식, 뒤쪽의 갈색 메뉴 보드와 크림색 내부, 금색/민트색 메뉴 줄이 있습니다. 좌우에는 간단한 나무 테이블과 민트색 의자, 화분이 놓입니다. 카운터 위 중앙에는 커피 컵 3D 모델이 떠 있는 듯 배치되고 게임 중 천천히 회전하며 약간 위아래로 움직입니다. 왼쪽 카운터 뒤에는 블록 스타일의 바리스타 캐릭터가 서 있고 idle 애니메이션을 재생합니다. 오른쪽 뒤에는 추가된 테이블과 의자 가구가 보입니다. 전반적인 색감은 크림, 커피 브라운, 복숭아, 민트, 골드이며, 아기자기하고 따뜻한 카페 일러스트/로우폴리 3D 스타일로 표현하세요.

시작 화면: 중앙에 반투명에 가까운 크림색 패널, 두꺼운 흰색 테두리, 둥근 모서리와 부드러운 그림자가 있는 카드 UI를 띄웁니다. 큰 갈색 제목 "스롤라인\n카페 챌린지", 금색 그림자, 부제 "3분 동안 최고의 바리스타에 도전해요!"를 표시합니다. 그 아래 세 칸의 안내 카드에 👀 "주문 확인", ☕ "순서대로 클릭", 🏆 "점수 올리기"를 보여 주세요. 설명은 "마우스 클릭과 터치로 쉽게 플레이할 수 있어요.\n틀려도 다시 도전할 수 있습니다."입니다. 큰 금색-주황 그라데이션 버튼 "게임 시작"과 그 아래 흰색 테두리 버튼 "게임 방법 보기"가 있습니다. 제목/버튼은 둥글고 친근한 한국어 폰트를 사용하며, 게임 전체의 버튼은 누르면 살짝 아래로 눌리는 효과를 냅니다.

게임 방법 화면: 같은 카드 스타일로 제목 "게임 방법"을 보여 주고 세 안내 칸에 📋 "손님 주문을 확인해요", 🥛 "재료를 순서대로 눌러요", ✨ "완성하면 점수 획득!"을 표시합니다. "재료 순서가 틀리면 현재 음료가 초기화돼요.\n연속 성공하면 콤보 보너스를 받아요."라는 설명, "바로 시작" 주황색 주요 버튼, "처음으로" 보조 버튼을 제공합니다.

게임 화면 UI: 화면 중앙에 넓은 크림색 둥근 카드가 있고 상단에는 세 개의 상태 박스를 둡니다. 왼쪽은 "점수 0", 중앙은 "남은 시간 180초", 오른쪽은 "콤보 0"이며 숫자를 강조합니다. 작은 화면에서는 상태 박스가 2열로 재배치됩니다. 아래에는 흰색 테두리의 주문 상자와 "손님 주문" 라벨이 있고, 무작위로 선택된 다음 네 음료 중 하나의 이모지와 이름을 표시합니다: "🥛 카페라떼", "🧊 아메리카노", "🍂 카푸치노", "🍯 바닐라라떼". 주문 이름 아래에는 필요한 재료가 알약 모양 태그로 표시되고, 현재 진행률을 보여 주는 둥근 진행 바가 있습니다.

주문 레시피와 정확한 순서는 다음과 같습니다: 카페라떼=[원두, 우유, 거품], 아메리카노=[원두, 물, 얼음], 카푸치노=[원두, 우유, 거품, 시나몬], 바닐라라떼=[원두, 시럽, 우유, 거품]. 재료 버튼은 항상 7개이며 원두 🫘, 우유 🥛, 거품 ☁️, 물 💧, 얼음 🧊, 시나몬 🍂, 시럽 🍯을 표시합니다. 4열 그리드(작은 화면에서는 여전히 촘촘한 반응형 4열)로 큰 이모지와 한국어 재료명을 가진 흰색 그림자 버튼을 배치합니다. 안내 문구는 "아래 재료를 주문서의 순서대로 눌러 주세요"입니다.

상호작용 규칙: 주문의 다음 재료와 일치하는 버튼을 클릭하면 해당 단계가 완료되고 진행 바와 태그가 갱신됩니다. 완료된 태그는 연두색, 다음 태그는 노란색 테두리로 강조하세요. 모든 재료를 순서대로 누르면 음료 완성으로 처리하고 완성 음료 수를 1 증가시킵니다. 기본 점수는 100점이며, 연속 성공 콤보에 따라 추가 점수를 줍니다. 콤보가 증가할 때 획득 점수는 100 + min(콤보-1, 10)*25입니다. 성공 시 중앙 토스트에 "완성! +점수"를 약 0.8초 표시하고 즉시 새로운 무작위 주문을 생성합니다. 잘못된 재료를 누르면 현재 주문 진행 단계를 0으로 되돌리고 콤보를 0으로 초기화하며 "순서가 달라요! 다시 시작" 토스트를 보여 주세요. 주문 재료 태그는 잠시 흔들리고 붉은색으로 표시됩니다. 시간은 매 프레임 감소하고 0초가 되면 게임이 종료됩니다. 게임 중 배경 음악을 낮은 볼륨으로 반복 재생할 수 있습니다.

결과 화면: 타이머가 끝나면 게임 카드를 결과 화면으로 바꿉니다. 성공 음료가 12잔 이상이면 제목은 "최고의 바리스타!", 메시지는 "손님들이 줄을 서서 기다리고 있어요!"로 표시하고, 그렇지 않으면 제목 "영업 종료!", 메시지 "조금 더 연습하면 더 빠르게 만들 수 있어요. 다시 도전해 볼까요?"를 표시합니다. 부제는 "오늘의 카페 기록", 큰 주황색 점수와 함께 "완성 음료 N잔 · 최고 콤보 N" 통계 카드를 보여 줍니다. 하단에는 "다시 도전" 주요 버튼과 "처음 화면" 보조 버튼을 둡니다. UI는 둥근 카드, 따뜻한 그림자, 크림색 패널, 갈색 텍스트, 금색/주황색 강조색을 유지하고, 3D 카페 장면은 모든 화면 뒤에 계속 보이게 하세요.