포근한 카페

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.

Rebuild a browser canvas game titled “포근한 카페 타임어택” (Cozy Cafe Time Attack), using a fixed logical 1280x720 canvas scaled responsively to the window with pixelated/crisp rendering. The entire game is in Korean and uses a warm, cozy, chunky pixel-art style: cream #f8dfb8 backgrounds, tan/orange wood walls and checker-like wood floor, dark brown outlines, rounded panels, and monospaced pixel-like text. The only input is mouse/pointer clicking.

Create four screens controlled by clicks:

1) Main menu: show a pale cream rounded rectangle centered over a cafe-colored background, with a dark brown thick outline. Display the large Korean title “포근한 카페”, orange subtitle “타임어택”, a small cute blocky baby barista mascot (tan body, cream apron/face area, dark hair/hat, simple square eyes and pink mouth), and the copy “귀여운 아기 바리스타와 함께” / “1분 안에 주문을 완성해 보세요!”. Add a large orange rounded “게임 시작” button with smaller text “마우스 클릭으로만 플레이”, and a “게임 방법” button below.

2) How-to screen: cream rounded panel with “게임 방법” and these instructions: “1. 손님이 원하는 메뉴와 레시피 순서를 확인해요.”, “2. 아래 재료 버튼을 정확한 순서로 눌러요.”, “3. 1분 동안 최대한 많이 성공하면 점수가 올라가요.”, “4. 틀리면 25점이 깎이고 연속 기록이 끊겨요.”, “5. “제출하기”를 누르면 주문이 완성돼요!”. Include the tip panel “팁: 하트폼·시나몬은 마지막에 넣는 경우가 많아요!” and a “돌아가기” button.

3) Play screen: start a 60-second countdown, with score=0, successful orders=0, streak=0, best streak=0. Paint a cozy cafe interior. On the left, a framed turquoise window with sun and crossbars, three wooden shelves holding colorful rectangular objects, a dark wood counter with an espresso machine, coffee-bean tray, potted plant, and the blocky baby barista behind the counter. On the right, display a large “손님 주문” card containing a randomly selected cute animal customer represented by a simple blocky character, its Korean name and animal type, the speech ““이걸로 부탁해요!””, and a colored drink card showing a coffee/cup icon and menu name. Under that show “레시피 순서” and exactly three numbered ingredient steps.

Use exactly these five possible recipes, each with three ordered steps: 카페라떼 = [원두, 우유, 하트폼], 바닐라라떼 = [원두, 우유, 바닐라], 카푸치노 = [원두, 우유, 시나몬], 딸기우유 = [딸기, 우유, 하트폼], 아이스초코 = [초코, 얼음, 우유]. Choose a recipe randomly for each new order. Choose the customer randomly from: 토토 (토끼, pale pink), 몽이 (곰, brown), 콩이 (고양이, blue-gray), 보리 (강아지, ochre), 루루 (여우, orange), with matching light accent colors. The drink cards use the recipe’s distinct colors and a coffee/cup or drink icon.

At the top, show a cream HUD bar with “포근한 카페 타임어택”, “점수 [score]”, “성공 [served]”, “연속 [streak]”, and “남은 시간 [ceil(timeLeft)]초”. Make the timer dark brown normally and red during the last 10 seconds. Below the order card include a “최근 주문” panel showing up to the last three completed orders, each prefixed with a green ✓ when successful (the implementation only stores successful completions) and the recipe name.

At the bottom, create a cream ingredient-selection panel titled “재료를 순서대로 눌러 주세요”. Provide clickable colored buttons for exactly these eight ingredients, laid out four per row: 원두, 우유, 하트폼, 바닐라, 시나몬, 딸기, 초코, 얼음. Each has a simple glyph and label: 원두 dark brown square glyph, 우유 pale glyph, 하트폼 pink heart, 바닐라 yellow sparkle, 시나몬 brown sparkle, 딸기 red diamond, 초코 dark circle, 얼음 light-blue diamond. Beside them place green “제출하기”, orange “다시 고르기”, and purple status buttons; the status displays the selected ingredient names joined by “ → ” or “선택 없음”. Clicking an ingredient appends it only while fewer than three are selected. “다시 고르기” clears the current selection. “제출하기” checks that all three selected ingredients exactly match the displayed recipe in order.

On a correct submission: award 100 + (current streak * 20) points, increment successful orders and streak, update best streak, show a green feedback toast such as “정확해요! +100점”, add the completed order to recent history, and immediately generate a new random order. On an incorrect submission: subtract 25 points but never below zero, reset streak to zero, clear the selection, and show a pink/red toast “순서가 달라요! -25점”. Show the initial informational toast “주문을 확인하고 레시피 순서대로 눌러 주세요!” briefly when a game begins. The 60-second timer continuously decreases during play; at zero switch to the result screen.

4) Result screen: use a warm cafe background and large cream rounded panel. Show “오늘의 영업 결과”, the barista mascot, the final “[score] 점”, “성공 주문 [served]개”, “최고 연속 [bestStreak]개”, and a message based on score: score >=700 “최고의 바리스타예요!”, score >=350 “정말 잘했어요!”, otherwise “다음엔 더 빠르게 해봐요!”. Add “다시 하기” and “메인으로” buttons. Use rounded rectangles with offset dark-brown shadows, thick dark-brown strokes, restrained warm pastel colors, blocky square character art, and no external image assets; draw all visuals directly on the canvas.