피드로 돌아가기
Dev.toFrontend
원문 읽기
AI 협업으로 3일 만에 구현한 Scratch 전용 폰트 에셋 생성 시스템
How I Recreated Unity's TextMeshPro Font Asset Creator in Scratch
AI 요약
Context
Sprite Clone 기반의 기존 텍스트 렌더링 방식에서 발생한 낮은 성능과 확장성 한계 직면. 사용자가 선택한 임의의 폰트를 Scratch 내에서 고품질로 출력하기 위한 새로운 에셋 파이프라인 필요성 대두.
Technical Solution
- Unity의 TextMeshPro 구조를 벤치마킹한 Texture Atlas 생성 방식의 Scratch 최적화 적용
- Canvas API를 활용하여 폰트 글리프를 개별 이미지로 렌더링하는 전처리 공정 설계
- 렌더링된 이미지와 Scratch 블록 정의를 project.json 형태로 조립하는 자동화 파이프라인 구축
- JSZip 라이브러리를 통한 .sb3 파일 패키징으로 별도 확장 프로그램 없는 Vanilla Scratch 호환성 확보
- 숙련도별 3단계 입력 모드(Parameter Block, Rich Text, Console Script)를 통해 사용자 경험의 계층화 구현
- AI 기반의 파서 설계를 통한 태그 감지, 스택 관리, 중첩 해석 로직의 컴파일러 수준 구현
실천 포인트
1. 런타임 성능 저하 시 연산 과정을 빌드 타임의 에셋 생성 단계로 전이 가능한지 검토
2. 다양한 숙련도의 사용자를 위해 동일 기능을 계층적 인터페이스(Beginner to Advanced)로 제공하는 전략 고려
3. 복잡한 파서나 컴파일러 로직 구현 시 AI를 활용한 초기 프로토타이핑으로 개발 주기 단축 시도