Czym jest GIF sprite sheet?

Sprite sheet układa wszystkie klatki animowanego GIF-a jako siatkę w jednym obrazie PNG, często używanym w tworzeniu gier i animacjach CSS.

W jakim formacie eksportowany jest sprite sheet?

PNG. Ten format zachowuje wszystkie kolory i przezroczystość z oryginalnych klatek GIF.

Jak kontrolować układ siatki?

Ustaw liczbę kolumn. Liczba wierszy jest obliczana automatycznie na podstawie całkowitej liczby klatek.

Jak używać sprite sheet w CSS?

Użyj właściwości `background-position` i `animation`, aby przechodzić przez klatki. Każda klatka zajmuje (szerokość × kolumna, wysokość × wiersz) pikseli w sprite.

Czy mogę używać sprite sheet w grach?

Tak. Silniki gier takie jak Phaser, Unity (2D) i Godot obsługują sprite sheets dla animacji klatka po klatce.

Jakie są wymiary każdej klatki w sprite sheet?

Każda komórka równa się oryginalnym wymiarom GIF-a. Całkowity rozmiar sprite sheet wynosi (gifWidth × kolumny) na (gifHeight × wiersze).

Czy sprite sheet zawiera przezroczystość?

Tak. PNG obsługuje pełną przezroczystość alfa, więc wszelkie przezroczyste obszary w klatkach GIF są zachowane.

Czy oryginalny GIF jest modyfikowany?

Nie. Sprite sheet to nowy plik PNG. Twój oryginalny GIF jest odczytywany, ale nie zmieniany.

Dlaczego użyć sprite sheet zamiast GIF-a?

Sprite sheets pozwalają na precyzyjną kontrolę nad animacją — możesz wstrzymać, odwrócić lub przeskoczyć do konkretnych klatek za pomocą CSS lub JavaScript, w przeciwieństwie do automatycznie odtwarzanych GIF-ów.