01 / Context
무엇을 해결할 것인가.
성장, 재화와 스토리 기능이 늘면서 모바일 화면의 조작이 복잡해졌습니다. 기존 저장 데이터와 운영 기능을 유지하면서 화면을 재구성해야 합니다.
닭을 키우며 달걀 생산·판매·부화·교배·농장 꾸미기·스토리·이벤트를 진행하는 모바일 웹게임.
02 / Direction
프로젝트를 바라본 방향.
상단 상태, 중앙 게임 화면과 하단 5개 메뉴로 조작을 정리했습니다. 상세 관리는 별도 패널에 배치하고 기존 계정, 교배, 스토리와 이벤트의 호환성을 유지했습니다.
03 / Experience
사용자의 다음 행동을 설계하다.
모바일 화면 높이에 맞춘 앱 구조와 선택한 닭의 상세 패널을 구성했습니다. 보유 개체 목록과 화면에 그리는 개체를 분리해 조작과 렌더링을 관리합니다.
04 / Making
경험을 실제 시스템으로.
모바일 웹 화면과 Express·PostgreSQL 기반 계정·게임 저장을 구성했습니다. 성장, 교배, 스토리와 이벤트 데이터를 유지하면서 조작 화면을 개편했습니다.
Node.jsExpressJavaScriptPostgreSQLPWA
05 / In detail
구현의 디테일.
- 닭 성장·건강·사료·예방접종
- 달걀 생산·시장 판매·주문 납품
- 부화·교배·명성·스토리
- 농장 시설·배치·꾸미기
- 행동형 튜토리얼과 이벤트
- 계정 저장·운영자 관리·밸런스 복구
06 / Intelligence & automation
인터랙션과 자동화.
성장, 교배, 생산과 이벤트는 게임 규칙으로 처리합니다. 운영자가 밸런스와 보상을 조정하고 변경 이력을 관리할 수 있도록 구성했습니다.
07 / Outcome
그래서, 가능해진 일.
성장·교배·농장 운영과 계정 저장, 관리 기능을 갖춘 모바일 웹게임을 제작했습니다.
08 / Continuity
만든 이후의 시간까지.
관리자 화면에서 회원·농장, 재화, 이벤트와 밸런스를 관리하며 변경을 복구할 수 있습니다. 현재는 운영자 결정으로 서비스를 중지하고 코드와 배포 이력을 보관하고 있습니다.