Một sprite sheet 128 x 64 được chia thành tám khung 32 x 32, với nhân vật phóng to hiển thị viền pixel sắc nét theo nearest-neighbor.
Ví dụ tiện ích dựng sẵn: một sheet 4 cột, 2 hàng sẽ thành tám khung 32 × 32. Tăng tỷ lệ theo số nguyên sẽ phóng to các khối pixel mà không làm mịn.
TRẢ LỜI TRỰC TIẾP

Công cụ đóng gói sprite sheet có tải khung hình của tôi lên không?

Không. Tối đa 64 frame sẽ ở lại trong trình duyệt và được sắp xếp theo một lưới đồng đều. Bạn nhận PNG atlas cùng tọa độ JSON; frame không bị cắt gọn hay xoay.

KHÔNG GIAN LÀM VIỆC TRỰC TIẾP

Làm việc cục bộ. Xuất gọn gàng.

Tiện ích này chạy ngay trong trình duyệt. Tệp của bạn ở trên thiết bị và không dùng credits tạo nội dung.

Nguồn & cài đặt01
Xử lý cục bộ riêng tư0 credit
Thêm từ hai khung hình trở lên

Tiện ích chạy cục bộ. Tác phẩm của bạn không được tải lên và không dùng credits.

TRONG GAME

Xem tài nguyên như một trò chơi.

Khám phá gameplay, cách dùng trên thiết bị cầm tay và các thiết kế đồng bộ. Những concept do AI tạo ra này chỉ minh hoạ khả năng hình ảnh; hãy tự rà soát asset và file import vào engine trước khi phát hành.

Bộ trình bày pixel game đồng bộ, ghép một cảnh game hoàn thiện với nhân vật, địa hình, biểu tượng inventory và thiết kế giao diện tương ứng.

Một định hướng nghệ thuật xuyên suốt toàn game

Xem lại cảnh chơi cùng nhân vật, địa hình, vật phẩm và giao diện như một thiết kế đồng bộ.

Ý tưởng RPG pixel do AI tạo, kết hợp một ranger màu xanh teal trong trận chiến nơi khu rừng với các tư thế đứng, đi và tấn công tương ứng bên dưới cảnh game.

Một nhân vật qua nhiều hướng và hành động

So sánh tỷ lệ, màu sắc và dáng hành động của nhân vật với thế giới xung quanh.

Ý tưởng chiến đấu pixel do AI tạo, với một ranger màu xanh teal, hiệu ứng kiếm màu hổ phách, vật phẩm quickbar đồng bộ và bảng hành trang trong một sân rừng.

Chiến đấu, vật phẩm và giao diện trong một cảnh

Đánh giá độ nổi bật của hiệu ứng, biểu tượng vật phẩm và độ tương phản giao diện ngay trong cùng một khoảnh khắc chơi.

Ví dụ thực tế

Đóng gói tám frame cùng kích thước

Hãy dùng đầu vào cụ thể, kiểm tra đầu ra và xem giới hạn hiện tại trước khi chọn bước tiếp theo.

Một sprite sheet 128 x 64 được chia thành tám khung 32 x 32, với nhân vật phóng to hiển thị viền pixel sắc nét theo nearest-neighbor.
Ví dụ tiện ích dựng sẵn: một sheet 4 cột, 2 hàng sẽ thành tám khung 32 × 32. Tăng tỷ lệ theo số nguyên sẽ phóng to các khối pixel mà không làm mịn.

Dữ liệu đầu vào mẫu

Tải xuống và giải nén tám khung demo bên dưới. Mỗi PNG trong suốt có kích thước 32 × 32 pixel.

Cần kiểm tra gì

  1. Chọn đủ tám khung PNG theo thứ tự, rồi đặt atlas thành 4 cột.
  2. Kiểm tra bản xem trước: bốn ô 32 pixel theo chiều ngang và hai ô theo chiều dọc sẽ tạo atlas 128 × 64.
  3. Tải PNG và JSON của atlas. Kiểm tra khung đầu tiên bắt đầu tại x: 0, y: 0 và khung thứ năm bắt đầu tại x: 0, y: 32.

Đầu ra mong đợi

Tám input 32 × 32 với bốn cột sẽ tạo ra atlas PNG 128 × 64 cùng toạ độ khung trong JSON.

Giới hạn hiện tại

Bộ đóng gói cục bộ dùng lưới đồng nhất theo kích thước đầu vào lớn nhất, nhận tối đa 64 tệp và giữ nguyên biên frame. Nó không cắt, xoay, thêm khoảng đệm hay thực hiện tối ưu bin packing.

Tài liệu quy trình chính thức

Hãy kiểm tra tài liệu của engine hoặc trình chỉnh sửa khi chuẩn bị import của riêng bạn. Các nguồn này mô tả hành vi tệp và phát lại, không phải là sự xác nhận cho PixelBox.

Nhà phát hành và hỗ trợ

Đã cập nhật nội dung:

Được LlamaGen phát hành và duy trì. Trang này mô tả các điều khiển và định dạng xuất hiện tại của PixelBox. Hãy liên hệ đội ngũ nếu có thông tin sai hoặc vấn đề khi xuất.

01 / VÌ SAO CÁCH NÀY HIỆU QUẢ

Được làm cho sản xuất, không chỉ để xem trước.

01

Đầu vào nhiều tệp

Thêm tối đa 64 khung PNG, JPG hoặc WebP cho mỗi lần chọn.

02

Bố cục dễ đoán

Chọn số cột. Mỗi ô sẽ dùng chiều rộng và chiều cao lớn nhất trong đầu vào, còn khung hình giữ nguyên kích thước gốc.

03

Bao gồm metadata

Xuất tên khung, toạ độ và kích thước dưới dạng JSON.

02 / QUY TRÌNH

Từ nguồn đầu vào đến đầu ra được gắn nhãn rõ ràng.

BƯỚC 01

Thêm khung hình

Chọn các file PNG animation hoặc tài nguyên theo thứ tự.

BƯỚC 02

Chọn số cột

Thiết lập bố cục atlas và xem trước kết quả tạo.

BƯỚC 03

Xuất cả hai file

Tải PNG atlas và toạ độ JSON của nó.

03 / Câu hỏi thường gặp

Làm rõ các điều khoản trước khi tạo.

Khung hình của tôi đã được tải lên chưa?

Không. Việc đóng gói chạy ngay trong trình duyệt và tệp vẫn ở trên thiết bị của bạn.

Đang dùng định dạng JSON nào?

Bản xuất gồm tên ảnh, kích thước atlas và các đối tượng frame với x, y, width, height. Hãy đặt tên tệp riêng cho từng frame để mỗi mục JSON vẫn tách biệt.

Có cắt phần pixel trong suốt không?

Không. Trình đóng gói lưới giữ nguyên ranh giới frame gốc và không xoay frame hay tối ưu khoảng trống. Hãy dùng sprite sheet slicer khi bạn cần các điều khiển cắt gọn và đệm.

TIẾP THEO TRONG QUY TRÌNH

Keep building the same world.

Tiếp tục với công cụ phù hợp bước tiếp theo của bạn: chuẩn bị ảnh tham chiếu, rà soát khung animation hoặc đóng gói atlas cho game engine.