프로젝트_게임만들기_260509
목표
- 금일 중 게임 실행 후 가동
과정
- (기 진행 과정) 260508_주인공/NPC/적 캐릭터 스프라이트까지 제작기 진행 과정) 260508_주인공/NPC/적 캐릭터 스프라이트까지 제작
스프라이트 : 게임이나 컴퓨터 그래픽에서 배경과 독립적으로 움직이는 2차원(2D) 이미지 또는 비트맵 개체
- 글을 적다보니 블로그에 이렇게 작성하는 과정도 어느 정도는 템플릿을 정리할 필요가 있겠다.
- (?)워드프레스 내에서 템플릿 활용 방안이 있는가
- 패턴 관리 라는 기능이 있어보이고 템플릿도 있다.
- 이 과정에서 잠깐 글 작성 화면을 나갔다 왔는데, 다행히 자동으로 임시저장이 된다.
- 워드프레스 별로라고 요즘 생각을 했는데 그래도 범용으로 오랫동안 사용된 만큼 기능이 좋긴 하네.
- 템플릿 부분은 나중에 더 보기로 하고, 추가 작업을 진행한다.
- 아이템 아이콘 생성
- UI 에셋 생성 작업 진행
1280×720 해상도 기준으로 UI를 짜는 중
이 과정에서 Phaser라는 툴이 자주 나오는데, 이게 구체적으로 어떤 역할을 하는지 자세히 알아봐야겠다.
- Phaser : HTML5 기반의 2D 게임을 개발하기 위한 오픈 소스 JavaScript 프레임워크
3. Figma
- UI 완성도를 높이기 위해 Figma 기반 워크플로우를 활용한다고 한다.
- 가독성, 간격, 버튼 위계, 모바일 확장 시 위험 요소, 일관되지 않은 색상에 대한 디자인 개선안을 제안한다고 한다.
- Figma가 이런 일도 하는구나 싶다.
- FIgma 캡처 도구는 로컬 웹앱을 기준으로 첫 프레임을 만들 수 있기에 Vite dev 서버를 띄워서 현재 게임 화면을 캡처 가능한 상태로 만들어야 한다고 함
- Vite dev를 설치하라고 물어와서 승인함
- 이렇게 다 설치해도 되는건가 싶은 불안감이 아주 살짝 생김
- 현 작업은 사람이 눈으로 보듯 게임 화면을 캡처한 후 그 파일로 인식하고, 조정이 필요한 부분을 찾는다는 것으로 이해함
- 실제 Figma 파일 생성은 못했고, Figma Plugin API로 실행 가능한 편집 프레임 생성 스크립트를 추가했다고 함.
- 이게 어느 정도 효용성이 있는지는 모르겠음.
4. 이미지 생성용 보조 스크립트 제작
- 이 작업은 향후 확장할 때 제작하면 좋을 부분으로 보여 패스
5. Codex 요청 기본공식
- 안정된 요청을 위해 다음 스크립트대로 작성하라고 함
[마일스톤 이름]을 구현하세요.
맥락:
- AGENTS.md를 읽으세요.
- docs/GDD.md를 읽으세요.
- docs/TECHNICAL_PLAN.md를 읽으세요.
- docs/ASSET_BIBLE.md를 읽으세요.
- 기존에 정상 동작하는 기능은 유지하세요.
범위:
- 이번 마일스톤만 구현하세요.
- 관련 없는 시스템은 구현하지 마세요.
요구사항:
- [기능 요구사항]
- [데이터 구조 요구사항]
- [UI 요구사항]
- [에셋 요구사항]
관련될 가능성이 높은 파일:
- [예상 파일 목록]
완료 기준:
- [사용자가 직접 확인할 수 있는 조건]
- [빌드/테스트 조건]
- [게임플레이 조건]
검증:
- npm run build를 실행하세요.
- 테스트가 있다면 실행하세요.
- 변경된 파일과 남은 제한사항을 보고하세요.
6. QA 단계
- 당연하겠지만 RPG 제작 과정에도 QA 프로세스가 있었다.
- 전체 코드베이스를 점검하고, npm run build를 실행하고, 테스트나 게임 플레이 과정 버그 등을 탐색하고 우선순위가 높은 버그를 수정한다.
- docs 폴더 내에 QA_REPORT.md를 생성한다.
- 향후 게임을 고도화해서 만든다면 docs 폴더에서 각 문서가 어떤 것을 알려주는지 필수적으로 정리해야겠다.
- 완료 보고를 읽어보니, 별도 숲 맵/전환이 아직 없는 것이라고 함.
- 우선 이번 작업은 구현되는 전체 흐름을 보는 것이기에 추가 수정 없이 바로 배포 작업으로 넘어가려 함
7. 최종 배포 작업
- 공개 브라우저 배포용으로 준비
- 향후 배포용으로 준비가 다 되면 어떻게 공유할지도 물어보고 고민해야겠다.
- README를 곡개 배포 기준으로 다시 작성했다고 한다.
- (?) README가 이런 프로그램에서 어떤 의미인지 궁금해지네
- 우선 README에 게임 개요, 조작법, 설치/빌드/배포 방법, 크레딧/에셋 설명을 정리했다고 하니 읽어봐야겠다.
- 우선 여기까지 하고 실행 후 내용은 별도 글로 다시 적어야겠다.