Khung hình chính xác đến từng pixel
Các khung hình không bao giờ bị co giãn. Mỗi khung nằm ở góc trên bên trái của một ô có kích thước bằng nhau, và atlas ghi lại vị trí cũng như kích thước chính xác của nó.
Tạo sprite sheet từ các ảnh
Gộp các khung hình hoạt ảnh hoặc biểu tượng thành một sprite sheet cho game và CSS. Chọn số cột và khoảng đệm, rồi nhận atlas JSON tương thích với Phaser, PixiJS và các engine khác.
Ảnh của bạn được xử lý trên thiết bị của bạn và không bao giờ bị tải lên.
Thả ảnh của bạn vào đây
hoặc kéo và thả
Chấp nhận PNG, WEBP, GIF, JPG · Tối đa 512 MB mỗi tệp
Cách sử dụng công cụ này
- 01
Thêm các khung hình của bạn, theo thứ tự hoạt ảnh.
- 02
Đặt số cột và khoảng đệm giữa các khung hình.
- 03
Xử lý rồi tải sprite sheet, kèm hoặc không kèm atlas JSON.
Atlas thân thiện với engine
JSON dùng định dạng hash TexturePacker được hỗ trợ rộng rãi, với khóa là tên tệp của từng khung hình.
Câu hỏi thường gặp
Sprite sheet có định dạng gì?
PNG, nên độ trong suốt được giữ nguyên.
Các khung hình có cần cùng kích thước không?
Không. Các ô được đặt theo khung hình lớn nhất, và atlas ghi lại kích thước thực của từng khung.
Ảnh của tôi có bị tải lên không?
Không. Sprite sheet được tạo ngay trong trình duyệt của bạn.