Phục hồi khung Aseprite đã cắt gọn từ sprite sheet và JSON
Sheet Aseprite đã đóng gói tiết kiệm không gian texture bằng cách cắt bỏ các pixel trống quanh mỗi tư thế. Nếu chỉ cắt các hình chữ nhật đó ra, nhân vật sẽ nhảy vị trí vì mỗi phần cắt có gốc tọa độ khác nhau. JSON đi kèm chính là bản đồ còn thiếu để đưa chúng trở lại canvas gốc.
Xuất hai tệp từ cùng phiên Aseprite
- Mở hoạt ảnh trong Aseprite và dùng File → Export Sprite Sheet. Xuất bảng PNG và bật đầu ra dữ liệu JSON. Công cụ giải nén ImageMint chấp nhận cả dạng hash và dạng mảng JSON.
- Giữ bảng và JSON cùng nhau. JSON xuất cũ có thể trỏ hình không còn khớp, dù tên tương tự.
- Nếu bật cắt gọn hoặc bố cục đóng gói, giữ JSON. Công cụ ô đều đơn giản không suy vị trí gốc của khung cắt khác nhau chỉ từ bảng.
- Tải sheet và JSON xuất vào bộ tách. Xem nhiều tư thế trước ZIP, không chỉ khung đầu.
Ba hình chữ nhật, ba việc khác
Xét nhân vật vẽ trên canvas 64 × 64. Một tư thế cắt gọn chiếm hình chữ nhật 22 × 38, nằm cách trái 19 pixel và cách trên 20 pixel trong canvas gốc. Đóng gói có thể đặt vùng đó tại x=128, y=0 trong bảng xuất. JSON cần cả ba thông tin:
| Trường JSON | Ví dụ | Ý nghĩa |
|---|---|---|
frame | x=128, y=0, w=22, h=38 | Vị trí cắt pixel từ sheet đã xuất. |
spriteSourceSize | x=19, y=20, w=22, h=38 | Vị trí đặt phần cắt đó trên canvas khung gốc. |
sourceSize | w=64, h=64 | Kích thước toàn canvas cần phục hồi. |
Bộ tách tạo khung trong suốt 64 × 64, sao phần cắt 22 × 38, vẽ tại (19, 20). Lặp mỗi tư thế giữ baseline. Vai trò trường khớp Tài liệu xuất bảng/JSON của Aseprite; vị trí chính xác lấy từ JSON của bạn.
Cần kiểm tra gì trong ZIP đã tải xuống
Mỗi khung khôi phục là PNG đánh số. manifest.json liệt kê tên khung nguồn, thời lượng mili giây, kích thước và thẻ khung. Mở tư thế đứng yên và tư thế tấn công cực hạn cạnh nhau: canvas phải bằng nhau, và chân hoặc điểm neo đã chọn phải ổn định. Nếu phát vẫn nhảy, các bản vẽ có thể căn chỉnh không nhất quán trong dự án Aseprite gốc; khôi phục độ lệch phần cắt không sửa được vấn đề tác phẩm đó.
.aseprite tệp hoặc khung đóng gói đã xoay. Công cụ hỗ trợ tối đa 100 khung, 1024 pixel mỗi cạnh khung được khôi phục và 20 triệu pixel khung tổng cộng. Nếu thấy lỗi liên quan đến xoay, hãy xuất không xoay rồi thử lại.Nếu chỉ cần ô cách đều, công cụ thường Cắt sprite sheet đơn giản hơn. Dùng khôi phục JSON khi đóng gói hoặc cắt sát đã phá lưới đều.
Chẩn đoán cặp tệp khớp nhưng vẫn sai
| Triệu chứng | Kiểm tra đầu | Cách sửa an toàn |
|---|---|---|
| meta.size không khớp | Sheet có bị đổi kích thước sau khi xuất không? | Xuất lại cả hai tệp từ cùng dự án. |
| Xuất hiện sai tư thế trong khung | JSON đến từ lượt đóng gói khác? | Thay cả cặp dù kích thước khớp. |
| Canvas đúng nhưng nhân vật dịch chuyển | So tư thế Aseprite gốc. | Sửa căn chỉnh nguồn; đừng xóa độ lệch cắt gọn. |
| Lỗi xoay | Có bật xoay khi đóng gói không? | Xuất khung không xoay. |
Tên tệp trùng không phải xác nhận hợp lệ, và chỉ kích thước trùng không chứng minh tọa độ cắt mô tả ảnh đã tải lên. Hai atlas có thể lớn bằng nhau nhưng sắp xếp tư thế khác. Hãy kiểm tra tư thế dễ phân biệt, như tấn công với vũ khí duỗi ra, thay vì chỉ đánh giá khung đứng yên gần giống nhau.
Chuyển thời gian và thẻ sang ứng dụng tiếp theo
Khung có thời lượng 200 ms phải được giữ lâu hơn khung 80 ms. PNG khôi phục mang pixel, còn manifest.json mang durationMs và thẻ khung hình. Giữ cả hai. Nếu thử PNG trong trình phát FPS đồng nhất, nhịp khác là điều dự kiến ngay cả khi vị trí hoàn hảo.
Tag xác định dải như idle và walk, nhưng giữ tag không đồng nghĩa cấu hình trạng thái hoạt ảnh engine. Kiểm tra dải và hướng phát ở ứng dụng nhận. Xem trước ImageMint hữu ích căn chỉnh, không tự xuất bộ điều khiển hoạt ảnh engine.
Thử quy trình
Tải bảng và JSON tương ứng để xem khung căn và tải PNG đủ kích thước.
Phục hồi khung Aseprite →