ShoeBox: มีดพับสวิสฟรีสำหรับสไปรต์และงานศิลป์เกม

ShoeBox ของ renderhjs คือชุดเครื่องมือลากวางฟรีสำหรับ sprite sheet, bitmap font, texture atlas และอื่น — ที่โปรดของนักพัฒนาเกมและ UI บนหลายเอนจิน

  • Windows
  • macOS

ถ้าทำเกมหรือ UI คุณรู้จักโม่: แพ็กสไปรต์เข้าแอตลาส หั่นชีตเป็นเฟรม สร้าง bitmap font ตัดสไปรต์จากสกรีนช็อต ShoeBox ของ renderhjs ใส่ทั้งหมดในแอปลากวางฟรีหนึ่งตัว — และเป็นคลาสสิกเงียบใน toolchain ของเกมมานานปี

มันคืออะไร

กริดกล่องเครื่องมือ ShoeBox พร้อมยูทิลิตี้ทั้งหมด
แต่ละเครื่องมือห่างแค่ลากวางครั้งเดียว

ShoeBox คือ แอป Adobe AIR ฟรีสำหรับ Windows และ macOS ที่เต็มไปด้วยเครื่องมือเกมและ UI แต่ละเครื่องมือทำงานด้วย ลากวางหรือคลิปบอร์ด ง่าย ๆ: วางไฟล์บนเครื่องมือ หรือคัดลอกรูป/ข้อความแล้วคลิก นั่นคือทั้งโฟลว์ — เร็ว สัมผัสได้ ไม่ต้องตั้งโปรเจกต์

เข้ากันกับเอนจินและเฟรมเวิร์กที่คุณใช้อยู่แล้ว: Unity, Starling, Sparrow, Cocos2D, NGUI, pixi.js, HTML5, Corona, andEngine และอื่น

เครื่องมือที่สำคัญที่สุด

  • Pack Sprites — แพ็กรูปหลายใบ SWF แอนิเมชัน หรือ GIF เข้า texture atlas เดียว
เครื่องมือ Pack Sprites พร้อมรูปอินพุตพร้อมสำหรับแอตลาส
วางสไปรต์ — ออกมาพร้อมแอตลาส
  • Read Sprites — ส่งออกแต่ละสไปรต์จากชีตหรือ bitmap font (ต้องมีรูปบวกไฟล์ lookup)

  • Bitmap Font — สร้าง bitmap font ออกแบบใน Photoshop เข้ากันกับรูปแบบ AngelCode .fnt

sprite sheet ที่แพ็กแล้วและเมทาดาทาเอาต์พุตจาก ShoeBox
รูปแอตลาสบวกเมทาดาทาสำหรับเอนจินคุณ
พรีวิวตัวสร้าง Bitmap Font ใน ShoeBox
Bitmap font ที่เข้ากันกับ AngelCode .fnt
  • Extract Sprites — ตรวจสไปรต์ในรูปโปร่งใสแล้วตัดอัตโนมัติ
เครื่องมือ Extract Sprites ที่หั่นเฟรมจากชีตโปร่งใส
ตรวจเฟรมอัตโนมัติบนชีตโปร่งใส
  • Extract Tiles — ดึง tile map และธนาคารไทล์จากสกรีนช็อตเกม
  • Split PSD — แยกเลเยอร์ Photoshop เป็น PNG เดี่ยว
  • Texture Ripper — ดึงเท็กซ์เจอร์สี่เหลี่ยมจากรูปหรือสกรีนช็อต
  • Ani Frames / Frame Sheet — เปลี่ยน GIF, SWF หรือลำดับ PNG เป็นแอนิเมชันทีละเฟรมหรือชีตเดียว
  • Sprite Pivots — แก้จุดลงทะเบียน (pivot) ของสไปรต์หลายตัวพร้อมกัน
  • Slice 9 — สร้างและอ่านชุด 9-patch (slice-9) สำหรับ UI ที่ย่อขยายได้
  • Mask Image — มาสก์และเฟเธอร์รูปในคอมโพสิตซับซ้อนจากคลิปบอร์ด

แต่ละเครื่องมือตั้งค่าได้: คลิกขวาเครื่องมือแล้วเลือกเทมเพลตที่ตรงเอาต์พุตที่เอนจินคุณคาดหวัง

ติดตั้งอย่างไร

ShoeBox รันบน Adobe AIR ดังนั้น:

  1. ติดตั้งรันไทม์ Adobe AIR
  2. ถอนเวอร์ชันก่อน 3.6.3 ก่อน (ใบรับรองต่ออายุในบิลด์ใหม่กว่า)
  3. ติดตั้งไฟล์ ShoeBox.air

สำหรับใคร

อินดี้ เทคนิคอลอาร์ติสต์ และใครที่ส่งคอนเทนต์ 2D จะได้มากที่สุด ShoeBox ไม่แทนเครื่องมือศิลป์ — มันแทน ขั้นกลาง ที่น่าเบื่อซึ่งมักกินบ่ายคุณ

เครื่องมือใหญ่ไม่ทำงานสร้างสรรค์แทนคุณ มันลบงานประจำรอบ ๆ ShoeBox คือตัวอย่างในตำรา

รับจากหน้า ShoeBox ของ renderhjs