Giới thiệu
Các trang sprite được đóng gói rất quan trọng đối với hiệu quả kết xuất trong thời gian chạy, nhưng đôi khi bạn cần đảo ngược quá trình này. Các nghệ sĩ, nhà phát triển và người điều chế trò chơi thường xuyên cần sửa đổi từng khung hình riêng lẻ, trích xuất kết cấu cũ hoặc chia các ô trang tính trở lại thành tài sản PNG thô.
Trình giải nén Sprite Sheet dựa trên web cung cấp một đường dẫn tức thời, không cần thiết lập để đạt được điều này. Thay vì mở trình chỉnh sửa image để cắt khung theo cách thủ công, bạn có thể tải các trang tính và chia chúng trong vài giây bằng cách sử dụng tính năng phát hiện đường viền, tệp tọa độ hoặc lưới ô xếp tự động.
Hướng dẫn này giải thích quy trình làm việc để giải nén tập bản đồ kết cấu trực tuyến, chọn chế độ cắt phù hợp và xác thực hoạt ảnh khung được trích xuất trên thiết bị trước khi xuất.
Các chế độ giải nén cốt lõi cho các tấm kết cấu
Trình giải nén sẵn sàng sản xuất phải cung cấp nhiều phương pháp cắt vì các trang sprite được xây dựng khác nhau. Lưới là hoàn hảo cho các bản đồ ô cổ điển, trong khi các tệp tọa độ được yêu cầu cho các tập bản đồ không có lưới, được cắt bớt.
ToolBuddy hỗ trợ bốn phương pháp phân tách để bao quát tất cả cấu trúc nội dung trò chơi, xử lý tệp hoàn toàn trong bộ nhớ cục bộ để duy trì tốc độ và quyền riêng tư.
- Tự động phát hiện: Tự động theo dõi ranh giới pixel để cắt các hình dạng không đều.
- Trình phân tích cú pháp cấu hình: Đọc các tệp JSON, plist, XML hoặc atlas để phân tích các tọa độ được đặt tên.
- Chia lưới: Chia các trang theo kích thước ô đồng nhất với độ lệch và lề tùy chỉnh.
- Lựa chọn thủ công: Cho phép bạn vẽ các hộp cắt tùy chỉnh trực tiếp trên trang tính.
Cách chia sprite sheet thành khung PNG từng bước
Bắt đầu bằng cách chuẩn bị bảng sprite image (PNG hoặc JPG). Nếu bạn có tệp siêu dữ liệu tọa độ (như bảng plist hoặc JSON được xuất từ Trình đóng gói kết cấu), hãy tải tệp đó lên cùng với image. Trình giải nén sẽ tự động phát hiện định dạng và ánh xạ tên tới các vùng chính xác của chúng.
Nếu không có sẵn tệp cấu hình, hãy chọn 'Tự động phát hiện' để cho phép trình phân tích cú pháp ranh giới phác thảo các hình khối hoặc nhập kích thước ô ở chế độ 'Lưới'. Xem lại các đường cắt trên canvas, chọn khung để kiểm tra chi tiết và xuất kết quả dưới dạng gói zip.
- Tải lên bảng sprite image của bạn và tệp tọa độ tùy chọn.
- Chọn chế độ cắt của bạn (Tự động, Cấu hình, Lưới hoặc Thủ công).
- Kiểm tra các hộp khung được cắt lát trên trình xem tương tác trực quan.
- Tải xuống các khung được trích xuất được đóng gói trong một thư mục ZIP.
Xác thực các họa tiết bằng trình phát hoạt ảnh tích hợp
Việc giải nén các khung hình chỉ là một nửa công việc; bạn cũng cần phải xác nhận rằng họ chuyển đổi một cách suôn sẻ. Trình phát canvas tương tác cho phép bạn biên dịch các khung được trích xuất thành vòng lặp hoạt ảnh, xác minh quá trình phát lại trước khi lưu.
Bằng cách điều chỉnh thanh trượt FPS và xem trước trạng thái vòng lặp, bạn có thể phát hiện các khung bị thiếu hoặc chênh lệch đăng ký trực tiếp trong trình duyệt, loại bỏ việc thử và lỗi khi nhập công cụ.
- Trình biên dịch vòng lặp hoạt ảnh trực quan cho các khung được trích xuất.
- Có thể điều chỉnh cài đặt tốc độ phát lại (FPS).
- Hộp xem trước tương tác với khả năng xoay và thu phóng.
Hiểu các định dạng tệp tọa độ
Các trang siêu dữ liệu chứa các hướng dẫn ánh xạ tên sprite vào các hộp giới hạn. Nếu bạn là nội dung kỹ thuật đảo ngược, việc biết định dạng nào bạn có sẽ giúp giải quyết các cảnh báo của trình phân tích cú pháp.
ToolBuddy hỗ trợ các trang plist cho Cocos2d, JSON Hash/Array cho Phaser và PixiJS, các trang XML cho Starling và các tệp atlas văn bản cho Spine, đảm bảo độ chính xác của tọa độ.
Tích hợp giải nén vào đường dẫn tài sản của bạn
Việc giải nén các trang tính thường được theo sau bởi việc tối ưu hóa. Nếu các khung được trích xuất yêu cầu giảm kích thước, bạn có thể định tuyến chúng thông qua Máy nén Image. Nếu bạn cần sắp xếp lại chúng, hãy nhập lại chúng vào Text Packer để tạo các trang tính sạch sẽ, tối ưu hóa.
Việc liên kết các tiện ích này cung cấp một luồng quản lý tài sản hoàn chỉnh, giữ cho chu trình lặp lại thiết kế của bạn nhanh chóng, có tổ chức và chạy hoàn toàn cục bộ.