Wycinanie klatek z arkusza sprite’ów

Dobierz metodę podziału do arkusza

Arkusz sprite’ów może być precyzyjną macierzą klatek animacji, zestawem kafelków z regularnymi odstępami albo luźno ułożoną kolekcją ikon. Każdy z tych układów wymaga innego sposobu wykrywania. Narzędzie łączy je w jednym procesie, ale ostateczny wybór pozostawia Tobie.

Ustawienia odpowiadają sprawdzonym procesom pracy ze sprite’ami. Sprite Editor w Unity obsługuje automatyczny podział, siatki według rozmiaru lub liczby komórek, a także przesunięcie, padding, puste prostokąty i punkt obrotu. Import arkuszy sprite’ów w Aseprite również używa przesunięcia x/y, szerokości i wysokości sprite’a, odstępu oraz kierunku odczytu. To narzędzie skupia się na wycinaniu: eksportuje współrzędne, ale nie tworzy plików projektów Unity, Godot ani Aseprite.

Automatyczne wykrywanie to punkt wyjścia, nie gwarancja

Automatyczne wykrywanie szuka widocznych, niepołączonych obszarów. Działa szybko, gdy sprite’y rozdziela przezroczysta przestrzeń, lecz żaden algorytm nie odgadnie zamierzonych granic na każdym arkuszu. Dwie stykające się postacie mogą wyglądać jak jeden element, a oddzielony cień lub iskra, jak osobny. Poradnik wycinania Phaser opisuje to samo ograniczenie połączonych pikseli: stykające się sprite’y są wykrywane razem.

Przed eksportem zawsze sprawdź ponumerowane obramowania. Automatyczne wykrywanie nie ma suwaków tolerancji, minimalnego rozmiaru ani odległości łączenia, więc popraw wynik ręcznie. Jeśli jednolite tło zostaje uznane za grafikę, ustaw wykrywanie pustych pikseli na kolor tła z narożnika albo wyłącz wykrywanie i podziel arkusz siatką. Jeśli wynik jest zbyt rozdrobniony, usuń zbędne obramowania i narysuj jedno obramowanie wokół całego sprite’a. Gdy dwie klatki się stykają, zastąp połączoną propozycję ręcznymi obramowaniami. Oryginalny arkusz nigdy nie jest modyfikowany.

Zawartość ZIP i frames.json

Domyślnym formatem jest PNG, ponieważ zachowuje dokładne piksele i przezroczystość. Każda wybrana klatka otrzymuje bezpieczną, unikatową nazwę na podstawie własnej nazwy lub wskazanego prefiksu. ZIP zawiera te pliki PNG oraz manifest frames.json. Każdy wpis przechowuje nazwę, kolejność i prostokąt źródłowy klatki:

{
  "name": "player-run-03",
  "x": 128,
  "y": 64,
  "width": 32,
  "height": 48
}

Współrzędne są wyrażone w pikselach obrazu źródłowego i mierzone od jego lewego górnego rogu. Przydają się w skryptach i własnych procesach, ale plik jest celowo uniwersalny: nie stanowi natywnego atlasu ani pliku importu żadnego silnika.

Prywatne przetwarzanie lokalne z ograniczonym odzyskiwaniem

Dekodowanie, wykrywanie, edycja, kadrowanie i tworzenie ZIP odbywają się w przeglądarce. Dane obrazu i nazwy plików nie są wysyłane na serwer. Aby można było wrócić do wieloetapowego procesu, aktywna karta może przechowywać lokalnie ograniczoną kopię roboczą i ustawienia przez maksymalnie dwie godziny. Zacznij od nowa natychmiast usuwa projekt aktywnej karty. Osobno otwarta karta ma własną odizolowaną kopię, która zostanie automatycznie usunięta w ciągu dwóch godzin, nawet jeśli inna karta zostanie wyzerowana.

Przy dużych arkuszach zamknij inne karty intensywnie korzystające z obrazów i nie twórz setek pustych klatek. Narzędzie zgłasza przekroczenie limitu rozmiaru lub liczby klatek zamiast po cichu obniżać jakość. Pobieranie korzysta z tymczasowych adresów URL obiektów, zwalnianych po użyciu zgodnie z zaleceniami MDN.

Lista kontrolna przed eksportem

• Upewnij się, że kierunek odczytu odpowiada kolejności animacji lub kafelków.
• Powiększ obraz i sprawdź pierwszą, środkową oraz ostatnią klatkę pod kątem przesunięcia o jeden piksel.
• Pomiń puste komórki i przypadkowe pojedyncze piksele, chyba że ich położenie ma znaczenie.
• Użyj różnych nazw i sprawdź duplikaty przed utworzeniem ZIP.
• Obejrzyj przezroczyste krawędzie na kontrastowym tle podglądu.
• Poprawiaj obramowania polami lub przyciskami, jeśli precyzyjne przeciąganie jest trudne; proces pozostaje dostępny z klawiatury zgodnie z wytycznymi W3C.