FocusFarm Game-First Design Demos

higher-fidelity design pass AI mockup + live UI overlay

이전 페이지가 게임 문법 placeholder였다면, 이 페이지는 실제 디자인 느낌을 보기 위한 데모입니다. 배경은 기존 AI mockup을 쓰고, HUD/동작/보상 레이어를 얹었습니다.

문법 데모 보기 비교표

이번 라운드 목표

“게임처럼 보이는가?”를 넘어서, 실제로 어떤 화면을 만들고 싶은지를 비교합니다. 아직 production 구현이 아니라서 일부 오브젝트는 CSS sprite/overlay입니다.

보는 순서

  • 1초 안에 게임 화면처럼 보이는지
  • 아무것도 안 해도 살아있는지
  • Focus → Growth → Reward가 읽히는지
  • assetgen으로 다음에 무엇을 뽑아야 하는지

A. Tile Board Orchard

타일/보드게임/맵 안정성 중심

grid visibleclear locationsroute loop
board-game orchard AI mockup
FOCUS DAY 03 · ORCHARD BOARD
10:42
clear
z
Start Focusgrow 8 orchard slots

좋은 점: frame/grid가 가장 안정적이고 “게임판”으로 즉시 읽힙니다.

확인할 점: 감성보다 구조가 앞서므로, 최종에는 B의 living-world 밀도를 섞어야 합니다.

B. Cozy Living Orchard

동물의숲식 살아있는 화면 중심

idle lifeweather/timecozy cabin
cozy cider cabin orchard AI mockup
PEACH GROVE · LIVING DAY
wind
breeze
z
Start Focuswatch the orchard wake up

좋은 점: 아무것도 안 해도 가장 “살아있는 작은 세계”처럼 느껴집니다.

확인할 점: Focus 보상이 약해질 수 있으므로 C의 중심 보상 연출을 섞어야 합니다.

C. Reward Market Tree

중앙 보상 나무 + 과일/바구니/시장 중심

reward clearfruit economymarket cues
tiny fruit market orchard AI mockup
MARKET TREE · +100 XP
ready
harvest
z
Harvest Focusfruit flies into baskets

좋은 점: Focus가 과일/바구니/시장 보상으로 바뀌는 흐름이 가장 직접적입니다.

확인할 점: 너무 보상 UI 중심으로 가면 world life가 줄어들 수 있습니다.

디자인 판단표

판단 기준A. Tile BoardB. Cozy LivingC. Reward Market추천 결론
첫인상가장 게임판 같음가장 예쁘고 살아있음가장 보상이 명확함B를 중심으로 A/C를 흡수
UI/UX 안정성강함중간중간A의 grid/panel 규칙 필요
동물의숲 느낌약함강함중간B의 idle-life가 기준
Focus 동기중간중간강함C의 fruit-to-basket 연출 필요
assetgen 다음 작업tile sheet + board propsliving orchard layer + cat/weather spriteshero tree 4 stages + fruit particles세 갈래 asset batch를 작게 테스트