소개
최적화된 스프라이트 아틀라스를 만드는 것은 2D 게임 성능에 매우 중요합니다. 여러 images를 단일 시트에 바인딩하여 그리기 호출을 줄이면 메모리 오버헤드가 낮아지고 렌더링이 원활해집니다. 그러나 이를 효율적으로 수행하기 위해 데스크톱 유틸리티를 설치하거나 라이센스 비용을 지불할 필요는 없습니다.
ToolBuddy의 온라인 Texture Packer는 데스크탑 수준의 아틀라스 생성을 브라우저에 제공합니다. 고성능 패킹 알고리즘과 동적 메타데이터 내보내기 기능을 결합하여 모든 프로세스를 기기 내에서 유지하면서 자산 준비를 단순화합니다.
이 개요에서는 ToolBuddy Texture Packer의 핵심 기능을 자세히 설명하고 브라우저 우선 워크플로가 현대 게임 아트 파이프라인을 위한 이상적인 솔루션인 이유를 설명합니다.
고효율 MaxRects 빈 패킹 알고리즘
텍스처 패커의 핵심에는 스프라이트를 정렬하고 배열하여 점유율을 최대화하는 MaxRects 빈 패킹 알고리즘이 있습니다. 빈 여백을 최소화함으로써 더 작은 텍스처에 더 많은 스프라이트를 맞춰 런타임 중에 귀중한 GPU 메모리를 절약합니다.
패커는 대규모 스프라이트 배치를 처리하고 밀리초 단위로 좌표를 계산하여 대화형 캔버스에 결과 아틀라스 레이아웃을 표시합니다.
- 최대 시트 경계는 4096 × 4096픽셀입니다.
- 대규모 스프라이트 디렉토리에 대한 동적 멀티팩 분할.
- 미리보기 대시보드에 점유율 계산이 직접 표시됩니다.
포괄적인 엔진 및 프레임워크 내보내기 사전 설정
아틀라스는 대상 게임 엔진이 이를 구문 분석할 수 있는 경우에만 유용합니다. ToolBuddy에는 널리 사용되는 프레임워크에 필요한 정확한 메타데이터 형식을 생성하는 내보내기 사전 설정이 포함되어 있습니다.
좌표를 수동으로 매핑하는 대신 드롭다운에서 대상 프레임워크를 선택하고 압축된 시트와 함께 좌표 데이터를 내보냅니다.
- Unity: 엔진 스프라이트 편집기를 위한 맞춤형 메타 구조.
- Phaser & Cocos: JSON Hash/Array 및 plist 메타데이터 내보내기.
- CSS 스프라이트: 픽셀 단위의 정확한 배경 위치를 갖춘 기성 스타일시트입니다.
정확한 투명도, 트림 및 패딩 제어
원시 스프라이트에는 과도한 투명 공간이 포함되는 경우가 많습니다. 트림 설정은 내보내기 메타데이터의 원래 크기 측정항목을 유지하면서 패킹하기 전에 이 공백을 자동으로 잘라내어 애니메이션이 게임 내에서 올바르게 정렬되도록 합니다.
패딩 및 돌출 컨트롤은 '색상 번짐'(렌더링 크기 조정 중에 인접한 스프라이트 색상이 화면에서 겹치는 텍스처 필터링 아티팩트)을 방지합니다.
- 사용자 정의 알파 임계값 선택기를 사용하는 트림 모드입니다.
- 스프라이트를 절연하기 위한 모양 및 테두리 패딩 옵션입니다.
- 테두리 픽셀을 복제하고 이음새 렌더링을 방지하기 위한 스프라이트 돌출입니다.
규모 및 형식 최적화 파이프라인
다양한 빌드에는 다양한 텍스처 크기가 필요합니다(예: 모바일 및 고해상도 데스크톱). 내장된 크기 조정 구성을 사용하면 원활한 알고리즘을 사용하여 압축하는 동안 스프라이트 크기를 축소할 수 있으므로 소스 파일의 별도 디렉터리를 유지 관리할 필요가 없습니다.
작은 파일 크기가 필요한 프로젝트의 경우 패킹과 온디바이스 압축 도구를 결합하여 단일 작업 흐름에서 텍스처 무게를 줄일 수 있습니다.
로컬 브라우저 실행으로 게임 아트 보호
게임 자산은 독점적이며 매우 기밀입니다. 아트 파일을 원격 서버에 업로드하는 클라우드 변환기와 달리 ToolBuddy는 HTML5 APIs를 사용하여 브라우저 메모리 내부의 모든 패킹, 렌더링 및 zip 생성을 처리합니다.
이를 통해 완벽한 보안이 보장되므로 네트워크 업로드 대기 시간 없이 제한된 사무실 환경이나 보안 네트워크에서 아틀라스를 구축할 수 있습니다.