Utwórz arkusz sprite’ów z obrazów

Spakuj klatki animacji lub ikony w jeden arkusz sprite’ów dla gier i CSS. Wybierz liczbę kolumn i margines, a otrzymasz atlas JSON zgodny z Phaser, PixiJS i innymi silnikami.

Twoje obrazy są przetwarzane na Twoim urządzeniu i nigdy nie są wysyłane.

Upuść tutaj swoje obrazy

lub przeciągnij i upuść

Obsługiwane formaty: PNG, WEBP, GIF, JPG · Do 512 MB na plik

Jak korzystać z tego narzędzia

  1. 01

    Dodaj klatki w kolejności animacji.

  2. 02

    Ustaw liczbę kolumn i odstęp między klatkami.

  3. 03

    Przetwórz i pobierz arkusz sprite’ów z atlasem JSON lub bez niego.

Klatki co do piksela

Klatki nigdy nie są skalowane. Każda znajduje się w lewym górnym rogu komórki o jednakowym rozmiarze, a atlas zapisuje jej dokładną pozycję i rozmiar.

Atlas przyjazny silnikom

JSON używa powszechnie obsługiwanego formatu hash TexturePacker, z kluczami będącymi nazwami plików poszczególnych klatek.

Najczęściej zadawane pytania

W jakim formacie jest arkusz?

PNG, więc przezroczystość jest zachowana.

Czy klatki muszą mieć ten sam rozmiar?

Nie. Komórki mają rozmiar największej klatki, a atlas zapisuje prawdziwy rozmiar każdej klatki.

Czy moje obrazy są wysyłane?

Nie. Arkusz jest tworzony w Twojej przeglądarce.

Powiązane narzędzia