Generator Sprite Sheet
Łącz obrazy w sprite sheet z przeciąganiem do zmiany kolejności, układem siatki, paddingiem, trybami skalowania. Eksportuj PNG/WebP/JPG z danymi JSON atlas dla silników gier i CSS.
Co to jest sprite sheet i dlaczego warto go używać?
Sprite sheet to pojedynczy plik obrazu zawierający wiele mniejszych obrazów (sprite'ów) ułożonych w siatce. Używanie sprite sheets zmniejsza żądania HTTP, poprawia wydajność ładowania strony i sprawia, że renderowanie gier jest bardziej wydajne.
Jakie formaty obrazów są obsługiwane?
Możesz przesyłać obrazy PNG, JPG, GIF, SVG i WebP. Narzędzie obsługuje przesyłanie wsadowe i wklejanie ze schowka (Ctrl+V) dla szybkiego przepływu pracy.
Jakie formaty eksportu są dostępne?
Eksportuj sprite sheets jako PNG (z przezroczystością), WebP (nowoczesny format z mniejszym rozmiarem pliku) lub JPG (najlepszy dla zdjęć bez przezroczystości). Wybierz w zależności od wymagań platformy docelowej.
Jak zmienić kolejność obrazów w sprite sheet?
Przeciągnij i upuść miniatury obrazów, aby zmienić ich kolejność w sprite sheet. Możesz także wklejać obrazy bezpośrednio ze schowka za pomocą Ctrl+V.
Czym są dane JSON atlas i jakie silniki je obsługują?
Dane JSON atlas zawierają pozycję, rozmiar i informacje o klatce dla każdego sprite'a. Są kompatybilne z popularnymi silnikami gier takimi jak Phaser, PixiJS, Unity, Cocos2d i wieloma innymi do automatycznego wyodrębniania sprite'ów.
Jakie są różne tryby skalowania?
Dopasuj zachowuje proporcje. Wypełnij pokrywa komórkę i przycina. Rozciągnij deformuje aby wypełnić.
Czy narzędzie obsługuje przezroczystość?
Tak, PNG i WebP zachowują przezroczystość. Można też ustawić niestandardowy kolor tła, co jest przydatne dla eksportów JPG, które nie obsługują przezroczystości.
Jak padding wpływa na sprite sheet?
Padding dodaje przestrzeń między poszczególnymi sprite'ami w arkuszu, zapobiegając wizualnemu przenikaniu podczas próbkowania tekstur. Jest to szczególnie ważne dla silników gier używających filtrowania liniowego.
Czy mogę używać sprite sheets dla CSS?
Tak, sprite sheets świetnie sprawdzają się jako sprite'y CSS. Dane JSON atlas mogą być używane do generowania reguł CSS background-position, zmniejszając żądania HTTP i poprawiając wydajność ładowania strony.
Jakie są najlepsze praktyki dla wymiarów sprite sheets?
Utrzymuj wymiary jako potęgi 2 (256x256, 512x512, 1024x1024) dla optymalnej obsługi tekstur GPU. Większość silników gier preferuje te wymiary dla lepszej wydajności i kompatybilności.
Jak sprite sheets poprawiają wydajność gier?
Sprite sheets zmniejszają wywołania rysowania, grupując wiele sprite'ów w pojedynczej teksturze. Minimalizuje to zmiany stanu GPU, zmniejsza narzut pamięci i umożliwia bardziej wydajne renderowanie.
Jaka jest różnica między sprite sheets a atlasami tekstur?
Sprite sheets zazwyczaj układają klatki w jednolitej siatce, podczas gdy atlasy tekstur mogą bardziej wydajnie pakować sprite'y o nieregularnych kształtach za pomocą algorytmów takich jak bin packing.