Input din mai multe fișiere
Adaugă până la 64 de cadre PNG, JPG sau WebP per selecție.
Limbă: Română
Packer de sprite sheet pentru atlase PNG
Aranjează până la 64 de cadre sprite într-un atlas cu grilă uniformă și exportă coordonate JSON corespunzătoare.
Gratuit0 crediteAtlas PNG + JSON
Împachetatorul de sprite sheet îmi încarcă cadrele?
Nu. Până la 64 de cadre rămân în browser și sunt aranjate într-o grilă uniformă. Primești un atlas PNG plus coordonate JSON; cadrele nu sunt decupate și nici rotite.
WORKSPACE LIVE
Lucrează local. Exportă curat.
Acest utilitar rulează în browserul tău. Fișierele tale rămân pe dispozitiv și nu se folosesc credite de generare.
Sursă și setări01
Procesare locală privată0 credite
Adaugă două sau mai multe cadre
Utilitarul rulează local. Grafica ta nu este încărcată și nu se folosesc credite.
ÎN JOC
Vezi asset-urile ca pe un joc.
Explorează gameplay-ul, utilizarea pe dispozitive portabile și designurile coordonate. Aceste concepte generate de AI ilustrează posibilități vizuale; verifică propriile asset-uri și importurile în engine înainte de lansare.
O singură direcție artistică pentru tot jocul
Revizuiește scena jucabilă alături de personajele, terenul, obiectele și interfața ei ca un singur design coordonat.
Un singur personaj în direcții și acțiuni diferite
Compară proporțiile, culorile și siluetele de acțiune ale personajului cu lumea din jur.
Luptă, obiecte și interfață într-o singură scenă
Evaluează vizibilitatea efectelor, pictogramele obiectelor și contrastul interfeței în același moment de joc.
Un exemplu practic
Împachetează opt cadre de aceeași dimensiune
Folosește un input concret, inspectează outputul și verifică limitele actuale înainte de a alege următorul pas.
Exemplu de input
Descarcă și dezarhivează cele opt cadre demo de mai jos. Fiecare PNG transparent are 32 × 32 pixeli.
Ce trebuie verificat
- Alege toate cele opt cadre PNG în ordine, apoi setează atlasul la 4 coloane.
- Inspectează previzualizarea: patru celule de 32 de pixeli pe orizontală și două pe verticală produc un atlas de 128 × 64.
- Descarcă PNG-ul atlasului și JSON-ul. Verifică dacă primul cadru începe la x: 0, y: 0 și al cincilea la x: 0, y: 32.
Rezultat așteptat
Opt intrări de 32 × 32 în patru coloane produc un atlas PNG de 128 × 64 plus coordonate JSON pentru cadre.
Limite curente
Packerul local folosește o grilă uniformă dimensionată după cel mai mare input, acceptă până la 64 de fișiere și păstrează limitele frame-urilor. Nu face trim, rotire, padding și nici bin packing optim.
Referințe oficiale de workflow
Verifică documentația engine-ului sau a editorului când îți pregătești propriul import. Aceste surse descriu comportamentul fișierelor și al redării, nu reprezintă o recomandare pentru PixelBox.
Editor și suport
Conținut actualizat:
Publicat și întreținut de LlamaGen. Această pagină descrie controalele curente PixelBox și formatele de export. Contactează echipa pentru informații incorecte sau probleme de export.
01 / DE CE FUNCȚIONEAZĂ
Creat pentru producție, nu doar pentru previzualizări.
Aspect previzibil
Alege numărul de coloane. Fiecare celulă folosește lățimea și înălțimea cea mai mare din intrare, iar cadrele își păstrează dimensiunea originală.
Metadate incluse
Exportă numele cadrelor, coordonatele și dimensiunile ca JSON.
De la sursă la rezultat clar etichetat.
Adaugă cadre
Selecteazăează în ordine fișierele PNG pentru animație sau asset-uri.
Alege coloanele
Setează layout-ul atlasului și inspectează previzualizarea generată.
Exportă ambele fișiere
Descarcă PNG-ul atlasului și coordonatele sale JSON.
03 / ÎNTREBĂRI FRECVENTE
Clarifică termenii înainte să creezi.
Sunt încărcate cadrele mele?
Nu. Împachetarea rulează în browser, iar fișierele rămân pe dispozitivul tău.
Ce format JSON este folosit?
Exportul conține numele imaginii, dimensiunile atlasului și obiecte frame cu x, y, width și height. Dă fiecărui frame un nume de fișier unic, ca fiecare intrare JSON să rămână distinctă.
Taie pixelii transparenți?
Nu. Împachetatorul de grilă păstrează limitele originale ale cadrelor și nu rotește cadrele și nici nu optimizează spațiul gol. Folosește slicerul de sprite sheet când ai nevoie de controalele de decupare și padding.