Dela upp spriteark

Välj den delningsmetod som passar arket

Ett spriteark kan vara en exakt matris av animeringsrutor, en plattuppsättning med regelbundna mellanrum eller en löst packad samling ikoner. Dessa layouter behöver olika former av identifiering. Verktyget samlar dem i ett arbetsflöde, men du avgör det slutliga resultatet.

Inställningarna följer etablerade arbetsflöden. Unitys Sprite Editor har automatisk delning, rutnät efter cellstorlek eller cellantal samt val för förskjutning, utfyllnad, tomma rektanglar och fästpunkt. Aseprites import av spriteark använder också x/y-förskjutning, spritebredd och -höjd, utfyllnad och läsordning. Det här verktyget fokuserar på att plocka ut bilder: det exporterar beskärningskoordinater men skapar inga projektfiler för Unity, Godot eller Aseprite.

Automatisk identifiering är en utgångspunkt, ingen garanti

Automatisk identifiering söker efter synliga områden som inte sitter ihop. Det går snabbt när sprites har genomskinligt utrymme mellan sig, men ingen detektor kan förstå konstnärens avsedda gränser i varje ark. Två figurer som vidrör varandra kan se ut som en komponent, medan en fristående skugga eller gnista kan bli en egen träff. Phasers extraktionsguide beskriver samma begränsning med sammanhängande pixlar: sprites som vidrör varandra identifieras tillsammans.

Granska alltid de numrerade ramarna före export. Automatisk identifiering har inga reglage för tolerans, minsta storlek eller sammanslagningsavstånd, så rätta resultatet för hand. Om en enfärgad bakgrund misstas för grafik ställer du in identifiering av tomma pixlar på hörnets bakgrundsfärg, eller stänger av identifieringen och delar med rutnätet. Om resultatet är för uppdelat tar du bort de lösa ramarna och ritar en enda ram runt hela spriten. Ersätt ett sammanslaget förslag med manuella ramar om två bildrutor vidrör varandra. Originalarket ändras aldrig.

Innehållet i ZIP och frames.json

PNG är standardformat eftersom det bevarar exakta pixlar och genomskinlighet. Varje vald bildruta får ett säkert och unikt filnamn utifrån sitt namn eller valt prefix. ZIP-filen samlar dessa PNG-filer med manifestet frames.json. Varje post innehåller bildrutans namn, ordning och källrektangel:

{
  "name": "player-run-03",
  "x": 128,
  "y": 64,
  "width": 32,
  "height": 48
}

Koordinaterna använder källbildens pixlar och mäts från dess övre vänstra hörn. De fungerar för skript och egna arbetsflöden, men filen är avsiktligt allmän: den är inte ett atlas- eller importformat för en viss spelmotor.

Privat lokal bearbetning med begränsad återställning

Avkodning, identifiering, redigering, beskärning och ZIP-skapande sker i webbläsaren. Bilddata och filnamn skickas inte till servern. För att flerstegsflödet ska kunna återställas får den aktiva fliken behålla en begränsad lokal arbetskopia och inställningar i högst två timmar. Börja om tar genast bort projektet i den aktiva fliken. En separat öppnad flik har en egen isolerad kopia, som tas bort automatiskt inom två timmar även om en annan flik återställs.

Stäng andra bildtunga flikar när du arbetar med stora ark och undvik hundratals tomma bildrutor. Verktyget meddelar när storleks- eller bildrutegränsen nås i stället för att sänka kvaliteten i tysthet. Hämtningar använder tillfälliga objektadresser i webbläsaren som frigörs efter användning enligt MDN:s vägledning.

Kontrollista före export

• Kontrollera att läsordningen följer animationens eller plattornas ordning.
• Zooma in och granska den första, en mittersta och den sista bildrutan efter en pixels förskjutning.
• Uteslut tomma celler och oavsiktliga lösa pixlar om deras placering inte är viktig.
• Använd olika namn och kontrollera dubbletter innan ZIP-filen skapas.
• Granska genomskinliga kanter mot en kontrastrik förhandsvisningsbakgrund.
• Rätta ramar med fält eller knappar om exakt dragning är svår; arbetsflödet är fortfarande tangentbordsstyrt enligt W3C:s vägledning.