GIXSOFT
Tiếng Việt
  • tools
  • game-dev
  • sprites
  • design
  • freeware

ShoeBox: dao đa năng miễn phí cho sprite và art game

ShoeBox của renderhjs là bộ kéo-thả miễn phí cho sprite sheet, bitmap font, texture atlas, và hơn — món ruột của developer game và UI trên nhiều engine.

  • Windows
  • macOS
GIXSOFT 3 phút đọc Tiếng Việt

Nếu bạn làm game hoặc UI, bạn biết mài: đóng sprite vào atlas, thái sheet thành frame, sinh bitmap font, cắt sprite khỏi screenshot. ShoeBox của renderhjs gom tất cả vào một app kéo-thả miễn phí — và đã là món lặng trong toolchain game-dev nhiều năm.

Nó là gì

Lưới toolbox ShoeBox với mọi utility
Mỗi tool cách một lần kéo-thả.

ShoeBox là app Adobe AIR miễn phí cho Windows và macOS nhồi tool liên quan game và UI. Mỗi tool chạy qua tương tác kéo-thả hoặc clipboard đơn giản: thả file lên tool, hoặc copy ảnh/chữ rồi nhấp. Đó là cả workflow — nhanh, sờ được, không setup dự án.

Nó chơi tốt với engine và framework bạn đã dùng: Unity, Starling, Sparrow, Cocos2D, NGUI, pixi.js, HTML5, Corona, andEngine, và hơn.

Những tool quan trọng nhất

  • Pack Sprites — đóng nhiều ảnh, SWF động, hoặc GIF vào một texture atlas.
Tool Pack Sprites với ảnh đầu vào sẵn sàng đóng atlas
Thả sprite vào — nhận atlas ra.

  • Read Sprites — xuất từng sprite từ sheet hoặc bitmap font (cần ảnh cộng file lookup).

  • Bitmap Font — sinh bitmap font, thiết kế trong Photoshop, tương thích định dạng AngelCode .fnt.

Sprite sheet đã đóng và metadata đầu ra từ ShoeBox
Ảnh atlas cộng metadata cho engine của bạn.
Preview trình sinh Bitmap Font trong ShoeBox
Bitmap font tương thích AngelCode .fnt.
  • Extract Sprites — phát hiện sprite trên ảnh trong suốt và cắt tự động.
Tool Extract Sprites cắt frame từ sheet trong suốt
Tự phát hiện frame trên sheet trong suốt.
  • Extract Tiles — kéo tile map và tile bank từ screenshot game.
  • Split PSD — tách layer Photoshop thành từng file PNG.
  • Texture Ripper — trích texture hình chữ nhật từ ảnh hoặc screenshot.
  • Ani Frames / Frame Sheet — biến GIF, SWF, hoặc chuỗi PNG thành animation từng frame hoặc một sheet animation.
  • Sprite Pivots — sửa điểm đăng ký (pivot) cho nhiều sprite cùng lúc.
  • Slice 9 — tạo và đọc bộ 9-patch (slice-9) cho UI co giãn.
  • Mask Image — mask và feather ảnh thành composition phức từ clipboard.

Mỗi tool cấu hình được: chuột phải một tool và chọn template khớp đầu ra engine của bạn.

Cài đặt

ShoeBox chạy trên Adobe AIR, nên:

  1. Cài runtime Adobe AIR.
  2. Gỡ mọi phiên bản trước 3.6.3 trước (chứng chỉ được gia hạn ở bản mới hơn).
  3. Cài file ShoeBox.air.

Dành cho ai

Indie, technical artist, và ai ship nội dung 2D sẽ được nhiều nhất. ShoeBox không thay tool vẽ — nó thay bước ở giữa nhàm thường nuốt cả buổi chiều.

Tool lớn không làm việc sáng tạo thay bạn; chúng xóa việc bận quanh nó. ShoeBox là ví dụ sách giáo khoa.

Lấy từ trang ShoeBox của renderhjs.

Hướng dẫn liên quan