ComfyUI 결과를 게임 스프라이트로 쓰기까지 - FT86 palette compiler 만들기
Three.js 렌더 보정 이후 ChatGPT 이미지 보정 실험을 로컬 RTX 3080 기반 ComfyUI 파이프라인으로 옮기고, FT86 spritesheet를 Phaser runtime에서 쓸 수 있도록 alpha, palette role, body color swap, edge cleanup 단계로 정리했습니다.
Tag: phaser4 (30)
Phaser 4 Pseudo 3D 레이싱 게임 - 핸들링 감각을 로그로 튜닝하기
Apex Seoul의 주행 감각을 OutRun식 grip 기준으로 다시 보고, 고정 화면 비율, WebGL 전환, 속도 표시 보정, shader speed cue, 자동 handling simulation으로 핸들링 후보를 반복 비교했습니다.
Phaser 4 Pseudo 3D 레이싱 게임 - 차량 스프라이트를 도로에 붙이기
Apex Seoul의 approved 128px 차량 스프라이트를 런타임에 연결하고, 조향 3way, 고저차 접지감, 주행 telemetry, silhouette shadow pass로 실제 게임 화면에서 검증했습니다.
Phaser 4 Pseudo 3D 레이싱 게임 — 실제 차량 3D 모델로 스프라이트 POC 하기
Apex Seoul 차량 스프라이트 품질을 올리기 위해 GT86, Kia Stinger, Genesis G70 3D 모델을 source로 가져와 실제 전장 기준으로 정렬하고, 후처리 자동화 방향을 다시 잡았습니다.
Phaser 4 Pseudo 3D 레이싱 게임 — GPT 이미지 생성으로 차량 스프라이트 만들기
Apex Seoul의 Raven Coupe 차량을 3D pose sheet, GPT 이미지 변환, alpha cleanup, anchor metadata 후처리까지 이어지는 게임 자산 파이프라인으로 제작했습니다.
Phaser 4 Pseudo 3D 레이싱 게임 — 북악 스카이웨이 inspired 다운힐 만들기
Apex Seoul에 Bugak Ridge Downhill 단일 맵을 만들고, RoadSegment elevation, 고저차 projection, 차량 하단 고정, 레트로 차량 그림자를 구현했습니다.
Phaser 4 Pseudo 3D 레이싱 게임 — 차량 스프라이트와 속도 조작 넣기
Apex Seoul에 Kenney Car Kit 기반 임시 차량 스프라이트를 올리고, 좌우 조향, 악셀, 브레이크, 기본 주행 속도 복귀를 구현했습니다.
Phaser 4 Pseudo 3D 레이싱 게임 — RoadSegment로 커브 도로 만들기
Apex Seoul의 임시 직선 도로를 RoadSegment 기반 렌더러로 분리하고, curve 값을 누적해 pseudo 3D 커브 도로를 구현했습니다.
Phaser 4로 Pseudo 3D 레이싱 게임 만들기 — Apex Seoul 카메라 구현
Phaser 4와 TypeScript로 Apex Seoul 프로젝트를 세팅하고, horizon, FOV, camera height를 이용해 pseudo 3D 도로 카메라를 구현했습니다.
Phaser 4 Isometric Minesweeper 6편 — localStorage 기록 저장으로 마무리하기
Isometric Minesweeper에 난이도별 최고 기록 저장, Best 표시, New best 상태, 기록 초기화 버튼을 추가하고 이번 지뢰찾기 연재를 마무리했습니다.
Phaser 4 Isometric Minesweeper 5편 — 모바일 가로 화면과 반응형 입력 다듬기
블로그 iframe 안에서 Isometric Minesweeper를 모바일로 플레이할 수 있도록 tap reveal, long press flag, landscape 안내, height 기반 board layout을 추가했습니다.
Phaser 4 Isometric Minesweeper 4편 — 난이도, 타이머, 렌더링 polish 넣기
지뢰찾기에 난이도 선택과 타이머를 붙이고, 텍스트로 표시하던 깃발과 지뢰를 Phaser Graphics 기반 아이콘으로 바꿔 게임다운 화면으로 다듬었습니다.