Przegląd funkcji narzędzia

Online Structure Packer: najważniejsze funkcje i zalety narzędzia do tworzenia arkuszy Sprite w przeglądarce

Zoptymalizuj pakowanie arkuszy gry za pomocą ToolBuddy: algorytm MaxRects, gotowe ustawienia eksportera dla Unity, Phaser, Cocos, CSS i bezpieczne przetwarzanie lokalne.

11 min odczyt • 2026-06-05

Wprowadzenie

Tworzenie zoptymalizowanych atlasów ikonek ma kluczowe znaczenie dla wydajności gier 2D. Ograniczenie wywołań rysowania poprzez powiązanie wielu images w jeden arkusz zapewnia niskie obciążenie pamięci i płynne renderowanie. Jednak efektywne wykonanie tej czynności nie powinno wymagać instalowania narzędzi komputerowych ani płacenia opłat licencyjnych.

Internetowy pakiet tekstur tekstur ToolBuddy umożliwia generowanie atlasów klasy komputerowej w przeglądarce. Łącząc wysokowydajne algorytmy pakowania z dynamicznymi eksporterami metadanych, upraszcza przygotowywanie zasobów, zachowując jednocześnie wszystkie procesy na urządzeniu.

W tym przeglądzie szczegółowo opisano podstawowe możliwości pakietu tekstur ToolBuddy i wyjaśniono, dlaczego jego przepływ pracy oparty na przeglądarce jest idealnym rozwiązaniem dla nowoczesnych potoków grafiki gier.

Wysokowydajny algorytm pakowania pojemników MaxRects

Sercem pakera tekstur jest algorytm pakowania bin MaxRects, który sortuje i porządkuje ikonki w celu maksymalizacji obłożenia. Minimalizując puste marginesy, dopasowuje więcej duszków do mniejszych tekstur, oszczędzając cenną pamięć GPU w czasie działania.

Program pakujący obsługuje duże partie ikonek i oblicza współrzędne w milisekundach, wyświetlając wynikowy układ atlasu na interaktywnym obszarze roboczym.

  • Maksymalne granice arkusza do 4096 × 4096 pikseli.
  • Dynamiczne dzielenie pakietów zbiorczych dla dużych katalogów sprite.
  • Obliczenia obłożenia wyświetlane bezpośrednio w panelu podglądu.

Kompleksowe ustawienia wstępne eksportera silników i frameworków

Atlas jest użyteczny tylko wtedy, gdy docelowy silnik gry potrafi go przeanalizować. ToolBuddy zawiera gotowe ustawienia eksportera, które generują dokładne formatowanie metadanych wymagane przez popularne platformy.

Zamiast ręcznie mapować współrzędne, wybierasz docelową strukturę z listy rozwijanej i eksportujesz dane współrzędnych wraz ze spakowanym arkuszem.

  • Unity: Dostosowane metastruktury dla edytorów ikonek silnika.
  • Phaser & Cocos: JSON Hash/Array i eksport metadanych plist.
  • CSS Sprites: Gotowe arkusze stylów z pozycjami tła precyzyjnymi co do piksela.

Precyzyjna kontrola przezroczystości, przycinania i wypełniania

Surowe duszki często zawierają nadmiar przezroczystej przestrzeni. Ustawienie przycinania automatycznie przycina te białe znaki przed pakowaniem, zachowując jednocześnie metryki oryginalnego rozmiaru w metadanych eksportera, zapewniając prawidłowe dopasowanie animacji w grze.

Elementy sterujące dopełnianiem i wyciąganiem zapobiegają „rozpływaniu się kolorów” (artefaktom filtrowania tekstur w przypadku, gdy sąsiednie kolory ikonek nakładają się na ekran podczas skalowania renderowania).

  • Tryb przycinania z niestandardowymi selektorami progów alfa.
  • Opcje kształtów i wyściółek krawędzi w celu izolacji ikonek.
  • Wytłaczanie Sprite w celu zduplikowania pikseli obramowania i uniknięcia renderowania szwów.

Potoki optymalizacji skalowania i formatowania

Różne kompilacje wymagają różnych rozmiarów tekstur (np. urządzenia mobilne i komputery stacjonarne o wysokiej rozdzielczości). Wbudowana konfiguracja skalowania umożliwia zmniejszenie ikonek podczas pakowania przy użyciu płynnych algorytmów, co pozwala uniknąć konieczności utrzymywania oddzielnych katalogów plików źródłowych.

W przypadku projektów wymagających małych rozmiarów plików można połączyć pakowanie z narzędziami do kompresji dostępnymi na urządzeniu, zmniejszając wagę tekstur w jednym procesie.

Zabezpieczanie grafiki gry przy uruchamianiu lokalnej przeglądarki

Zasoby gry są zastrzeżone i ściśle poufne. W przeciwieństwie do konwerterów w chmurze, które przesyłają pliki graficzne na zdalne serwery, ToolBuddy obsługuje całe pakowanie, renderowanie i generowanie zip w pamięci przeglądarki przy użyciu HTML5 APIs.

Zapewnia to pełne bezpieczeństwo, umożliwiając tworzenie atlasów w ograniczonych środowiskach biurowych lub bezpiecznych sieciach bez opóźnień w przesyłaniu danych przez sieć.

FAQ

Najczęstsze pytania uzupełniające, które czytelnicy zadają po przejściu przez ten proces.

Do czego służy ustawienie wyciągnięcia?

Wyciągnięcie powiela zewnętrzne piksele każdego duszka, zapobiegając łączeniu się renderowania i rozmywaniu kolorów, gdy arkusz duszka jest skalowany lub obracany w czasie wykonywania.

Czy ToolBuddy obsługuje ograniczenia rozmiaru potęgi dwóch (POT)?

Tak. Możesz ograniczyć rozmiary atlasu do potęgi dwójki (np. 512, 1024, 2048) lub proporcji kwadratowych, aby zapewnić zgodność ze starszymi wymaganiami dotyczącymi tekstur GPU.

Czy mogę bezpośrednio importować katalogi duszków?

Tak. Opcja przesyłania folderów umożliwia wybranie całych katalogów, zachowując ścieżki folderów w wyeksportowanych metadanych JSON lub plist, co ułatwia organizację.