ShoeBox: sprite ve oyun sanatı için ücretsiz İsviçre çakısı

renderhjs’in ShoeBox’ı sprite sheet, bitmap font, texture atlas ve daha fazlası için ücretsiz bir sürükle-bırak araç setidir — birçok motorda oyun ve UI geliştiricilerinin favorisi.

  • Windows
  • macOS

Oyun veya UI yapıyorsan değirmeni tanırsın: sprite’ları atlasa paketlemek, bir sheet’i karelere dilimlemek, bitmap font üretmek, ekran görüntüsünden sprite kesmek. renderhjs’in ShoeBox’ı tümünü ücretsiz bir sürükle-bırak uygulamaya koyar — ve yıllardır game-dev toolchain’lerinin sessiz bir klasiğidir.

Nedir

Tüm yardımcılarla ShoeBox araç kutusu ızgarası
Her araç bir sürükle-bırak uzaklıkta.

ShoeBox, oyun ve UI araçlarıyla dolu Windows ve macOS için ücretsiz bir Adobe AIR uygulamasıdır. Her araç basit bir sürükle-bırak veya pano etkileşimiyle çalışır: bir dosyayı araca bırak veya bir görüntü/metin kopyalayıp tıkla. Tüm akış budur — hızlı, dokunsal, proje kurulumu yok.

Zaten kullandığın motor ve çerçevelerle iyi geçinir: Unity, Starling, Sparrow, Cocos2D, NGUI, pixi.js, HTML5, Corona, andEngine ve daha fazlası.

En çok önem taşıyan araçlar

  • Pack Sprites — birçok görüntüyü, animasyonlu SWF’leri veya GIF’leri tek bir texture atlas’a paketle.
Atlas için hazır girdi görüntüleriyle Pack Sprites aracı
Sprite’ları bırak — atlasla çık.
  • Read Sprites — bir sheet veya bitmap font’tan her sprite’ı dışa aktar (görüntü artı bir lookup dosyası gerekir).

  • Bitmap Font — Photoshop’ta tasarlanmış, AngelCode .fnt formatıyla uyumlu bir bitmap font üret.

ShoeBox’tan paketlenmiş sprite sheet ve çıktı metadata’sı
Motorun için atlas görüntüsü artı metadata.
ShoeBox’ta Bitmap Font üreteci önizlemesi
AngelCode .fnt ile uyumlu bitmap fontlar.
  • Extract Sprites — şeffaf bir görüntüdeki sprite’ları algıla ve otomatik kırp.
Şeffaf bir sheet’ten kareleri kesen Extract Sprites aracı
Şeffaf sheet’lerde kareleri otomatik algıla.
  • Extract Tiles — bir oyun ekran görüntüsünden tile map ve tile bank çıkar.
  • Split PSD — Photoshop katmanlarını ayrı PNG’lere ayır.
  • Texture Ripper — fotoğraf veya ekran görüntülerinden dikdörtgen dokular çıkar.
  • Ani Frames / Frame Sheet — bir GIF, SWF veya PNG dizisini kare kare animasyona veya tek bir sheet’e çevir.
  • Sprite Pivots — birçok sprite’ın kayıt noktalarını (pivot) bir anda düzenle.
  • Slice 9 — ölçeklenebilir UI için 9-patch (slice-9) setleri oluştur ve oku.
  • Mask Image — panodan karmaşık bir kompozisyonda bir görüntüyü maskele ve yumuşat.

Her araç yapılandırılabilir: bir araca sağ tıkla ve motorunun beklediği çıktıya uyan bir şablon seç.

Nasıl kurulur

ShoeBox Adobe AIR üzerinde çalışır, yani:

  1. Adobe AIR çalışma zamanını kur.
  2. 3.6.3’ten önceki her sürümü önce kaldır (daha yeni derlemelerde bir sertifika yenilendi).
  3. ShoeBox.air dosyasını kur.

Kimin için

Indieler, teknik sanatçılar ve 2D içerik gönderen herkes en çok faydayı görür. ShoeBox sanat aracının yerini almaz — öğleden sonranı yiyen sıkıcı ara adımların yerini alır.

Büyük araçlar yaratıcı işi senin yerine yapmaz; etrafındaki rutin işi siler. ShoeBox ders kitabı örneğidir.

renderhjs’in ShoeBox sayfasından al.