Zrób arkusz sprite'ów PNG i mapę JSON

Ułóż od dwóch do sześćdziesięciu czterech obsługiwanych obrazów rastrowych w stałych komórkach i pobierz jeden PNG oraz mapę współrzędnych JSON w lewym górnym rogu w pliku ZIP.

Kiedy to narzędzie jest przydatne

Pakowanie małych sprite'ów do gier, ikon, miniatur lub stanów interfejsu w jedną przewidywalną bitmapę z maszynowo czytelnymi współrzędnymi komórek.

Jak działa przetwarzanie lokalne

Wejścia pozostają w wybranej kolejności, kolumny są ograniczone przez rzeczywistą liczbę wejść, każda klatka otrzymuje stałą komórkę, zawiera centrum pełnego obrazu, a okładki wypełniają, a następnie przycina, szczeliny zachowują wybrane tło RGBA, a ZIP zawiera sprite-sheet.png oraz deterministyczne współrzędne sprite-sheet.json.

Jak go używać

  1. Przygotuj źródło: Pakowanie małych sprite'ów do gier, ikon, miniatur lub stanów interfejsu w jedną przewidywalną bitmapę z maszynowo czytelnymi współrzędnymi komórek.
  2. Przetwórz lokalnie: Wejścia pozostają w wybranej kolejności, kolumny są ograniczone przez rzeczywistą liczbę wejść, każda klatka otrzymuje stałą komórkę, zawiera centrum pełnego obrazu, a okładki wypełniają, a następnie przycina, szczeliny zachowują wybrane tło RGBA, a ZIP zawiera sprite-sheet.png oraz deterministyczne współrzędne sprite-sheet.json.
  3. Pobierz i zweryfikuj: Rozpakuj oba pliki, potwierdź wymiary PNG, początek w lewym górnym rogu, kolejność ramek i prostokąty komórek względem JSON, sprawdź wypełnienie lub rośliny okrywające i załaduj mapę w aplikacji konsumującej.

Ważne ograniczenia

PNG to jeden spłaszczony arkusz rastrowy: animacja, wektory, warstwy, metadane źródłowe, niezależne kontenery oraz intencje profilu kolorów nie są zachowane. Okładka może przycinać krawędzie, zawierać może pozostawiać tło, a obowiązują limity źródła, całkowitych pikseli, płótna, pamięci, PNG, JSON i ZIP.

Zweryfikuj pobrany wynik

Rozpakuj oba pliki, potwierdź wymiary PNG, początek w lewym górnym rogu, kolejność ramek i prostokąty komórek względem JSON, sprawdź wypełnienie lub rośliny okrywające i załaduj mapę w aplikacji konsumującej.

Prywatność wbudowana w projekt

Twoje pliki pozostają w tej przeglądarce. Narzędzie nie wysyła źródła ani wyniku na nasze serwery.

Pytania i odpowiedzi

Kiedy to narzędzie jest przydatne?

Pakowanie małych sprite'ów do gier, ikon, miniatur lub stanów interfejsu w jedną przewidywalną bitmapę z maszynowo czytelnymi współrzędnymi komórek.

Co właściwie robi przeglądarka?

Wejścia pozostają w wybranej kolejności, kolumny są ograniczone przez rzeczywistą liczbę wejść, każda klatka otrzymuje stałą komórkę, zawiera centrum pełnego obrazu, a okładki wypełniają, a następnie przycina, szczeliny zachowują wybrane tło RGBA, a ZIP zawiera sprite-sheet.png oraz deterministyczne współrzędne sprite-sheet.json.

Jakie ograniczenia muszę zrozumieć?

PNG to jeden spłaszczony arkusz rastrowy: animacja, wektory, warstwy, metadane źródłowe, niezależne kontenery oraz intencje profilu kolorów nie są zachowane. Okładka może przycinać krawędzie, zawierać może pozostawiać tło, a obowiązują limity źródła, całkowitych pikseli, płótna, pamięci, PNG, JSON i ZIP.

Jak powinienem zweryfikować wynik?

Rozpakuj oba pliki, potwierdź wymiary PNG, początek w lewym górnym rogu, kolejność ramek i prostokąty komórek względem JSON, sprawdź wypełnienie lub rośliny okrywające i załaduj mapę w aplikacji konsumującej.

Powiązane narzędzia